:root{--bg:#17141f;--panel:#221d30;--board-bg:#0f0c17;--cell-empty:#2a2438;--cell-border:#ffffff0d;--text:#f3f0fa;--text-dim:#9b93b0;--success:#4ade80;--danger:#f87171;--accent:#9b5de5}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;height:100%;margin:0}body{background:radial-gradient(ellipse at top, #251f36 0%, var(--bg) 60%);color:var(--text);min-height:100dvh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}#app{flex:1;display:flex}.game{padding:max(16px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex-direction:column;flex:1;justify-content:space-evenly;align-items:center;gap:clamp(10px,2.5dvh,24px);width:100%;display:flex}.topbar{gap:14px;width:min(94vw,520px);display:flex}.stat{background:var(--panel);border-radius:14px;flex-direction:column;flex:1;align-items:center;padding:8px 16px;display:flex;box-shadow:inset 0 1px #ffffff0f}.stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:.7rem}.stat-value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.board{--size:8;aspect-ratio:1;background:var(--board-bg);border-radius:16px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:3px;width:min(94vw,62dvh,520px);padding:8px;display:grid;box-shadow:inset 0 2px 8px #00000080,0 8px 24px #00000059}.cell{background:var(--cell-empty);box-shadow:inset 0 0 0 1px var(--cell-border);border-radius:6px;transition:background-color .12s,box-shadow .12s;position:relative}.cell.filled{box-shadow:inset 0 2px 3px #ffffff59,inset 0 -3px 4px #0000004d}.cell.preview-valid{box-shadow:inset 0 0 0 999px #4ade808c}.cell.preview-invalid{box-shadow:inset 0 0 0 999px #f871718c}@keyframes clear-flash{0%{filter:brightness();opacity:1;box-shadow:none;transform:scale(1)}35%{filter:brightness(2.2);opacity:1;transform:scale(1.15);box-shadow:0 0 18px 6px #ffffffe6}to{filter:brightness(2.6);opacity:0;transform:scale(.15);box-shadow:0 0 2px #fff0}}.cell.clearing{z-index:5;animation:.38s ease-in forwards clear-flash;animation-delay:var(--clear-delay,0s)}.tray{justify-content:center;align-items:center;gap:clamp(8px,3vw,20px);width:min(94vw,520px);min-height:clamp(72px,22vw,120px);display:flex}.tray-slot{aspect-ratio:1;background:var(--panel);touch-action:none;border-radius:14px;flex:1;justify-content:center;align-items:center;max-width:30%;display:flex;box-shadow:inset 0 1px #ffffff0f}.tray-slot.empty{box-shadow:none;background:0 0}.tray-slot.dragging-source{opacity:.25}.tray-piece{gap:3px}.tray-piece-cell.filled{border-radius:4px;box-shadow:inset 0 2px 2px #ffffff59,inset 0 -2px 3px #0000004d}.tray-piece-cell.spacer{background:0 0}.drag-ghost{pointer-events:none;z-index:1000;filter:drop-shadow(0 10px 16px #00000073);gap:3px;position:fixed;top:0;left:0}.ghost-cell.filled{opacity:.95;border-radius:6px;box-shadow:inset 0 2px 3px #fff6,inset 0 -3px 4px #0000004d}.ghost-cell.spacer{background:0 0}.overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0810c7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay.hidden{display:none}.overlay-card{background:var(--panel);text-align:center;border-radius:20px;padding:32px 40px;box-shadow:0 16px 40px #00000080}.overlay-card h2{margin:0 0 8px;font-size:1.6rem}.final-score-line{color:var(--text-dim);margin:0 0 20px;font-size:1.1rem}.restart-btn{color:#1a1625;background:linear-gradient(180deg, #b98cf0, var(--accent));cursor:pointer;touch-action:manipulation;border:none;border-radius:12px;padding:12px 28px;font-size:1rem;font-weight:700}.restart-btn:active{transform:translateY(1px)}@media (width>=700px){.game{justify-content:center}}