:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d1d5db;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0d14}body{background:radial-gradient(1200px 600px at 50% -10%,#1b1b2a 0%,#0d0d14 60%);min-height:100svh;margin:0}h1,h2{font-family:var(--heading,var(--sans));color:#f3f4f6;font-weight:600}button{all:unset}#root{min-height:100svh}.app{box-sizing:border-box;justify-content:center;align-items:flex-start;gap:24px;min-height:100svh;padding:32px 16px;display:flex}.board-wrap{flex-shrink:0;position:relative}.game-canvas{touch-action:none;cursor:crosshair;background:#0b0b13;border:2px solid #2a2a38;border-radius:6px;width:100%;max-width:min(300px,88vw);height:auto;display:block;box-shadow:0 0 40px #3fc8ff2e,0 0 2px #000}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;text-align:center;background:#08080edb;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0}.overlay h1{letter-spacing:2px;background:linear-gradient(90deg,#00f0f0,#f0f000,#a000f0,#f00000);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px}.overlay h1 .amp{color:#3fc8ff;-webkit-text-fill-color:#3fc8ff}.overlay p{color:#9ca3af;max-width:240px;margin:0}.overlay p.hint{opacity:.8;font-size:13px}.overlay strong{color:#f3f4f6}.overlay button,.pause-btn{font:inherit;color:#08202b;cursor:pointer;background:#3fc8ff;border:2px solid #3fc8ff;border-radius:8px;padding:10px 28px;font-size:16px;font-weight:600;transition:filter .2s,transform .1s}.overlay button:hover,.pause-btn:hover{filter:brightness(1.15)}.overlay button:active,.pause-btn:active{transform:scale(.97)}.panel{background:#161620b3;border:1px solid #2e2e3a;border-radius:10px;flex-direction:column;gap:20px;width:170px;padding:20px;display:flex;box-shadow:0 4px 20px #0006}.stat{text-align:left}.stat-label{text-transform:uppercase;letter-spacing:2px;color:#8b90a0;margin-bottom:4px;font-size:12px;display:block}.stat-value{color:#f3f4f6;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;display:block}.stat-sub{color:#6b7280;margin-top:2px;font-size:12px;display:block}.stat-value.lives{align-items:center;gap:6px;min-height:30px;display:flex}.life{border-radius:50%;width:14px;height:14px;display:inline-block}.next-piece{flex-direction:column;align-items:center;gap:3px;margin-top:4px;display:inline-flex}.next-row{gap:3px;display:flex}.cell-mini{background:#101018;border-radius:3px;width:22px;height:22px}.controls h2{letter-spacing:1px;text-transform:uppercase;color:#f3f4f6;margin:12px 0 8px;font-size:14px}.controls p{color:#9ca3af;text-align:left;margin:8px 0;font-size:14px}kbd{min-width:22px;font-family:var(--mono,monospace);color:#d1d5db;text-align:center;background:#20202a;border:1px solid #3a3a48;border-bottom-width:2px;border-radius:4px;padding:2px 6px;font-size:12px;display:inline-block}@media (width<=720px){.app{flex-direction:column;align-items:center}.panel{flex-flow:wrap;justify-content:space-between;gap:12px;width:100%;max-width:312px}.panel-right{order:-1}.game-canvas{max-width:min(300px,92vw)}}