:root{--ink: #0a0d12;--slate: #141a23;--slate-lift: #1b2330;--sand: #d8a860;--sand-lit: #f0c98a;--teal: #5eead4;--rust: #b95f22;--text: #ece5d8;--muted: #857e70;--rule: rgba(216, 168, 96, .2);--display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--text);font-family:var(--display);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{display:grid;place-items:center;background:radial-gradient(120% 70% at 50% 110%,rgba(216,168,96,.09),transparent 60%),var(--ink)}#stage{position:relative;aspect-ratio:9 / 16;width:min(100vw,56.25dvh);height:auto;max-height:100dvh;overflow:hidden;box-shadow:0 0 0 1px #d8a8601f,0 30px 90px #0009}#board{display:block;width:100%;height:100%;touch-action:none}.grain{position:absolute;inset:0;pointer-events:none;opacity:.28;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}#hud{position:absolute;inset:0 0 auto;padding:max(.9rem,env(safe-area-inset-top)) 1rem .85rem;pointer-events:none;background:linear-gradient(to bottom,rgba(10,13,18,.92) 45%,transparent)}#hud[hidden]{display:none}.bar{display:flex;align-items:center;gap:.75rem}#level-name{flex:1;margin:0;text-align:center;font-size:clamp(.95rem,3.6vw,1.25rem);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}.glyph{pointer-events:auto;width:2.1rem;height:2.1rem;display:grid;place-items:center;border:1px solid var(--rule);border-radius:50%;background:#1b2330b3;color:var(--sand);font-size:1rem;cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.glyph:hover{border-color:var(--sand);color:var(--sand-lit)}.glyph.speed{width:auto;min-width:2.5rem;border-radius:999px;font-family:var(--mono);font-size:.66rem;letter-spacing:.04em}.glyph.speed.on{border-color:#5eead480;color:var(--teal);background:#5eead414}.glyph:active{transform:scale(.92)}#meter{position:relative;height:7px;margin-top:.7rem;border:1px solid var(--rule);background:#00000073;overflow:hidden}#meter-fill{height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,var(--sand) 0%,var(--sand-lit) 100%);transition:width .18s linear,background .4s var(--ease)}#meter.low #meter-fill{background:linear-gradient(90deg,var(--rust),#e08a3c)}#meter-ticks{position:absolute;inset:0;background-image:repeating-linear-gradient(to right,rgba(10,13,18,.8) 0 1px,transparent 1px 10%)}#hint{margin:.55rem 0 0;text-align:center;font-family:var(--mono);font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);transition:opacity .6s var(--ease)}.panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;padding:2rem 1.4rem;background:radial-gradient(90% 55% at 50% 0%,rgba(94,234,212,.07),transparent 70%),#0a0d12f0;backdrop-filter:blur(3px);animation:rise .42s var(--ease) both}.panel[hidden]{display:none}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.eyebrow{margin:0;font-family:var(--mono);font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.wordmark{margin:0;font-size:clamp(2.6rem,13vw,4rem);font-weight:400;letter-spacing:.02em;color:var(--sand-lit);text-shadow:0 0 40px rgba(216,168,96,.22)}.wordmark:after{content:"";display:block;width:46px;height:1px;margin:.85rem auto 0;background:var(--rule)}#result h2{margin:0;font-size:clamp(1.7rem,8vw,2.4rem);font-weight:400;letter-spacing:.03em}.stars{margin:0;font-size:1.5rem;letter-spacing:.5rem;color:var(--sand)}.stars .off{color:#d8a86033}.footnote{margin:0;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;color:var(--muted)}#level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;width:min(100%,21rem);margin:.4rem 0 0;padding:0;list-style:none}.tile{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border:1px solid var(--rule);background:linear-gradient(160deg,var(--slate-lift),var(--slate));color:var(--text);font-family:var(--display);font-size:1.35rem;cursor:pointer;animation:rise .4s var(--ease) both;transition:border-color .22s var(--ease),transform .22s var(--ease)}.tile:hover:not(:disabled){border-color:var(--sand);transform:translateY(-2px)}.tile:active:not(:disabled){transform:translateY(0) scale(.97)}.tile:disabled{cursor:default;color:#ece5d838;background:#141a238c;border-color:#d8a86014}.tile .pips{font-size:.5rem;letter-spacing:.18em;color:var(--sand)}.tile .pips .off{color:#d8a8602e}.actions{display:flex;gap:.7rem;margin-top:.4rem}.btn{padding:.72rem 1.5rem;border:1px solid var(--rule);background:transparent;color:var(--text);font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease)}.btn:hover{border-color:var(--sand);color:var(--sand-lit)}.btn:active{transform:scale(.97)}.btn.primary{border-color:#5eead473;color:var(--teal)}.btn.primary:hover{background:#5eead41a;border-color:var(--teal)}.btn[hidden]{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}