:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"Segoe UI Variable Display", "Bahnschrift", sans-serif;--font-body:"Segoe UI Variable Text", "Segoe UI", sans-serif;--bg-0:#03070b;--bg-1:#09131b;--bg-2:#102430;--panel:#070e14c7;--panel-border:#8cd6ff2e;--text:#eef7fb;--muted:#9ab4c3;--accent:#86e0ff;--accent-strong:#3dc4ff;--danger:#ff7b7b;--shadow:0 32px 80px #00000073}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left, #59a9db3d, transparent 34%), radial-gradient(circle at bottom right, #34638738, transparent 32%), linear-gradient(160deg, var(--bg-0), var(--bg-1) 45%, var(--bg-2));margin:0}button{font:inherit}.app-shell{grid-template-columns:minmax(0,1.18fr) minmax(22rem,26rem);gap:1rem;min-height:100vh;padding:.9rem;display:grid;position:relative}.playfield-panel,.hud-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.playfield-panel{border-radius:1.75rem;grid-template-rows:auto 1fr;gap:.75rem;padding:.9rem;display:grid;overflow:hidden}.playfield-header{gap:.4rem;display:grid}.playfield-header__eyebrow,.hud-card__eyebrow,.overlay__eyebrow{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:.78rem}.playfield-header h1,.overlay h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.5rem)}.hud-card h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(1.25rem,2vw,2.1rem)}.playfield-header__description{max-width:42rem;color:var(--muted);margin:0;line-height:1.5}.playfield-stage{background:linear-gradient(#ffffff0a,#0000),radial-gradient(circle at top,#86e0ff14,#0000 48%),#03080ce0;border:1px solid #8cd6ff24;border-radius:1.35rem;height:clamp(36rem,77vh,44rem);position:relative;overflow:hidden}.playfield-stage:before{content:"";opacity:.18;pointer-events:none;background-color:#0000;background-image:linear-gradient(#0000 96%,#ffffff0a 100%),linear-gradient(90deg,#0000 96%,#ffffff0a 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:2.3rem 2.3rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.game-canvas{position:absolute;inset:0}@media (width<=1024px){.app-shell{grid-template-columns:1fr;gap:1rem;padding:1rem}.playfield-stage{height:clamp(26rem,56vh,30rem)}}@media (width<=640px){.app-shell{padding:1rem}.playfield-panel{border-radius:1.25rem;padding:1rem}.playfield-stage{height:clamp(22rem,50vh,24rem)}}.hud-panel{grid-template-columns:minmax(0,1fr) minmax(12rem,.92fr);align-content:start;gap:.75rem;display:grid}.hud-panel__column{align-content:start;gap:.75rem;display:grid}.hud-card{border-radius:1.35rem;min-width:0;padding:.8rem}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.75rem;display:grid}.score-grid div{background:#ffffff09;border:1px solid #ffffff0f;border-radius:.85rem;gap:.2rem;padding:.75rem;display:grid}.score-grid span{color:var(--muted);font-size:.76rem}.score-grid strong{letter-spacing:-.04em;font-size:1.15rem}.controls-list{gap:.5rem;margin:.75rem 0 0;font-size:.92rem;display:grid}.controls-list__row{grid-template-columns:5.6rem 1fr;align-items:start;gap:.6rem;display:grid}.controls-list dt{color:var(--accent);font-weight:700}.controls-list dd{color:var(--muted);margin:0}.next-piece-preview{gap:.6rem;margin-top:.7rem;display:grid}.next-piece-preview__title{font-size:.95rem;font-weight:700}.next-piece-preview__layers{gap:.5rem;display:grid}.next-piece-preview__layer{gap:.28rem;display:grid}.next-piece-preview__layer-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.next-piece-preview__grid{grid-template-columns:repeat(4,1fr);gap:.22rem;width:min(100%,8.6rem);display:grid}.next-piece-preview__cell{aspect-ratio:1;background:#ffffff0f;border:1px solid #ffffff14;border-radius:.28rem}.next-piece-preview__cell[data-filled=true]{box-shadow:inset 0 0 22px #fff3}@media (width<=1480px){.hud-panel{grid-template-columns:1fr}}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0000008a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.overlay__panel{width:min(32rem,100%);box-shadow:var(--shadow);background:linear-gradient(#86e0ff14,#081018eb),#0a131af0;border:1px solid #8cd6ff33;border-radius:1.5rem;gap:.8rem;padding:1.4rem;display:grid}.overlay__panel p{color:var(--muted);margin:0;line-height:1.55}.overlay__panel button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#031018;letter-spacing:.03em;cursor:pointer;border:0;border-radius:999px;justify-self:start;margin-top:.4rem;padding:.8rem 1.2rem;font-weight:800}.overlay__panel button:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}