*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#232a45;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}canvas{display:block;touch-action:none;-webkit-user-select:none;user-select:none}button{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:root{--ink:#171C2E;--hot:#FF7A18;--cold:#00B2C6;--coldL:#5FD9E8;--white:#fff;--paper: #EFF2F7;--stroke: 0 2px 0 var(--paper), 0 -2px 0 var(--paper), 2px 0 0 var(--paper), -2px 0 0 var(--paper), 1px 1px 0 var(--paper), -1px -1px 0 var(--paper);--stroke-dark: 0 2px 0 var(--ink), 0 -2px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 1px 1px 0 var(--ink), -1px -1px 0 var(--ink);--void: #232A45;--wall: #2F3958;--wall-hi: #3A466E}#hud,#coach,#banner,#keys{position:fixed;left:0;right:0;text-align:center;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.05em}#hud{top:16px;display:flex;gap:12px;justify-content:center;align-items:baseline}@media(max-width:760px){#hud{left:10px;right:120px}}#hud em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hud b{font-size:30px;font-weight:800;color:var(--hot);text-shadow:var(--stroke)}#hud b small{font-size:15px;opacity:.65}#hud em{font-style:normal;font-size:13px;font-weight:700;color:var(--ink);text-shadow:var(--stroke);letter-spacing:.14em}#hud em.v{color:var(--paper);background:var(--ink);padding:3px 8px;border-radius:6px;text-shadow:none}#coach{top:62px;font-size:16px;font-weight:700;color:var(--ink);text-shadow:var(--stroke);opacity:0;transition:opacity .25s}#coach.on{opacity:1}#banner{top:42%;font-size:46px;font-weight:800;color:var(--hot);text-shadow:var(--stroke);opacity:0;transform:scale(.9);transition:opacity .15s,transform .15s}#banner.on{opacity:1;transform:none}#keys{bottom:14px;font-size:12px;font-weight:700;color:var(--ink);opacity:.5;letter-spacing:.1em}#keys .short{display:none}@media(max-width:640px){#keys{font-size:10px}#keys .long{display:none}#keys .short{display:inline}}.ui{pointer-events:auto}#btn-pause{position:fixed;top:12px;right:12px;z-index:5;width:46px;height:46px;border:4px solid var(--ink);border-radius:12px;background:var(--ink);color:var(--paper);cursor:pointer;display:grid;place-items:center;padding:0}#btn-pause svg{width:22px;height:22px;fill:var(--paper)}#btn-pause:hover{background:var(--wall)}#menu{position:fixed;inset:0;z-index:4;gap:18px;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center;align-content:safe center;padding:20px 18px calc(20px + env(safe-area-inset-bottom));background:#232a45e6;text-align:center;overflow-y:auto;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#menu[hidden]{display:none}#menu .bar{position:sticky;top:-20px;z-index:2;width:100%;max-width:560px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 0 12px;margin-top:-20px;background:linear-gradient(var(--void) 78%,transparent)}#menu h1{font-size:30px;font-weight:800;color:var(--hot);letter-spacing:.12em;text-shadow:var(--stroke-dark)}@media(max-width:420px){#menu h1{font-size:24px}}#levels{display:flex;flex-direction:column;gap:6px;width:100%;max-width:560px;justify-self:center}#levels .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px}h2.tier{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:14px 2px 2px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--paper);opacity:.72}h2.tier:first-child{margin-top:0}h2.tier em{font-style:normal;font-weight:700;letter-spacing:.08em;opacity:.8}.lv{min-width:0;min-height:92px;padding:10px 12px;border:4px solid var(--ink);border-radius:12px;background:var(--wall);color:var(--paper);cursor:pointer;text-align:left;font-family:inherit;font-weight:700;font-size:13px;letter-spacing:.04em}.lv:hover{background:var(--wall-hi)}.lv.done{background:var(--paper);color:var(--ink)}.lv.done:hover{background:var(--white)}.lv.here{background:var(--hot);color:var(--ink)}.lv.locked{background:var(--void);border-color:var(--wall);color:var(--paper);opacity:.42;cursor:default}.lv.locked:hover{background:var(--void)}.lv b{display:block;font-size:16px;margin-bottom:2px}.lv small{display:block;font-weight:600;opacity:.75;font-size:11px;margin-top:3px}#btn-resume{flex:none;padding:12px 26px;border:4px solid var(--ink);border-radius:12px;background:var(--hot);color:var(--ink);font:800 16px/1 inherit;letter-spacing:.12em;cursor:pointer}#menu .tip{font-size:11px;color:var(--paper);opacity:.55;letter-spacing:.1em}#start{position:fixed;inset:0;display:grid;place-content:center;gap:8px;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#start.on{opacity:1}#start b{font-size:40px;font-weight:800;color:var(--hot);letter-spacing:.1em;text-shadow:var(--stroke);animation:pulse 1.4s ease-in-out infinite}#start span{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.14em;text-shadow:var(--stroke)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){#start b{animation:none}}#btn-mute{position:fixed;top:12px;right:66px;z-index:5;width:46px;height:46px;border:4px solid var(--ink);border-radius:12px;background:var(--ink);color:var(--paper);cursor:pointer;display:grid;place-items:center;padding:0}#btn-mute svg{width:22px;height:22px;fill:var(--paper)}#btn-mute .off-only{display:none}#btn-mute.off{background:var(--wall);color:var(--paper)}#btn-mute.off svg{fill:var(--paper)}#btn-mute.off .on-only{display:none}#btn-mute.off .off-only{display:block}body.paused #hud,body.paused #keys,body.paused #coach{opacity:0}body.paused #btn-pause{display:none}body.paused #btn-mute{top:auto;bottom:calc(14px + env(safe-area-inset-bottom));right:14px}#rotate-hint{position:fixed;left:0;right:0;bottom:40px;z-index:3;display:none;text-align:center;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--paper);opacity:0}@media(orientation:portrait)and (max-width:760px){#rotate-hint{display:block;animation:rotate-nudge 7s ease-in-out 1.2s 1 both}}@keyframes rotate-nudge{0%{opacity:0}12%{opacity:.8}72%{opacity:.8}to{opacity:0}}@media(prefers-reduced-motion:reduce){#rotate-hint{animation:none;opacity:.7}}body.paused #rotate-hint{display:none}#btn-skip{position:fixed;z-index:3;left:50%;transform:translate(-50%);bottom:calc(44px + env(safe-area-inset-bottom));padding:10px 20px;border:4px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);font:800 13px/1 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.1em;cursor:pointer;opacity:.92}#btn-skip:hover{background:var(--white);opacity:1}#btn-skip[disabled]{opacity:.5;cursor:default}#btn-skip[hidden],body.paused #btn-skip{display:none}@media(max-width:420px){#btn-skip{font-size:11px;padding:9px 14px}}