:root{color:#f6f8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050712}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden}button{border:1px solid rgba(206,217,255,.34);border-radius:8px;background:#0a0f22d1;color:#f7f9ff;cursor:pointer;font:inherit;font-weight:800;min-height:42px;padding:0 14px}button:hover{border-color:#ffffffbd;box-shadow:0 0 18px #77c0ff3d}.app-shell{align-items:center;background:linear-gradient(180deg,#02040e33,#02040eb3),url(/galaxy-background.png) center / cover fixed;display:flex;justify-content:center;min-height:100vh;padding:24px;position:relative}.app-shell:before{background:radial-gradient(circle at 16% 20%,rgba(125,217,255,.18),transparent 24%),radial-gradient(circle at 83% 78%,rgba(255,101,204,.16),transparent 23%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed}.game-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(170px,220px) minmax(300px,45vh) minmax(170px,220px);isolation:isolate;max-width:1080px;width:min(100%,1080px)}.side-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c1ab8;border:1px solid rgba(206,217,255,.22);border-radius:8px;box-shadow:0 16px 60px #00000052;display:grid;gap:16px;padding:16px}.panel-section,.controls{display:grid;gap:10px}h2{color:#d9e5ff;font-size:.74rem;letter-spacing:.12em;line-height:1;margin:0;text-transform:uppercase}.stats{display:grid;gap:8px;margin:0}.stats div{align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:flex;justify-content:space-between;min-height:44px;padding:0 12px}dt{color:#aebce2;font-size:.78rem;font-weight:800}dd{font-size:1rem;font-weight:900;margin:0}.actions{display:grid;gap:8px;grid-template-columns:1fr 1fr}.board-wrap{display:grid;gap:10px}.status-strip{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c1ab8;border:1px solid rgba(206,217,255,.22);border-radius:8px;display:flex;font-size:.78rem;font-weight:900;justify-content:space-between;min-height:40px;padding:0 14px;text-transform:uppercase}.board{aspect-ratio:10 / 20;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#020510e0;background-size:10% 5%,10% 5%,auto;border:2px solid rgba(225,232,255,.62);box-shadow:0 0 0 5px #070c1cb8,0 0 42px #62c3ff33,inset 0 0 36px #000000d1;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(20,1fr);width:100%}.cell,.mini-cell{min-width:0;position:relative}.cell{border:1px solid rgba(255,255,255,.025)}.block{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.96) 0 8%,transparent 9%),radial-gradient(circle at 34% 32%,rgba(157,226,255,.9) 0 12%,transparent 28%),radial-gradient(circle at 67% 69%,rgba(255,98,221,.68) 0 9%,transparent 26%),radial-gradient(circle at 58% 40%,rgba(255,255,255,.55) 0 2px,transparent 3px),linear-gradient(135deg,color-mix(in srgb,var(--piece, #8db8ff),white 18%),color-mix(in srgb,var(--piece, #8db8ff),black 38%));border:2px solid #d8dbe2;box-shadow:inset 0 0 0 1px #ffffffd1,inset 0 -8px 16px #00000059,0 0 13px color-mix(in srgb,var(--piece, #8db8ff),transparent 32%)}.block:after{background:radial-gradient(circle at 48% 45%,rgba(255,255,255,.78),transparent 15%),radial-gradient(circle at 52% 56%,rgba(80,19,116,.5),transparent 50%),#080a185c;border:1px solid rgba(238,242,255,.56);border-radius:50%;content:"";top:19%;right:19%;bottom:19%;left:19%;position:absolute}.I{--piece: #35d7ff}.O{--piece: #ffe75c}.T{--piece: #b874ff}.S{--piece: #69ef9e}.Z{--piece: #ff6177}.J{--piece: #5f8dff}.L{--piece: #ffae52}.ghost{opacity:.28}.ghost:after{opacity:.32}.mini-grid{aspect-ratio:1;display:grid;gap:3px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);max-width:112px;min-height:88px;width:100%}.mini-cell.block{border-width:1px}.queue{display:grid;gap:10px;justify-items:start}.controls{color:#c5d2f4;font-size:.82rem;line-height:1.2}.controls p{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin:0}kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:6px;color:#fff;font-size:.74rem;font-weight:900;min-width:24px;padding:4px 6px;text-align:center}@media(max-width:860px){.app-shell{align-items:start;padding:12px}.game-layout{grid-template-columns:minmax(0,1fr);max-width:440px}.side-panel{grid-template-columns:1fr;order:2}.board-wrap{order:1}.queue{grid-template-columns:repeat(5,minmax(42px,1fr))}.mini-grid{min-height:0}}