:root{--navy:#141a33;--brown:#2b1f1c;--pink:#ff4fa3;--cyan:#38e8e0;--yellow:#ffd93b;--ink:#fff6e8;--px:"Galmuri11", "Press Start 2P", monospace;--kr:"Jua", "Galmuri11", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}html,body{color:var(--ink);font-family:var(--kr);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0b0e1c;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}.stage{background:radial-gradient(#0b0e1c 0%,#05060e 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.crt{aspect-ratio:3/4;background:#000;border-radius:18px;width:min(92vw,58.5dvh);position:relative;overflow:hidden;box-shadow:0 0 0 10px #1a1d2e,0 0 0 13px #0a0b14,0 0 60px #38e8e040,inset 0 0 40px #000000e6;container-type:inline-size}.crt:after{content:"";pointer-events:none;mix-blend-mode:multiply;z-index:3;background:repeating-linear-gradient(0deg,#0000002e 0 2px,#0000 2px 4px);border-radius:18px;position:absolute;inset:0}.game-host{position:absolute;inset:0}.heat{pointer-events:none;border-radius:18px;transition:box-shadow .3s;animation:.8s ease-in-out infinite heatPulse;position:absolute;inset:0}.chip{height:36px;font:13px/1 var(--px);color:var(--ink);background:#0a0c1cb8;border:2px solid #ffffff1a;align-items:center;padding:0 12px;display:flex}.sound{z-index:5;top:calc(env(safe-area-inset-top) + 8px);min-height:44px;position:fixed;right:12px}.coins{z-index:5;top:calc(env(safe-area-inset-top) + 8px);gap:8px;min-height:44px;font-size:16px;position:fixed;left:12px}.coin{background:var(--yellow);border-radius:50%;width:16px;height:16px;display:inline-block;box-shadow:inset -3px -3px #d9a300,0 0 8px #ffd93b80}.coin:after{content:"";background:#d9a300;width:4px;height:8px;margin:4px auto 0;display:block}.best{text-align:right;color:var(--cyan);pointer-events:none;font-family:var(--px);line-height:1.25;position:absolute;top:1.2cqw;right:2.8cqw}.best small{font-size:2.6cqw;display:block}.best b{font-size:3.9cqw;font-weight:400;display:block}.best.passed{color:var(--pink)}.pass-fx{text-align:center;font:5.6cqw var(--px);color:var(--yellow);pointer-events:none;animation:1s ease-out forwards passFx;position:absolute;top:50%;left:0;right:0}.panel{text-align:center;z-index:2;background:#0d0b24;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.panel.dim{background:#05060edb}.brand{font:16px var(--px);color:var(--cyan)}.go{font:clamp(18px, 5vw, 26px) var(--px);color:var(--pink);text-shadow:0 0 12px var(--pink)}.sc{font:clamp(34px, 10vw, 52px)/1.1 var(--px);color:var(--yellow)}.new{font:clamp(20px, 6vw, 30px) var(--px);color:var(--yellow);text-shadow:0 0 16px var(--yellow);animation:.4s step-end infinite blink}.note{font:15px/1.35 var(--kr);color:#ffb3d6;max-width:260px}.row{gap:8px;width:100%;max-width:300px;margin-top:6px;display:flex}.btn{min-height:52px;line-height:1.2;font:18px/1 var(--kr);background:var(--pink);color:#1a0612;border:0;flex:1;padding:0 14px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 4px #a81f63}.btn:active{transform:translateY(3px);box-shadow:0 1px #a81f63}.btn.ghost{color:var(--ink);background:#ffffff14;box-shadow:0 4px #00000080}.btn.ghost:active{box-shadow:0 1px #00000080}.btn[disabled]{opacity:.4;pointer-events:none}.btn.alt{background:var(--cyan);color:#042322;box-shadow:0 4px #148e89}.btn.alt:active{box-shadow:0 1px #148e89}.rk{font:20px var(--kr);color:var(--cyan)}.initials{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.initials-title{font:14px var(--px);color:#cfd3ea}.wheels{gap:14px;margin:6px 0;display:flex}.wheel{flex-direction:column;align-items:center;gap:4px;display:flex}.wheel button{width:48px;height:44px;font:14px var(--px);color:var(--cyan);background:#38e8e01f}.wheel button:active{background:#38e8e059}.wheel .ch{width:48px;height:52px;font:32px var(--px);color:var(--ink);border:2px solid var(--pink);background:#12071a;place-items:center;display:grid}.board{z-index:4;background:#0d0b24;justify-content:flex-start;gap:8px;padding:14px}.tabs{gap:8px;width:100%;display:flex}.tabs button{min-height:44px;font:17px var(--kr);color:#cfd3ea;background:#ffffff0f;border-bottom:3px solid #0000;flex:1}.tabs button.on{color:var(--yellow);border-bottom-color:var(--yellow)}.board-rows{flex-direction:column;flex:1;gap:2px;width:100%;min-height:0;display:flex;overflow-y:auto}.board-rows .note{margin:auto}.board-row{font:15px var(--px);color:var(--ink);align-items:center;gap:10px;padding:5px 8px;display:flex}.board-row.first{color:#ff9fd0}.board-row .r{text-align:right;width:24px;color:var(--cyan)}.board-row .i{text-align:left;width:48px}.board-row .s{text-align:right;flex:1}.panel{justify-content:safe center;overflow-y:auto}@container (width<=340px){.panel{gap:5px;padding:10px}.initials{gap:3px}.wheels{margin:2px 0}.wheel{gap:2px}.wheel .ch{height:38px;font-size:24px}.wheel button{height:40px}.btn{min-height:44px}.row{margin-top:2px}}@keyframes blink{50%{opacity:.2}}@keyframes heatPulse{50%{opacity:.65}}@keyframes passFx{0%{opacity:1;transform:translateY(0)scale(.9)}to{opacity:0;transform:translateY(-40px)scale(1.1)}}@media (prefers-reduced-motion:reduce){.heat,.new,.pass-fx{animation:none}.pass-fx{opacity:1}}
