:root{--bg:#07090d;--panel:#0b0f16;--panel2:#10151e;--line:#1c2431;--txt:#dce6f0;--dim:#8b96a7;--faint:#525c6b;--cyan:#38e1ff;--cyan-dim:#38e1ff24;--mag:#ff3d81;--amber:#ffb02e;--red:#ff5d5d;--green:#4ade80;--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{overscroll-behavior:none}body{background:var(--bg);color:var(--txt);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;overflow:hidden}.app{position:fixed;inset:0}.app canvas{touch-action:none;display:block}button{touch-action:manipulation}.topbar,.bottombar{-webkit-user-select:none;user-select:none}.boot{background:var(--bg);color:var(--cyan);font-family:var(--mono);letter-spacing:3px;z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex;position:fixed;inset:0}.boot-sub{opacity:.55;letter-spacing:4px;color:var(--dim);font-size:11px}.boot-core{border:2px solid var(--line);border-top-color:var(--cyan);border-radius:50%;width:46px;height:46px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.vignette{pointer-events:none;z-index:4;background:radial-gradient(#0000 62%,#00000080 100%);position:fixed;inset:0}.topbar{z-index:10;min-height:54px;padding:7px 14px;padding-top:max(7px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#07090de6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex;position:fixed;top:0;left:0;right:0}.topbar:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:.5;height:1px;position:absolute;bottom:-1px;left:0;right:0}.tb-brand{letter-spacing:2px;white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.tb-logo{filter:drop-shadow(0 0 6px var(--cyan));font-size:17px}.tb-title{font-family:var(--mono);color:#fff}.tb-accent{color:var(--cyan);margin:0 4px}.tb-ver{font-family:var(--mono);color:var(--faint);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:10px}.tb-status{font-size:12px;font-family:var(--mono);letter-spacing:1px;color:var(--dim);white-space:nowrap;align-items:center;gap:9px;min-width:0;display:flex;overflow:hidden}.core{background:#666;border-radius:50%;flex-shrink:0;width:11px;height:11px}.core.w{background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:1.6s ease-in-out infinite corePulse}.core.b{background:var(--mag);box-shadow:0 0 10px var(--mag);animation:1.6s ease-in-out infinite corePulse}@keyframes corePulse{50%{opacity:.55}}.core.busy{animation-duration:.5s}.tb-text{text-overflow:ellipsis;overflow:hidden}.check{color:var(--red)}.san{color:var(--txt)}.thinking{color:var(--cyan)}.dots i{background:var(--cyan);border-radius:50%;width:4px;height:4px;margin-left:2px;animation:1s infinite blink;display:inline-block}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.war-cry{color:var(--amber);font-weight:700}.tb-clocks{align-items:center;gap:6px;display:flex}.tclock{font-family:var(--mono);background:var(--panel2);border:1px solid var(--line);color:var(--txt);border-radius:6px;padding:5px 10px;font-size:13px;font-weight:700}.tclock b{color:var(--green);font-size:11px}.tclock.active{border-color:var(--cyan);box-shadow:0 0 10px #38e1ff40}.tclock.low{color:var(--red);border-color:var(--red)}.tb-actions{align-items:center;gap:7px;display:flex}.tb-desktop{display:contents}.tb-hamb{display:none}.cam-segs{display:contents}.btn{font-family:var(--mono);cursor:pointer;letter-spacing:1px;background:var(--panel2);color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:8px 13px;font-size:12px;font-weight:700;transition:border-color .15s,box-shadow .15s,background .15s}.btn:hover{border-color:var(--cyan);box-shadow:0 0 12px #38e1ff40}.btn:focus-visible,.icon-btn:focus-visible,.seg:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.btn.primary{background:var(--cyan);border-color:var(--cyan);color:#03141a}.btn.primary:hover{box-shadow:0 0 16px #38e1ff80}.btn.danger{color:var(--red)}.btn.danger.armed{background:var(--red);border-color:var(--red);color:#1a0505;animation:.6s infinite corePulse}.btn.ghost{background:0 0}.btn.big{width:100%;padding:12px;font-size:14px}.icon-btn{cursor:pointer;background:var(--panel2);color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:7px 10px;font-size:14px;transition:border-color .15s,box-shadow .15s}.icon-btn:hover{border-color:var(--cyan);box-shadow:0 0 12px #38e1ff40}.link{color:var(--cyan);cursor:pointer;font-family:var(--mono);background:0 0;border:none;padding:2px 4px;font-size:11px;font-weight:700}.link:hover{text-decoration:underline}.kbd{font-family:var(--mono);color:var(--cyan);border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:10px;display:inline-block}.bottombar{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);background:#07090de6;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;max-width:calc(100vw - 16px);padding:8px 10px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #00000080}.bottombar .sep{background:var(--line);width:1px;height:22px}.chip-select,.chip-idle{font-family:var(--mono);letter-spacing:1px;white-space:nowrap;padding:6px 4px;font-size:11px}.chip-select{color:var(--cyan)}.chip-idle{color:var(--faint)}.seg{font-family:var(--mono);cursor:pointer;letter-spacing:1px;background:var(--panel2);color:var(--dim);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:12px;font-weight:700}.seg:hover{color:#fff;border-color:var(--cyan)}.seg.active{background:var(--cyan);border-color:var(--cyan);color:#03141a}.seg.big{padding:11px 8px;font-size:12px}.seg.sm{padding:8px 9px;font-size:11px}.seg-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px;display:grid}.seg-row:has(:nth-child(3)){grid-template-columns:1fr 1fr 1fr}.drawer{z-index:10;width:292px;padding:12px;padding-bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:1px solid var(--line);-webkit-overflow-scrolling:touch;background:#07090df2;flex-direction:column;gap:10px;display:flex;position:fixed;top:55px;bottom:0;right:0;overflow-y:auto}.drawer-head{font-family:var(--mono);letter-spacing:2px;color:var(--dim);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.cap-line{color:var(--dim);letter-spacing:1px;gap:12px;font-size:15px;display:flex}.eval-line{align-items:center;gap:8px;display:flex}.eval-track{border:1px solid var(--line);background:#232b38;border-radius:4px;flex:1;height:8px;overflow:hidden}.eval-fill{background:linear-gradient(90deg, #0e5a6e, var(--cyan));height:100%;transition:width .4s}.eval-num{font-family:var(--mono);color:var(--dim);text-align:right;min-width:38px;font-size:11px}.move-list{border:1px solid var(--line);background:#ffffff04;border-radius:8px;min-height:90px;max-height:34vh;padding:4px 0;overflow-y:auto}.move-row{font-family:var(--mono);gap:10px;padding:4px 12px;font-size:12px;display:flex}.move-row:nth-child(odd){background:#ffffff06}.move-row.latest{background:var(--cyan-dim)}.move-n{color:var(--faint);width:26px}.move-w{color:#fff;flex:1}.move-b{color:var(--dim);flex:1}.empty{color:var(--faint);padding:12px;font-size:12px}.sel-line{font-family:var(--mono);letter-spacing:1px;color:var(--cyan);border:1px solid var(--line);background:var(--cyan-dim);border-radius:8px;padding:8px 12px;font-size:11px}.note{color:var(--faint);font-size:11px}.toast{z-index:11;font-family:var(--mono);letter-spacing:2px;border:1px solid var(--mag);color:#ffb3cd;background:#14080cf2;border-radius:8px;padding:9px 16px;font-size:11px;position:fixed;top:66px;left:50%;transform:translate(-50%)}.modal-back{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020305b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:12px;width:100%;max-width:430px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 24px 80px #000000b3,0 0 40px #38e1ff12}.modal h2{color:#fff;font-family:var(--mono);letter-spacing:3px;margin:0 0 6px;font-size:17px}.modal h2:after{content:"";background:var(--cyan);width:44px;height:2px;margin:10px auto 0;display:block}.modal p{color:var(--dim);margin:8px 0;font-size:13px}.promo-grid{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.promo-grid button{background:var(--panel2);border:1px solid var(--line);color:#fff;cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:12px;font-family:inherit;display:flex}.promo-grid button:hover{border-color:var(--cyan);box-shadow:0 0 12px #38e1ff40}.promo-glyph{color:var(--cyan);font-size:28px}.promo-name{font-size:13px;font-weight:700}.promo-sub{color:var(--faint);font-size:10px}.end-emoji{filter:drop-shadow(0 0 12px var(--cyan));font-size:40px}.end-moves{font-size:12px}.end-row{justify-content:center;gap:8px;margin-top:14px;display:flex}.stat-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 4px;display:grid}.stat-grid div{background:var(--panel2);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:2px;padding:10px 4px;display:flex}.stat-grid b{font-family:var(--mono);color:var(--cyan);font-size:15px}.stat-grid span{color:var(--faint);text-transform:uppercase;letter-spacing:1px;font-size:10px}.help-sec{text-align:left;flex-direction:column;gap:8px;margin:12px 0;display:flex}.help-row{background:var(--panel2);border:1px solid var(--line);border-radius:8px;grid-template-columns:64px 1fr;gap:10px;padding:8px 10px;font-size:12px;display:grid}.help-row b{font-family:var(--mono);color:var(--cyan);letter-spacing:1px;font-size:11px}.help-row span{color:var(--dim)}.help-units{flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0 10px;display:flex}.help-units span{color:var(--dim);border:1px solid var(--line);border-radius:6px;padding:4px 8px;font-size:11px}.help-note{color:var(--faint);margin-bottom:12px;font-size:11px}.start-back{z-index:15;background:radial-gradient(at 50% 0,#38e1ff17,#0000 55%),linear-gradient(#38e1ff06 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#38e1ff06 1px,#0000 1px) 0 0/44px 44px,#040508c7;justify-content:center;padding:26px 14px;display:flex;position:fixed;inset:0;overflow-y:auto}.start-card{border:1px solid var(--line);background:#0b0f16f0;border-radius:14px;width:100%;max-width:540px;margin:auto;padding:26px 24px;box-shadow:0 24px 80px #0009}.start-emblem{text-align:center;filter:drop-shadow(0 0 14px var(--cyan));font-size:34px}.start-title{text-align:center;font-size:32px;font-family:var(--mono);letter-spacing:4px;color:#fff;margin:6px 0;font-weight:800}.start-title .tb-accent{color:var(--cyan)}.start-tag{text-align:center;color:var(--dim);font-family:var(--mono);letter-spacing:2px;margin:0 0 14px;font-size:11px}.field-label{font-family:var(--mono);letter-spacing:2px;color:var(--faint);margin:14px 0 6px;font-size:10px;font-weight:700}.field-label:before{content:"▸ ";color:var(--cyan)}.tc-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.settings-row{gap:16px;margin:14px 0;display:flex}.toggle{cursor:pointer;color:var(--dim);align-items:center;gap:6px;font-size:13px;display:flex}.toggle input{accent-color:var(--cyan);width:15px;height:15px}.start-btn{margin-top:8px}.pieces-line{text-align:center;color:var(--faint);margin-top:12px;font-size:12px}.keys-line{text-align:center;font-family:var(--mono);letter-spacing:1px;color:var(--faint);margin-top:8px;font-size:10px}.credit-line{text-align:center;color:var(--faint);margin-top:10px;font-size:11px}.credit-line b{color:var(--dim)}.credit-line a{color:var(--cyan);text-decoration:none}.credit-line a:hover{text-decoration:underline}@media (width<=860px){.tb-title,.tb-ver,.tb-status .san,.tb-status .war-cry{display:none}.tclock{padding:4px 8px;font-size:12px}.btn{padding:7px 10px;font-size:11px}.chip-idle,.tb-desktop{display:none}.tb-hamb{display:inline-block}.cam-segs{display:none}.tb-drop{z-index:30;top:calc(env(safe-area-inset-top) + 58px);border:1px solid var(--line);background:#0b0f16f7;border-radius:12px;flex-direction:column;gap:8px;width:224px;padding:12px;display:flex;position:fixed;right:10px;box-shadow:0 16px 50px #0009}.tb-drop .btn{width:100%;min-height:42px}.drop-label{font-family:var(--mono);letter-spacing:2px;color:var(--faint);margin-top:2px;font-size:10px}.drop-cams{grid-template-columns:1fr 1fr;gap:6px;display:grid}.drawer{border-left:none;border-top:1px solid var(--line);width:auto;max-height:48vh;inset:auto 0 0}.move-list{max-height:16vh}.bottombar{bottom:max(10px, env(safe-area-inset-bottom));padding:6px 8px}.stat-grid{grid-template-columns:repeat(2,1fr)}:is(.seg-row,.seg-row:has(:nth-child(3))){grid-template-columns:1fr}.tc-grid{grid-template-columns:1fr 1fr}.start-card{padding:20px 16px}.start-title{letter-spacing:2px;font-size:25px}}@media (height<=500px) and (orientation:landscape){.bottombar{padding:5px 8px}.drawer{border-top:none;border-left:1px solid var(--line);width:250px;max-height:none;inset:52px 0 0 auto}.move-list{max-height:32vh}.start-back{padding:12px}.start-card{padding:16px}}@media (pointer:coarse){.btn{min-height:40px}.icon-btn{min-width:44px;min-height:40px}.seg.sm{min-height:40px;padding:8px 12px}.link{min-height:32px;padding:6px 8px}.start-back,.drawer,.modal{-webkit-overflow-scrolling:touch}}