:root{--gold:#ffd166;--teal:#4fd1c5;--danger:#ff6b6b;--panel:#0a0e1edb}*{box-sizing:border-box}html,body{color:#fff;-webkit-user-select:none;user-select:none;background:#0a0e1e;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}body.touch #app{touch-action:none;padding-bottom:110px}#hud{align-items:flex-start;gap:16px;padding:16px;display:flex}#board{--panel-w:150px;--gap:16px;--reserved-h:32px;width:min(256px, calc(100vw - var(--panel-w) - 3 * var(--gap)), calc((100dvh - var(--reserved-h)) / 2));aspect-ratio:1/2;border-radius:10px;height:auto;display:block;box-shadow:0 10px 30px #00000080}body.touch #board{--reserved-h:142px}#sidePanel{flex-direction:column;gap:10px;width:150px;display:flex}.panel-block{background:var(--panel);border-radius:10px;padding:8px 12px}.panel-label{text-transform:uppercase;letter-spacing:.06em;opacity:.65;font-size:11px}.panel-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.panel-value.gold{color:var(--gold)}#next{width:100%;margin-top:4px;display:block}#hudButtons{gap:8px;display:flex}#hudButtons button{background:var(--panel);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;height:40px;font-size:16px}#hudButtons button:active{transform:scale(.94)}#hudButtons button[aria-pressed=true]{background:var(--gold);border-color:var(--gold)}#toast{background:var(--panel);pointer-events:none;opacity:0;text-align:center;z-index:5;border-radius:20px;max-width:80vw;padding:8px 18px;font-size:14px;font-weight:600;transition:opacity .25s;position:absolute;top:24px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#toast.good{color:var(--teal)}#toast.warn{color:var(--danger)}.overlay{text-align:center;z-index:10;background:linear-gradient(#060a18eb,#060a18bf);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.overlay h1{letter-spacing:2px;color:var(--gold);text-shadow:0 4px 18px #ffd16659;margin:0;font-size:clamp(28px,8vw,48px)}.subtitle{opacity:.85;margin:0;font-size:15px}.controls-hint{opacity:.7;max-width:420px;margin:0 0 8px;font-size:13px;line-height:1.5}.difficulty{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.difficulty button{color:#fff;cursor:pointer;background:#ffffff14;border:2px solid #ffffff40;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:96px;padding:10px 14px;font-size:16px;font-weight:700;display:flex}.difficulty button small{opacity:.75;font-size:12px;font-weight:400}.difficulty button[aria-pressed=true]{color:#05221f;background:var(--gold);border-color:var(--gold)}.primary-btn{background:var(--teal);color:#05221f;cursor:pointer;border:none;border-radius:12px;margin-top:8px;padding:14px 38px;font-size:18px;font-weight:700;box-shadow:0 6px 18px #4fd1c559}.primary-btn:active{transform:scale(.97)}#finalScore,#finalBest{margin:0;font-size:16px}#finalBest{color:var(--gold);font-weight:700}#mobileControls{z-index:5;grid-template-columns:repeat(5,1fr);gap:8px;padding:0 16px;display:grid;position:absolute;bottom:18px;left:0;right:0}#mobileControls button{color:#fff;touch-action:manipulation;background:#ffffff1f;border:2px solid #ffffff40;border-radius:12px;height:56px;font-size:20px}#mobileControls button:active{background:#ffffff47}[hidden]{display:none!important}@media (width<=480px){#hud{gap:12px;padding:12px}#sidePanel{width:120px}#board{--panel-w:120px;--gap:12px}.panel-value{font-size:18px}}