:root{color:#eef4fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07090d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{isolation:isolate;background:linear-gradient(90deg,#ff2f9233,#0000 18% 82%,#17efff2e),linear-gradient(#2412429e 0%,#040712fa 48%,#01030a 100%),#03040b;margin:0;position:relative;overflow-x:hidden}body:before,body:after{z-index:0;content:"";pointer-events:none;position:fixed;inset:0}body:before{opacity:.38;background:linear-gradient(90deg,#ff2f9229 0 1px,#0000 1px calc(100% - 1px),#17efff29 calc(100% - 1px)),repeating-linear-gradient(0deg,#ffffff0f 0 1px,#0000 1px 7px),repeating-linear-gradient(90deg,#0000 0 63px,#17efff1f 64px,#0000 65px 128px) 0 0/128px 128px,repeating-linear-gradient(0deg,#0000 0 63px,#ff2f921a 64px,#0000 65px 128px) 0 0/128px 128px}body:after{transform-origin:bottom;opacity:.42;background:linear-gradient(90deg,#0000 0 49.5%,#fff8c747 49.5% 50.5%,#0000 50.5%),repeating-linear-gradient(90deg,#17efff38 0 1px,#0000 1px 74px) 0 0/74px 74px,repeating-linear-gradient(0deg,#ff2f9233 0 1px,#0000 1px 34px) 0 0/74px 34px,linear-gradient(#0000 0%,#17efff14 70%,#ff2f9229 100%);height:54vh;inset:auto -10vw -18vh;transform:perspective(560px)rotateX(64deg)}button{color:#f8fbff;min-height:42px;font:inherit;letter-spacing:0;cursor:pointer;background:linear-gradient(#17efff14,#0000),#080d1b;border:1px solid #17efff47;border-radius:8px;font-weight:800;transition:transform .12s,border-color .12s,background .12s}button:hover{background:linear-gradient(#ff2f9224,#0000),#10142a;border-color:#ff2f92ad;box-shadow:0 0 18px #ff2f922e}button:active{transform:translateY(1px)}button:focus-visible{outline-offset:3px;outline:3px solid #ffd447c7}.game-shell{z-index:1;flex-direction:column;gap:18px;width:min(1180px,100%);min-height:100svh;margin:0 auto;padding:20px;display:flex;position:relative}.topbar{grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:16px;display:grid}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#17efff;background:linear-gradient(135deg,#ff2f922e,#17efff29),#070c18;border:1px solid #17efffc7;border-radius:8px;flex:none;place-items:center;width:54px;height:54px;font-weight:950;display:grid;box-shadow:inset 0 -4px #0000003d,0 0 18px #17efff3d}.brand h1{color:#fff;letter-spacing:0;margin:0;font-size:34px;line-height:1}.brand p{color:#9caec3;text-transform:uppercase;letter-spacing:0;margin:5px 0 0;font-size:14px;font-weight:750}.score-grid{grid-template-columns:repeat(4,minmax(76px,1fr));gap:8px;display:grid}.score-grid div,.panel{background:linear-gradient(135deg,#17efff0f,#0000 46%,#ff2f920d),#050916e6;border:1px solid #17efff2b;border-radius:8px;box-shadow:inset 0 1px #ffffff0f,0 0 18px #17efff0f}.score-grid div{min-height:62px;padding:10px 12px}.score-grid span,.panel h2{color:#9bb8d4;text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:900;display:block}.score-grid strong{color:#fff;letter-spacing:0;margin-top:5px;font-size:22px;line-height:1.05;display:block}.actions{gap:8px;display:flex}.actions button{min-width:76px;padding:0 14px}.play-layout{flex:1;min-height:0;display:flex}.stage-wrap{background:linear-gradient(90deg,#ff2f921f,#0000 22% 78%,#17efff1f),linear-gradient(#17efff0e,#0000 26%),#050914;border:1px solid #17efff38;border-radius:8px;flex-direction:column;flex:1;gap:14px;min-height:540px;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ff2f920d,0 0 34px #17efff1f}.cabinet-hud,.scene-host{z-index:1;position:relative}.cabinet-hud{grid-template-columns:minmax(320px,1fr) 210px;align-items:stretch;gap:12px;display:grid}.stage-wrap:before{content:"";pointer-events:none;opacity:.36;background:linear-gradient(90deg,#ff2f9233 0 2px,#0000 2px calc(100% - 2px),#17efff38 calc(100% - 2px)),repeating-linear-gradient(0deg,#ffffff0b 0 1px,#0000 1px 5px);position:absolute;inset:0}.stage-wrap:after{content:"";pointer-events:none;opacity:.58;background:linear-gradient(90deg,#ff2f92,#fff8c7,#17efff);height:4px;position:absolute;inset:auto 18px 12px;box-shadow:0 0 16px #ff2f9285,0 0 28px #17efff5c}.game-over-overlay{z-index:3;text-align:center;pointer-events:none;text-shadow:0 0 8px #ff4f87e6,0 0 22px #29d3ffb8;background:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 7px),#07090d6b;place-content:center;justify-items:center;gap:16px;padding:28px;display:grid;position:absolute;inset:0}.game-over-overlay[hidden]{display:none}.game-over-overlay strong{color:#fff8c7;letter-spacing:0;font-size:clamp(48px,10vw,132px);font-weight:950;line-height:.9}.game-over-overlay span{color:#07090d;letter-spacing:0;background:#ffd447;border:1px solid #ffd447b3;border-radius:8px;min-width:min(460px,82vw);padding:12px 18px;font-size:clamp(16px,2.6vw,28px);font-weight:950;box-shadow:0 0 26px #ffd44752}.speed-cue{z-index:4;pointer-events:none;text-align:center;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.speed-cue[hidden]{display:none}.speed-cue strong{color:#fff8c7;letter-spacing:0;text-shadow:0 0 10px #fff8c7d1,0 0 28px #ff4f87bd;background:linear-gradient(90deg,#ff4f87e0,#b57bffd1),#07090ddb;border:2px solid #fff8c7d1;border-radius:8px;padding:10px 18px;font-size:clamp(36px,6vw,76px);font-weight:950;line-height:.95;box-shadow:0 0 26px #ff4f8780,0 0 56px #39e6d447}.speed-cue span{color:#02030a;letter-spacing:0;background:#39e6d4;border-radius:8px;padding:8px 14px;font-size:clamp(15px,2.4vw,24px);font-weight:950;box-shadow:0 0 24px #39e6d46b}.speed-cue.is-active strong,.speed-cue.is-active span{animation:1.25s both speed-cue-pop}@keyframes speed-cue-pop{0%{opacity:0;filter:blur(2px);transform:scale(.72)translateY(20px)}16%{opacity:1;filter:blur();transform:scale(1.08)translateY(0)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)translateY(-18px)}}.scene-host{flex:1;width:100%;min-height:0}.scene-host canvas{width:100%;height:100%;display:block}.side-rail{grid-template-columns:1fr;gap:8px;display:grid}.panel{padding:12px}.next-panel{min-height:0}.next-piece{justify-items:center;gap:7px;margin-top:9px;display:grid}.next-piece strong{color:#eef4fb;letter-spacing:0;font-size:19px}.next-grid{grid-template-rows:repeat(4,26px);grid-template-columns:repeat(4,26px);gap:4px;display:grid}.next-grid span{background:#ffffff08;border-radius:5px}.next-grid .filled{border:1px solid color-mix(in srgb, var(--piece-color), white 28%);background:linear-gradient(135deg, #ffffff80, transparent 34%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--piece-color), white 22%) 0 34%, transparent 36%), linear-gradient(180deg, var(--piece-color), color-mix(in srgb, var(--piece-color), black 32%));box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--piece-color), white 14%), inset 0 -5px 0 var(--piece-shadow), 0 0 16px color-mix(in srgb, var(--piece-color), transparent 52%);position:relative}.next-grid .filled:after{content:"";background:#ffffff1f;border:1px solid #ffffff38;border-radius:3px;position:absolute;inset:5px}.status{color:#fff;margin:8px 0 0;font-size:22px;font-weight:900;line-height:1.1}.touch-controls{grid-template-columns:repeat(5,minmax(54px,1fr));gap:8px;display:grid}.touch-controls button{min-height:54px;padding:0 8px;font-size:18px}.touch-controls [data-action=drop]{color:#07090d;background:#ffd447;border-color:#ffd447}@media (width<=920px){.game-shell{padding:14px}.topbar{grid-template-columns:minmax(0,1fr) auto}.score-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cabinet-hud{grid-template-columns:1fr}.stage-wrap,.scene-host{min-height:0}.side-rail{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=560px){html,body,#app{height:100%;min-height:100%}body{overflow:hidden}.game-shell{gap:8px;height:100svh;min-height:0;padding:8px}.brand-mark{width:42px;height:42px}.brand h1{font-size:24px}.brand p{margin-top:2px;font-size:11px}.topbar{gap:8px}.actions{grid-template-columns:repeat(2,58px);gap:6px}.actions button{min-width:0;min-height:38px;padding:0 8px;font-size:13px}.play-layout{min-height:0}.stage-wrap{gap:8px;padding:8px}.score-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.score-grid div{min-height:42px;padding:6px 7px}.score-grid span,.panel h2{font-size:10px}.score-grid strong{margin-top:3px;font-size:17px}.cabinet-hud{gap:7px}.side-rail{grid-template-columns:1fr 1fr;gap:7px}.panel{padding:7px}.next-piece{gap:4px;margin-top:5px}.next-grid{grid-template-rows:repeat(4,15px);grid-template-columns:repeat(4,15px);gap:3px}.next-grid .filled:after{inset:3px}.next-piece strong{font-size:13px}.status{margin-top:6px;font-size:17px}.touch-controls{grid-template-columns:repeat(4,minmax(46px,1fr)) minmax(72px,1.2fr);gap:6px}.touch-controls button{min-height:46px;font-size:15px}.stage-wrap:after{inset-inline:10px;bottom:8px}}