.block-drop-game{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px;--cell-size:26px}.block-drop-game .game-header{text-align:center;margin-bottom:10px}.block-drop-game .game-header h1{font-size:22px;color:var(--neon-green);text-shadow:0 0 10px var(--neon-green),0 0 30px var(--neon-green);letter-spacing:4px;margin-bottom:4px}.block-drop-game .game-header .subtitle{font-size:8px;color:#888;letter-spacing:2px}.block-drop-game .game-layout{display:flex;gap:12px;align-items:flex-start}.block-drop-game .side-panel{display:flex;flex-direction:column;gap:10px;min-width:90px}.block-drop-game .panel-box{background:var(--color-panel);border:1px solid var(--color-border);border-radius:4px;padding:8px;text-align:center}.block-drop-game .panel-label{font-size:7px;color:#666;margin-bottom:6px}.block-drop-game .panel-value{font-size:12px;color:var(--neon-blue);text-shadow:0 0 6px var(--neon-blue)}.block-drop-game .mini-grid{display:grid;grid-template-columns:repeat(4,16px);grid-template-rows:repeat(4,16px);gap:1px;justify-content:center;margin-top:4px}.block-drop-game .mini-cell{width:16px;height:16px;background:#0c0c18;border-radius:2px}.block-drop-game .board-frame{border:2px solid var(--color-border);border-radius:4px;padding:2px;background:#050510;position:relative}.block-drop-game .board{display:grid;grid-template-columns:repeat(10,var(--cell-size));grid-template-rows:repeat(20,var(--cell-size));gap:1px;background:#0a0a16}.block-drop-game .cell{width:var(--cell-size);height:var(--cell-size);background:#0c0c18;border-radius:2px;transition:background .05s}.block-drop-game .cell.ghost{opacity:.25}.block-drop-game .cell.I{background:#0891b2;box-shadow:inset 0 0 4px rgba(255,255,255,.15)}.block-drop-game .cell.O{background:#ca8a04;box-shadow:inset 0 0 4px rgba(255,255,255,.15)}.block-drop-game .cell.T{background:#9333ea;box-shadow:inset 0 0 4px rgba(255,255,255,.15)}.block-drop-game .cell.S{background:#059669;box-shadow:inset 0 0 4px rgba(255,255,255,.15)}.block-drop-game .cell.Z{background:#dc2626;box-shadow:inset 0 0 4px rgba(255,255,255,.15)}.block-drop-game .cell.J{background:#1e40af;box-shadow:inset 0 0 4px rgba(255,255,255,.15)}.block-drop-game .cell.L{background:#ea580c;box-shadow:inset 0 0 4px rgba(255,255,255,.15)}.block-drop-game .mini-cell.I{background:#0891b2}.block-drop-game .mini-cell.O{background:#ca8a04}.block-drop-game .mini-cell.T{background:#9333ea}.block-drop-game .mini-cell.S{background:#059669}.block-drop-game .mini-cell.Z{background:#dc2626}.block-drop-game .mini-cell.J{background:#1e40af}.block-drop-game .mini-cell.L{background:#ea580c}.block-drop-game .cell.clearing{animation:bdLineClear .3s ease-out;background:#fff!important}@keyframes bdLineClear{0%{background:#fff;transform:scaleY(1)}50%{background:var(--neon-blue)}100%{background:0 0;transform:scaleY(0)}}.block-drop-game .board-overlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(10,10,10,.88);z-index:10;flex-direction:column;align-items:center;justify-content:center;border-radius:4px}.block-drop-game .board-overlay.active{display:flex}.block-drop-game .board-overlay .ov-title{font-size:14px;margin-bottom:8px;text-shadow:0 0 10px currentColor}.block-drop-game .board-overlay .ov-title.go{color:var(--neon-pink)}.block-drop-game .board-overlay .ov-title.pause{color:var(--neon-yellow)}.block-drop-game .board-overlay .ov-sub{font-size:8px;color:#aaa;margin-bottom:10px}.block-drop-game .controls{display:flex;gap:8px;margin-top:10px}.block-drop-game .btn{font-family:'press start 2p',monospace;font-size:8px;padding:8px 12px;background:var(--color-panel);color:var(--color-text);border:2px solid var(--color-border);cursor:pointer;transition:border-color .2s,color .2s}.block-drop-game .btn:hover{border-color:var(--neon-blue);color:var(--neon-blue)}.block-drop-game .instructions{font-size:7px;color:#444;text-align:center;max-width:400px;line-height:2;margin-top:10px}.block-drop-game .key{color:#777;background:var(--color-panel);padding:1px 4px;border-radius:2px}.block-drop-game .touch-controls{display:none;gap:6px;margin-top:10px;flex-wrap:wrap;justify-content:center}.block-drop-game .touch-btn{font-family:'press start 2p',monospace;font-size:16px;width:48px;height:48px;background:var(--color-panel);color:var(--color-text);border:2px solid var(--color-border);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.block-drop-game .touch-btn:active{background:var(--color-accent)}.block-drop-game .touch-btn.wide{width:104px;font-size:10px}@media(max-width:600px){.block-drop-game .touch-controls{display:flex}.block-drop-game .instructions{display:none}.block-drop-game{--cell-size:22px}.block-drop-game .mini-grid{grid-template-columns:repeat(4,14px);grid-template-rows:repeat(4,14px)}.block-drop-game .mini-cell{width:14px;height:14px}.block-drop-game .side-panel{min-width:72px}}@media(max-width:400px){.block-drop-game{--cell-size:18px}}