*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;color:var(--text);overflow:hidden}#root{display:flex}:root{--bg: #17212b;--panel: #232e3c;--panel2: #1d2733;--header: #17212b;--border: rgba(255,255,255,.07);--text: #ffffff;--sub: #aebfcf;--hint: #6d8195;--accent: #2ea6ff;--accent-press: #2391e6;--on-accent: #ffffff;--good: #4bd07b;--bad: #f0606a;--warn: #f1c40f;--sq-light: #cfd8e3;--sq-dark: #5b7290;--piece-glyph: "Noto Sans Symbols 2", "Segoe UI Symbol", system-ui, sans-serif}.app-root{width:100%;height:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;background:var(--bg);position:relative;overflow:hidden}.tg-app{height:100%;display:flex;flex-direction:column;background:var(--bg);color:var(--text);position:relative;overflow:hidden}.tg-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.tg-scroll::-webkit-scrollbar{width:0;height:0}.tg-header{display:flex;align-items:center;gap:10px;height:52px;padding:0 6px 0 4px;flex-shrink:0;background:var(--header);border-bottom:1px solid var(--border)}.tg-hbtn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);background:none;border:none;cursor:pointer;transition:background .15s}.tg-hbtn:active{background:#ffffff14}.tg-htitle{font-size:17px;font-weight:600;letter-spacing:.2px}.tg-hsub{font-size:12.5px;color:var(--hint);margin-top:1px}.btn{border:none;cursor:pointer;font:inherit;font-weight:600;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s,background .15s,opacity .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.975)}.btn-primary{background:var(--accent);color:var(--on-accent);padding:14px 18px;font-size:16px}.btn-primary:active{background:var(--accent-press)}.btn-ghost{background:#ffffff0f;color:var(--text);padding:13px 16px;font-size:15px}.btn-ghost:active{background:#ffffff1f}.btn-block{width:100%}.btn[disabled]{opacity:.45;pointer-events:none}.card{background:var(--panel);border-radius:16px}.divider{height:1px;background:var(--border)}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0;overflow:hidden;letter-spacing:.3px;background-size:cover;background-position:center}.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.chip{background:var(--panel);border:1.5px solid transparent;border-radius:13px;padding:11px 8px 10px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.chip[data-on=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--panel))}.chip-time{font-size:19px;font-weight:700}.chip-name{font-size:11.5px;color:var(--hint);margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.board-wrap{position:relative;width:100%;aspect-ratio:1;-webkit-user-select:none;user-select:none;touch-action:manipulation}.board{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0006,0 0 0 1px #00000040}.sq{position:relative;display:flex;align-items:center;justify-content:center}.sq-coordf,.sq-coordr{position:absolute;font-size:9.5px;font-weight:700;opacity:.55;pointer-events:none}.sq-coordf{right:3px;bottom:1px}.sq-coordr{left:3px;top:1px}.piece{font-family:var(--piece-glyph);line-height:1;font-size:min(8.8vw,44px);position:relative;z-index:2;transition:transform .12s;will-change:transform}.hl-last{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);opacity:.26;z-index:1}.hl-sel{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);opacity:.38;z-index:1}.hl-check{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle,rgba(240,96,106,.95) 12%,rgba(240,96,106,.35) 45%,transparent 72%)}.dot{position:absolute;z-index:3;border-radius:50%;pointer-events:none;width:30%;height:30%;background:#00000047;top:35%;left:35%}.sq[data-light=true] .dot{background:#00000038}.dot-cap{width:88%;height:88%;top:6%;left:6%;background:transparent;border-radius:50%;box-shadow:inset 0 0 0 5px #00000042}.player-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg)}.player-meta{flex:1;min-width:0}.player-name{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.player-rating{font-size:12px;color:var(--hint)}.captured{display:flex;align-items:center;gap:0;flex-wrap:wrap;min-height:15px}.captured .cp{font-family:var(--piece-glyph);font-size:15px;line-height:1;margin-right:-3px;opacity:.85}.adv{font-size:11.5px;color:var(--hint);margin-left:5px;font-weight:600}.clock{font-variant-numeric:tabular-nums;font-weight:700;font-size:20px;padding:7px 13px;border-radius:11px;background:var(--panel2);color:var(--sub);min-width:86px;text-align:center;letter-spacing:.5px;transition:background .2s,color .2s}.clock[data-active=true]{background:var(--accent);color:var(--on-accent);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 50%,transparent)}.clock[data-low=true]{background:var(--bad);color:#fff}.panel{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg);border-top:1px solid var(--border)}.tabs{display:flex;padding:6px 10px 0;gap:4px;flex-shrink:0}.tab{flex:1;text-align:center;padding:9px 0 10px;font-size:13.5px;font-weight:600;color:var(--hint);cursor:pointer;position:relative;border-radius:9px 9px 0 0}.tab[data-on=true]{color:var(--accent)}.tab[data-on=true]:after{content:"";position:absolute;left:14%;right:14%;bottom:0;height:2.5px;border-radius:3px;background:var(--accent)}.tab .badge{display:inline-block;min-width:16px;height:16px;line-height:16px;padding:0 4px;border-radius:8px;background:var(--bad);color:#fff;font-size:10px;margin-left:5px;vertical-align:middle}.panel-body{flex:1;min-height:0;overflow-y:auto}.panel-body::-webkit-scrollbar{width:0}.moves{display:grid;grid-template-columns:34px 1fr 1fr;align-items:stretch}.mv-num{color:var(--hint);font-size:13px;padding:7px 0 7px 12px;display:flex;align-items:center}.mv{padding:7px 10px;font-size:14px;font-weight:600;cursor:pointer;border-radius:7px;margin:1px;display:flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}.mv[data-on=true]{background:var(--accent);color:var(--on-accent)}.moves-row:nth-child(odd){background:#ffffff04}.chat{display:flex;flex-direction:column;gap:7px;padding:12px}.msg{max-width:78%;padding:8px 12px;border-radius:15px;font-size:14px;line-height:1.35;position:relative;word-break:break-word}.msg-them{align-self:flex-start;background:var(--panel);border-bottom-left-radius:5px}.msg-me{align-self:flex-end;background:var(--accent);color:var(--on-accent);border-bottom-right-radius:5px}.msg-sys{align-self:center;background:#ffffff0f;color:var(--sub);font-size:12px;padding:5px 11px;border-radius:11px}.msg-time{font-size:10px;opacity:.6;margin-left:8px}.chat-input{display:flex;gap:8px;padding:8px 10px;border-top:1px solid var(--border);flex-shrink:0;align-items:center}.chat-input input{flex:1;background:var(--panel);border:none;outline:none;color:var(--text);border-radius:18px;padding:10px 15px;font:inherit;font-size:14.5px}.chat-input input::placeholder{color:var(--hint)}.send-btn{width:38px;height:38px;border-radius:50%;background:var(--accent);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.controls{display:flex;gap:8px;padding:9px 12px;background:var(--bg);border-top:1px solid var(--border);flex-shrink:0}.ctrl{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 0;background:var(--panel);border:none;border-radius:11px;color:var(--sub);cursor:pointer;font-size:11px;font-weight:600;transition:background .15s}.ctrl:active{background:#ffffff1f}.ctrl[data-danger=true]{color:var(--bad)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#080c1199;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:24px}.sheet{width:100%;max-width:380px;background:var(--panel);border-radius:20px;padding:22px 20px;box-shadow:0 24px 60px #0000008c;animation:pop .26s cubic-bezier(.2,.9,.3,1.2)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:translateY(16px) scale(.97)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes radar{0%{transform:scale(.5);opacity:.7}to{transform:scale(1);opacity:0}}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(255,255,255,.18);border-top-color:var(--accent);animation:spin .8s linear infinite}.promo{position:absolute;z-index:30;background:var(--panel);border-radius:12px;padding:5px;display:flex;flex-direction:column;box-shadow:0 12px 30px #00000080}.promo button{width:46px;height:46px;border:none;background:none;cursor:pointer;border-radius:9px;font-family:var(--piece-glyph);font-size:32px;line-height:1}.promo button:active{background:#ffffff1f}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.fade-in{animation:fade .3s ease}.pc-place{animation:place .17s ease}@keyframes place{0%{transform:scale(.78);opacity:.55}}.toast{position:absolute;bottom:78px;left:50%;transform:translate(-50%);background:#0f161ef5;color:#fff;padding:9px 16px;border-radius:20px;font-size:13px;z-index:50;box-shadow:0 8px 24px #0006;animation:fade .2s;white-space:nowrap}.status-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;text-align:center;color:var(--sub)}.new-pill{font-size:10px;font-weight:800;letter-spacing:.7px;line-height:1;padding:3px 6px;border-radius:6px;margin-left:2px;background:var(--accent);color:var(--on-accent)}.btn-ghost[data-seg=true]{background:var(--accent);color:var(--on-accent)}.stepper-btn{width:46px;height:46px;border-radius:12px;border:none;cursor:pointer;background:var(--panel2);color:var(--text);font-size:26px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:background .15s}.stepper-btn:active{background:#ffffff24}.clk-root{height:100%;display:flex;flex-direction:column;background:#05080c;position:relative}.clk-panel{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;position:relative;transition:background .18s ease,color .18s ease;background:var(--panel2);color:var(--sub)}.clk-panel[data-rm=true]{transition:none}.clk-panel[data-mood=ready]{background:var(--panel);color:var(--text)}.clk-panel[data-mood=idle]{background:var(--panel2);color:color-mix(in srgb,var(--sub) 60%,transparent)}.clk-panel[data-mood=active]{background:var(--accent);color:var(--on-accent)}.clk-panel[data-mood=warn]{background:var(--bad);color:#fff}.clk-panel[data-mood=winner]{background:color-mix(in srgb,var(--good) 88%,#000);color:#fff}.clk-panel[data-mood=loser]{background:var(--panel2);color:var(--hint)}.clk-inner{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px}.clk-time{font-size:78px;font-weight:800;line-height:1;letter-spacing:.5px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.clk-time.is-tenths{font-size:92px}.clk-meta{font-size:14px;font-weight:600;opacity:.72;text-transform:lowercase;letter-spacing:.3px}.clk-delay{padding:3px 10px;border-radius:20px;background:#ffffff2e}.clk-hint{font-size:14px;font-weight:600;opacity:.55;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.clk-badge{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;padding:4px 14px;border-radius:20px;background:#00000047;margin-bottom:4px}.clk-badge[data-win=true]{background:#ffffff38}.clk-bar{flex-shrink:0;height:60px;display:flex;align-items:center;justify-content:center;gap:10px;background:#05080c;padding:0 12px;z-index:5}.clk-ctrl{width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;background:#ffffff12;color:var(--sub);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.clk-ctrl:active{background:#ffffff29}.clk-ctrl[disabled]{opacity:.35;pointer-events:none}.clk-ctrl[data-on=true]{color:var(--bad)}.clk-ctrl-main{width:52px;height:52px;background:var(--accent);color:var(--on-accent)}.clk-ctrl-main:active{background:var(--accent-press)}.clk-paused{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#05080cd1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.clk-paused-card{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;font-size:15px;font-weight:600}