:root{--indigo:#1B2A4A;--linen:#F4EDE4;--amber:#E4A853;--sage:#5B8A72;--ink:#0E1729;--easy:#5B8A72;--medium:#E4A853;--hard:#d9705b}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--indigo);color:var(--linen);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;justify-content:center;overscroll-behavior:none;-webkit-user-select:none;user-select:none}#app{width:min(480px,100vw);height:100dvh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:6px 12px}header{display:flex;align-items:center;gap:10px;padding:2px;flex:0 0 auto}.brand{font-weight:800;font-size:18px}.brand .lm{color:var(--amber)}#level-num{margin-left:auto;font-weight:700;opacity:.9;font-size:13px}.tier{font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:99px;color:var(--ink);font-weight:800}.tier.easy{background:var(--easy)}.tier.medium{background:var(--medium)}.tier.hard{background:var(--hard)}.hud{display:flex;align-items:center;gap:10px;padding:3px 2px;font-size:12px;flex:0 0 auto}.bar{flex:1;height:6px;background:#fff2;border-radius:99px;overflow:hidden}#bar-fill{height:100%;width:0;background:var(--amber);transition:width .35s ease}.chip{background:#ffffff14;padding:3px 9px;border-radius:99px;white-space:nowrap}#board-wrap{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:2px 0}.board{display:grid}.cell{border-radius:7px;display:flex;align-items:center;justify-content:center}.cell.empty{background:transparent}.cell.slot{background:#ffffff10;box-shadow:inset 0 0 0 2px #ffffff18}.cell.filled{background:var(--linen)}.cell.hint{background:#f4ede4bb}.glyph{color:var(--ink);font-weight:800;font-size:clamp(11px,4vw,22px);opacity:0}.cell.filled .glyph{opacity:1}.glyph.pop{animation:pop .3s ease both}@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}#current{min-height:24px;text-align:center;font-size:22px;font-weight:800;letter-spacing:.12em;color:var(--amber);flex:0 0 auto}#current.pulse{animation:pulse .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}#wheel-wrap{margin-top:auto;flex:0 0 auto;display:flex;justify-content:center;align-items:center;padding:2px 0}#wheel-wrap.shake{animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.wheel{touch-action:none;cursor:pointer;display:block}.controls{display:flex;gap:8px;padding:4px 0 2px;flex:0 0 auto}button{flex:1;background:#ffffff14;color:var(--linen);border:0;padding:10px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer}button:active{transform:scale(.97)}#toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%) translateY(20px);background:var(--ink);color:var(--linen);padding:9px 15px;border-radius:99px;font-weight:700;opacity:0;transition:all .25s ease;pointer-events:none;box-shadow:0 6px 20px #0006}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}:root{--lx-indigo: #1B2A4A;--lx-indigo-deep: #0E1729;--lx-indigo-soft: #2C3F63;--lx-linen: #F4EDE4;--lx-amber: #E4A853;--lx-amber-glow: #F2C078;--lx-sage: #5B8A72;--lx-ink: #F4EDE4;--lx-ink-dim: rgba(244,237,228,.72);--lx-card: rgba(20,30,54,.34);--lx-card-brd: rgba(244,237,228,.14);--lx-slot: rgba(244,237,228,.1);--lx-slot-brd: rgba(244,237,228,.18);--lx-shadow: 0 20px 44px -14px rgba(0,0,0,.6);--lx-radius: 24px}html,body{min-height:100%;margin:0}body{color:var(--lx-ink);background:var(--lx-indigo-deep);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-3;background-image:linear-gradient(180deg,#0e172959,#0e172900 30% 62%,#0e17294d),url(/bg.png);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}body:after{content:"";position:fixed;inset:-25%;z-index:-2;pointer-events:none;opacity:.22;filter:blur(48px);background:radial-gradient(38% 32% at 30% 20%,var(--lx-amber-glow) 0%,transparent 70%);animation:lx-drift 30s ease-in-out infinite alternate}@keyframes lx-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(5%,3%,0) scale(1.1)}}@media (prefers-reduced-motion: reduce){body:after{animation:none}}#app>*{position:relative;z-index:0}.brand{text-shadow:0 1px 12px rgba(0,0,0,.45);letter-spacing:.3px}.chip,#level-num{background:var(--lx-card);border:1px solid var(--lx-card-brd);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.tier{box-shadow:0 4px 14px -4px #00000073}.bar{background:#ffffff24!important;box-shadow:inset 0 1px 2px #0000004d}#bar-fill{background:linear-gradient(90deg,var(--lx-amber) 0%,var(--lx-amber-glow) 100%)!important;box-shadow:0 0 10px #f2c07899}#board-wrap{background:var(--lx-card);border:1px solid var(--lx-card-brd);border-radius:var(--lx-radius);box-shadow:var(--lx-shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:12px 10px}.cell.slot{background:var(--lx-slot);box-shadow:inset 0 0 0 1.5px var(--lx-slot-brd);border-radius:10px}.cell.empty{background:transparent;box-shadow:none}.cell.filled{color:var(--lx-indigo-deep);background:linear-gradient(180deg,#ffffff 0%,var(--lx-linen) 100%);border-radius:10px;box-shadow:0 3px #00000024,inset 0 1px #ffffffe6}.cell.hint{background:linear-gradient(180deg,#fff6e6,#f6e4c4);box-shadow:0 3px #0000001f,inset 0 1px #ffffffe6,0 0 12px #f2c07880}.cell.filled .glyph{color:var(--lx-indigo-deep)}#current{color:var(--lx-amber-glow);text-shadow:0 2px 10px rgba(228,168,83,.4)}.wheel{border-radius:28px;box-shadow:0 18px 40px -12px #0000008c,inset 0 1px #fff9}.controls button,button,.btn{color:var(--lx-indigo-deep);background:linear-gradient(180deg,var(--lx-amber-glow) 0%,var(--lx-amber) 100%);border:none;border-radius:999px;font-weight:800;letter-spacing:.2px;box-shadow:0 8px 18px -6px #e4a85399,inset 0 1px #ffffffa6;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s ease,filter .12s ease}button:hover,.btn:hover{filter:brightness(1.05)}button:active,.btn:active{transform:translateY(2px) scale(.97);box-shadow:0 3px 10px -6px #e4a8538c,inset 0 1px #ffffff80}#toast{background:#0e1729eb;border:1px solid var(--lx-card-brd);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 10px 28px #00000073}.lx-celebrate{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0e17298c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .24s ease}.lx-celebrate.show{opacity:1}.lx-confetti{position:fixed;inset:0;z-index:51;pointer-events:none}.lx-cel-card{position:relative;z-index:52;width:min(340px,82vw);text-align:center;padding:28px 24px 22px;border-radius:26px;background:linear-gradient(180deg,#f4ede4fa,#f4ede4f0);color:var(--lx-indigo-deep);box-shadow:0 28px 60px -18px #000000a6;transform:translateY(14px) scale(.96);transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.lx-celebrate.show .lx-cel-card{transform:translateY(0) scale(1)}.lx-cel-badge{width:58px;height:58px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;border-radius:50%;background:linear-gradient(180deg,var(--lx-amber-glow),var(--lx-amber));box-shadow:0 8px 20px -6px #e4a853b3}.lx-cel-title{margin:4px 0 2px;font-size:24px;font-weight:900;letter-spacing:.2px}.lx-cel-sub{margin:0 0 12px;font-size:14px;opacity:.7}.lx-cel-stats{display:flex;gap:8px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}.lx-cel-chip{background:#1b2a4a14;color:var(--lx-indigo);padding:5px 12px;border-radius:999px;font-weight:800;font-size:13px}.lx-cel-next{width:100%;padding:13px;border:none;border-radius:14px;color:var(--lx-indigo-deep);font-weight:900;font-size:15px;cursor:pointer;background:linear-gradient(180deg,var(--lx-amber-glow) 0%,var(--lx-amber) 100%);box-shadow:0 8px 18px -6px #e4a85399,inset 0 1px #ffffffa6;transition:transform .12s cubic-bezier(.34,1.56,.64,1)}.lx-cel-next:active{transform:translateY(2px) scale(.98)}