:root{--blue-bg:#1667d8;--blue-board:#0c3f92;--cell-line:#ffffff24;--cell-empty:#ffffff0d;--block:#7cc4ff;--block-edge:#bfe2ff;--preview:#ffffff52;--tray-cell:clamp(20px, 6.5vmin, 40px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0}body{background:var(--blue-bg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));touch-action:none;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,4vmin,36px);display:flex}.score{color:#fff;text-shadow:0 4px 12px #0003;font-size:clamp(36px,10vmin,56px);font-weight:800;line-height:1}.board{aspect-ratio:1;background:var(--blue-board);touch-action:none;border-radius:10px;grid-template-columns:repeat(8,1fr);width:min(92vw,58vh,520px);padding:4px;display:grid;box-shadow:0 12px 34px #00000047}.cell{aspect-ratio:1;background:var(--cell-empty);box-shadow:inset 0 0 0 1px var(--cell-line)}.cell.filled{background:var(--block);box-shadow:inset 0 0 0 1px var(--block-edge), inset 0 0 8px #ffffff40}.cell.preview{background:var(--preview)}.tray{min-height:calc(var(--tray-cell) * 3);justify-content:center;align-items:flex-start;gap:clamp(16px,7vmin,52px);display:flex}.slot{grid-template-columns:repeat(var(--cols), var(--tray-cell));grid-auto-rows:var(--tray-cell);touch-action:none;cursor:grab;gap:2px;display:grid}.slot.empty{opacity:0}.slot.dragging{opacity:.25}.pip{border-radius:4px}.pip.on{background:var(--block);box-shadow:inset 0 0 0 1px var(--block-edge)}.ghost{grid-template-columns:repeat(var(--cols), var(--ghost-cell,32px));grid-auto-rows:var(--ghost-cell,32px);z-index:10;opacity:.92;filter:drop-shadow(0 8px 12px #00000059);pointer-events:none;gap:1px;display:grid;position:fixed;top:0;left:0}.ghost .pip{background:0 0}.ghost .pip.on{background:var(--block);box-shadow:inset 0 0 0 1px var(--block-edge)}.game-over-overlay{z-index:20;touch-action:none;background:#04183aa3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.game-over-overlay[hidden]{display:none}.game-over-popup{width:min(86vw,360px);color:var(--blue-board);text-align:center;background:#fff;border-radius:18px;padding:32px 24px;box-shadow:0 16px 48px #0000005c}.game-over-popup h1{margin:0 0 12px;font-size:clamp(32px,9vmin,48px);line-height:1}.game-over-score{color:var(--blue-board);margin:0 0 24px;font-size:clamp(20px,5.5vmin,28px);font-weight:700}.game-over-popup button{background:var(--blue-bg);color:#fff;min-width:168px;min-height:52px;font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;font-size:20px;font-weight:700}.game-over-popup button:focus-visible{outline:4px solid var(--block);outline-offset:3px}