:root{--bg1: #1b2350;--bg2: #070a1a;--ink: #f3f5ff;--dim: #98a2d0;--gold: #ffc83d;--green: #62e08a;--panel: rgba(18, 24, 54, .66);--line: rgba(255, 255, 255, .12)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;color:var(--ink);font:15px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(ellipse at 50% 35%,var(--bg1),var(--bg2) 70%)}#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;display:block;user-select:none;-webkit-user-select:none}#gl.spinning{cursor:grab}#gl.spinning:active{cursor:grabbing}.hidden{display:none!important}#hud{position:fixed;top:10px;left:0;right:0;display:flex;justify-content:center;gap:10px;pointer-events:none;padding:0 12px}.pill{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:6px 14px;text-align:center;min-width:84px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pill .lbl{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.pill b{font-size:22px;font-variant-numeric:tabular-nums}.timer b{font-size:26px}.timer.low b{color:#ff6b6b;animation:blink 1s steps(2) infinite}.timer.brk b{color:var(--gold)}@keyframes blink{50%{opacity:.45}}#current{position:fixed;top:96px;left:0;right:0;text-align:center;font-size:34px;font-weight:800;letter-spacing:.12em;min-height:44px;pointer-events:none;text-shadow:0 2px 12px #000a}#current.ok{color:var(--green)}#current.dup{color:#7fb2ff}#current small{font-size:16px;letter-spacing:0;margin-left:8px;opacity:.85}#toast{position:fixed;top:132px;left:0;right:0;text-align:center;font-size:22px;font-weight:800;color:var(--gold);opacity:0;pointer-events:none;text-shadow:0 2px 10px #000a}#toast.show{animation:pop .9s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.8)}15%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel h3{margin:0 0 6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-weight:600}.panel h3 small{text-transform:none;letter-spacing:0;opacity:.7}ol{margin:0;padding:0;list-style:none}li.row{display:flex;gap:8px;font-size:13px;padding:2px 0}li.row .rk{width:22px;color:var(--dim)}li.row .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}li.row .pt{font-variant-numeric:tabular-nums}li.row.me{color:var(--gold);font-weight:700}#foot{position:fixed;left:0;right:0;bottom:0;padding:8px 12px 10px;pointer-events:none}#foundBar{display:flex;align-items:center;gap:10px;pointer-events:auto}#foundCount{color:var(--dim);font-size:12px;white-space:nowrap}#found{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1}#found span{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:13px;white-space:nowrap}#found span i{font-style:normal;color:var(--gold);margin-left:5px;font-size:11px}#hint{text-align:center;font-size:11px;color:var(--dim);margin-top:6px;opacity:.8}#results{position:fixed;left:50%;bottom:44px;transform:translate(-50%);width:min(560px,calc(100% - 24px));padding:14px 16px;max-height:58vh;overflow:auto}#results.min>:not(h2):not(#resultsToggle):not(#resNext){display:none}#results h2{margin:0 24px 6px 0;font-size:20px}#resultsToggle{position:absolute;right:10px;top:8px;background:none;border:0;color:var(--ink);font-size:18px;cursor:pointer}#resSummary{color:var(--dim);margin-bottom:10px}#resSummary b{color:var(--gold)}#resMissed{display:flex;flex-wrap:wrap;gap:5px}#resMissed button{background:#ffffff14;border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:3px 10px;font-size:13px;cursor:pointer}#resMissed button:hover{background:#ffc83d40}#resNext{margin-top:10px;text-align:center;color:var(--gold);font-weight:700}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;overflow-y:auto;overscroll-behavior:contain;background:#0508168c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px}.card{margin:auto;width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px 24px;text-align:center}.card h1{margin:0 0 6px;font-size:40px;letter-spacing:-.02em}.card h1 span{color:var(--gold)}.card .tag{color:var(--dim);margin:0 0 14px}.card ul{text-align:left;padding-left:18px;margin:0 0 18px;color:#d7dcf7}.card li{margin:5px 0}.card input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0000004d;color:var(--ink);font-size:16px;margin-bottom:10px;text-align:center}.card button{width:100%;padding:14px;border-radius:12px;border:0;background:var(--gold);color:#2a2100;font-weight:800;font-size:17px;cursor:pointer}.card button:disabled{opacity:.5;cursor:default}.card .small{font-size:11px;color:var(--dim);margin:12px 0 0}#dock{position:fixed;left:12px;bottom:58px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;user-select:none;-webkit-user-select:none;touch-action:none}#dock button{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;touch-action:none;-webkit-touch-callout:none}#dock .modes{display:flex;gap:8px}#dock .mode{min-height:44px;padding:0 14px;font-weight:700;font-size:14px}#dock .mode.on{background:var(--gold);color:#2a2100;border-color:transparent}#dock .pad{display:grid;grid-template-columns:repeat(3,44px);grid-auto-rows:44px;gap:6px}#dock.collapsed .pad{display:none}#dock button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}#dock .pad button{font-size:18px;padding:0}#dock .pad button:active,#dock .pad button.held{background:#ffc83d59;border-color:var(--gold)}#dock .pad #snapBtn{color:var(--gold)}@media (hover: hover){#dock .pad button:hover,#dock .mode:not(.on):hover{background:#ffffff24}}@media (max-width: 720px){#dock{left:8px;bottom:50px}#dock .pad{gap:5px}#current{top:90px;font-size:28px}#hint{display:none}#results{bottom:40px}.pill{min-width:70px;padding:4px 10px}}@media (max-height: 520px){#hint{display:none}#dock{bottom:56px;gap:5px}#dock .pad{gap:4px}#current{top:62px;font-size:24px;min-height:30px}#toast{top:100px}}#modeBadge{position:fixed;top:132px;left:0;right:0;text-align:center;pointer-events:none;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:#2a2100;opacity:0;transition:opacity .15s}#modeBadge:before{content:attr(data-text);background:var(--gold);padding:4px 12px;border-radius:999px}#modeBadge.show{opacity:1}#coachTip{position:fixed;left:50%;bottom:64px;transform:translate(-50%,8px);max-width:min(420px,calc(100% - 24px));padding:10px 16px;border-radius:14px;background:var(--gold);color:#2a2100;font-weight:700;text-align:center;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}#coachTip.show{opacity:1;transform:translate(-50%)}#rim{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#rim i{position:absolute;opacity:0;background:linear-gradient(var(--dir),rgba(255,200,61,.55),transparent)}#rim .l{left:0;top:0;bottom:0;width:72px;--dir: 90deg}#rim .r{right:0;top:0;bottom:0;width:72px;--dir: 270deg}#rim .t{top:0;left:0;right:0;height:72px;--dir: 180deg}#rim .b{bottom:0;left:0;right:0;height:72px;--dir: 0deg}@media (prefers-reduced-motion: reduce){.timer.low b{animation:none}#toast.show{animation:none;opacity:1}#coachTip,#modeBadge{transition:none}}#menuBtn{position:fixed;top:10px;left:10px;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:20px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}#menuBtn:focus-visible,#menu button:focus-visible,#chainBar button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}#menu{position:fixed;top:62px;left:10px;width:min(300px,calc(100% - 20px));padding:12px 14px 14px;z-index:5;display:flex;flex-direction:column;gap:8px}#menu h3{margin:4px 0 0}#menu .seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}#menu button{font:inherit;color:var(--ink);background:#ffffff12;border:1px solid var(--line);border-radius:12px;min-height:48px;padding:6px 8px;font-weight:700;cursor:pointer}#menu button small{display:block;font-weight:500;font-size:11px;color:var(--dim)}#menu button[aria-pressed=true]{background:var(--gold);color:#2a2100;border-color:transparent}#menu button[aria-pressed=true] small{color:#5b4a10}#menu .primary{background:var(--green);color:#07270f;border-color:transparent;margin-top:4px}#menu .quiet{background:transparent;font-weight:600;color:var(--dim)}.pill small{display:block;font-size:10px;color:var(--dim);min-height:12px;line-height:12px}#starPill b{letter-spacing:.08em;color:var(--gold)}#hud{padding-left:64px;padding-right:64px}#goal{position:fixed;top:74px;left:50%;transform:translate(-50%);width:min(300px,62%);display:flex;align-items:center;gap:10px;pointer-events:none}#goalBar{position:relative;flex:1;height:8px;border-radius:99px;background:#ffffff24;overflow:hidden}#goalFill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#ffc83d,#62e08a);transition:width .35s ease-out}#goalBar b{position:absolute;top:0;bottom:0;width:2px;background:#00000073}#goalTxt{font-size:11px;color:var(--dim);white-space:nowrap;text-shadow:0 1px 6px #000a}#chainBar{position:fixed;right:12px;bottom:58px;display:flex;gap:8px;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .15s,transform .15s}#chainBar.show{opacity:1;pointer-events:auto;transform:none}#chainBar button{font:inherit;min-height:48px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-weight:800;font-size:16px;padding:0 16px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:manipulation}#chainBar #clearBtn{width:48px;padding:0}#chainBar #submitBtn{min-width:116px}#chainBar #submitBtn.ok{background:var(--green);color:#07270f;border-color:transparent}#chainBar #submitBtn.dup{background:#7fb2ff;color:#06203f;border-color:transparent}#resNext{display:flex;gap:10px;justify-content:center}#resNext button{font:inherit;min-height:46px;padding:0 18px;border-radius:12px;border:1px solid var(--line);background:#ffffff14;color:var(--ink);font-weight:700;cursor:pointer}#resNext button.primary{background:var(--green);color:#07270f;border-color:transparent}@media (max-width: 720px){#chainBar{bottom:50px}#hud{padding-left:60px;padding-right:8px}#goal{width:min(260px,56%)}}@media (max-height: 520px){#chainBar{bottom:56px}#goal{top:70px}}@media (prefers-reduced-motion: reduce){#goalFill,#chainBar{transition:none}}#stars i{font-style:normal}#stars .off{opacity:.3}@media (max-width: 720px){#coachTip{bottom:auto;top:150px}}@media (max-height: 520px){#coachTip{bottom:auto;top:104px}}