:root{--bg:#0d1727;--glow:#194259;--accent:#5eead4}.block-wrap{display:grid;place-items:center;gap:9px;width:100%;height:100%}.block-board{width:min(66vh,89vw,500px);aspect-ratio:1;display:grid;grid-template-columns:repeat(10,1fr);gap:3px;padding:6px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(4,12,23,.66);box-shadow:0 22px 65px rgba(0,0,0,.38)}.block-cell{min-width:0;border:0;border-radius:5px;background:rgba(255,255,255,.055);cursor:pointer;transition:.13s ease}.block-cell.filled{background:linear-gradient(135deg,#2dd4bf,#60a5fa);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12)}.block-cell.preview{background:rgba(253,230,138,.65)}.block-cell.invalid{background:rgba(251,113,133,.45)}.block-cell.clearing{animation:clear .2s ease}.piece-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(89vw,500px);min-height:72px}.piece{display:grid;place-items:center;min-height:68px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.045);cursor:grab}.piece.selected{border-color:#fde68a;background:rgba(253,230,138,.1);transform:translateY(-3px)}.piece.used{visibility:hidden}.mini{display:grid;gap:3px}.mini span{width:13px;height:13px;border-radius:3px;background:linear-gradient(135deg,#2dd4bf,#60a5fa);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.drag-help{margin:0;color:#9babc0;font-size:8px;text-align:center}.drag-ghost{position:fixed;z-index:20;pointer-events:none;opacity:.75;transform:translate(-50%,-50%)}@keyframes clear{50%{transform:scale(.3);background:#fff}}@media(max-height:500px){.block-wrap{grid-template-columns:auto 160px}.block-board{width:min(76vh,68vw)}.piece-tray{grid-template-columns:1fr;width:150px;min-height:0}.piece{min-height:45px}.drag-help{display:none}}