:root{color-scheme:dark;font-family:"Press Start 2P",monospace;background:#060711;--cyan: #00f5ff;--pink: #ff2bd6;--yellow: #ffe66d;--green: #28ff85;--purple: #7b61ff;--ink: #060711;--panel: rgba(9, 11, 28, .92);--panel-strong: rgba(13, 15, 38, .96);--line: rgba(255, 255, 255, .12);--level-color: #00f5ff;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}html,body,#app{width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;-ms-touch-action:none}html{height:-webkit-fill-available;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;background:repeating-linear-gradient(90deg,rgba(0,245,255,.05) 0 1px,transparent 1px 28px),repeating-linear-gradient(180deg,rgba(255,43,214,.03) 0 1px,transparent 1px 28px),radial-gradient(ellipse at 50% 0%,rgba(0,245,255,.08) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(255,43,214,.06) 0%,transparent 50%),linear-gradient(180deg,#0a0e2a,#060711 40%,#0a0520);-webkit-user-drag:none}button{border:0;color:inherit;font:inherit}.game-shell,.game-canvas,.ui-root{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100dvh}.game-canvas canvas{display:block}.ui-root{pointer-events:none}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.score-panel{position:absolute;top:calc(15px + var(--safe-top));left:50%;min-width:126px;text-align:center;transform:translate(-50%)}.score-panel__score{color:#fff;font-size:clamp(16px,5vw,24px);line-height:1;text-shadow:0 0 8px rgba(0,245,255,.6),0 0 16px rgba(0,245,255,.3);transition:transform 80ms steps(2),color 80ms steps(2)}.score-panel__score.is-popping{animation:score-pop .4s steps(4)}@keyframes score-pop{0%{transform:scale(1);color:#fff}25%{transform:scale(1.3);color:var(--yellow)}50%{transform:scale(1.15);color:var(--cyan)}to{transform:scale(1);color:#fff}}.level-panel{position:absolute;top:calc(18px + var(--safe-top));right:11px;display:grid;justify-items:end;gap:4px;color:#ffffffd9;font-size:clamp(8px,2.5vw,10px);white-space:nowrap;text-shadow:0 0 6px rgba(0,245,255,.4)}.side-panel{position:absolute;top:calc(70px + var(--safe-top));display:grid;justify-items:center;gap:6px;width:44px;padding:5px 4px 6px;border:2px solid var(--level-color);background:linear-gradient(180deg,rgba(0,245,255,.04) 0%,var(--panel) 30%);box-shadow:0 0 10px #00f5ff26,inset 0 0 6px #00f5ff0a;transition:border-color .4s,box-shadow .4s}.side-panel--hold{left:max(4px,calc(50% - 210px))}.side-panel--next{right:max(4px,calc(50% - 210px))}.side-panel__label{color:#fffc;font-size:7px;letter-spacing:0;text-transform:uppercase}.side-panel.is-flashing{animation:panel-flash .3s steps(4)}.preview,.queue__item{display:grid;place-items:center;width:34px;height:30px;color:#ffffff8a;border:1px solid rgba(255,255,255,.2);background:#06071180}.queue{display:flex;flex-direction:column;gap:5px}.queue .preview{width:100%;height:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:center}.preview__grid{display:grid;grid-template-columns:repeat(4,6px);grid-template-rows:repeat(3,6px);gap:1.5px}.preview__grid i{display:block;background:var(--piece-color);border:1px solid rgba(255,255,255,.25)}.status-chip{position:absolute;top:calc(52px + var(--safe-top));left:50%;z-index:5;max-width:min(58vw,260px);padding:5px 10px;color:#fffc;font-size:8px;text-align:center;text-transform:uppercase;letter-spacing:0;white-space:nowrap;border:2px solid rgba(255,230,109,.5);background:#060711e6;transform:translate(-50%);pointer-events:none}.status-chip:empty{opacity:0}.combo-pop{position:absolute;top:42%;left:50%;z-index:6;color:#fff;font-size:clamp(20px,8vw,44px);line-height:1;text-align:center;text-shadow:0 0 8px rgba(255,43,214,.7);opacity:0;transform:translate(-50%,-50%) scale(.7);pointer-events:none}.combo-pop.is-showing{animation:combo-pop .5s steps(6)}.combo-pop.is-tetris{color:var(--yellow)}.combo-pop.is-tspin{color:var(--purple);text-shadow:0 0 8px rgba(123,97,255,.7)}.combo-pop.is-perfect{color:var(--yellow);text-shadow:0 0 12px rgba(255,230,109,.8)}.mobile-controls{position:absolute;left:0;right:0;bottom:0;z-index:7;height:calc(144px + var(--safe-bottom));pointer-events:none}.system-controls{position:fixed;top:calc(10px + var(--safe-top));left:calc(10px + var(--safe-left, 0px));z-index:8;display:flex;flex-direction:row;gap:6px;pointer-events:auto}.aux-controls,.dpad{position:absolute;pointer-events:auto}.aux-controls{left:8px;bottom:calc(22px + var(--safe-bottom));display:grid;grid-template-columns:repeat(2,68px);gap:0 8px;place-items:center}.dpad{right:8px;bottom:calc(22px + var(--safe-bottom));display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,46px);gap:4px;place-items:center}.orb-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid rgba(0,245,255,.5);border-radius:6px;background:#090b1cd9;box-shadow:0 0 8px #00f5ff33,inset 0 0 4px #00f5ff0d;color:#ffffffe6;cursor:pointer;padding:0}.pause-button,.restart-button{width:36px;height:36px}.orb-button__icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;pointer-events:none;line-height:0}.orb-button__icon svg{display:block;width:18px;height:18px;filter:drop-shadow(0 0 3px currentColor);image-rendering:pixelated}.orb-button[data-action=hold]{color:var(--yellow)}.orb-button[data-action=rotateCW]{color:var(--cyan)}.asset-button{position:relative;display:grid;place-items:center;width:48px;height:48px;padding:10px;border:2px solid rgba(0,245,255,.4);border-radius:4px;background:#090b1cb3;box-shadow:0 0 8px #00f5ff26,inset 0 0 4px #00f5ff0d;opacity:.9;touch-action:none;transform:translateZ(0)}.action-button{width:56px;height:56px;padding:12px}.action-button--rotate{grid-column:1;grid-row:1}.action-button--hold,.dpad-button--up{grid-column:2;grid-row:1}.dpad-button--left{grid-column:1;grid-row:2}.dpad-button--right{grid-column:3;grid-row:2}.dpad-button--down{grid-column:2;grid-row:3}.asset-button__icon{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--cyan)}.asset-button__icon svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 4px currentColor);image-rendering:pixelated}.action-button--hold .asset-button__icon{color:var(--yellow);filter:drop-shadow(0 0 5px rgba(255,230,109,.5))}.action-button--rotate .asset-button__icon{color:var(--cyan);filter:drop-shadow(0 0 5px rgba(0,245,255,.5))}.dpad-button .asset-button__icon{color:#ffffffeb;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.orb-button:active,.orb-button.is-pressing{transform:translateY(2px);filter:brightness(1.4);border-color:var(--cyan);box-shadow:0 0 10px var(--cyan),inset 0 0 4px #00f5ff4d}.asset-button:active,.asset-button.is-pressing{opacity:1;transform:translateY(2px);filter:brightness(1.4);border-color:var(--cyan);box-shadow:0 0 12px var(--cyan),inset 0 0 6px #00f5ff4d}.orb-button.is-off{color:#ffffff61}[data-game-status=paused] .status-chip,[data-game-status=gameOver] .status-chip{color:#fff;background:#ff2bd633;border-color:var(--pink)}@keyframes combo-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}@keyframes panel-flash{0%{border-color:var(--cyan);transform:scale(1)}50%{border-color:var(--pink);transform:scale(1.05)}to{border-color:var(--cyan);transform:scale(1)}}@media(hover:hover)and (pointer:fine){.mobile-controls{display:none!important}.score-panel__score{font-size:26px}.level-panel{font-size:11px}.side-panel{width:56px;padding:8px 6px 10px}.side-panel--hold{left:max(12px,calc(50% - 240px))}.side-panel--next{right:max(12px,calc(50% - 240px))}.preview,.queue__item{width:42px;height:38px}.preview__grid{grid-template-columns:repeat(4,8px);grid-template-rows:repeat(3,8px);gap:2px}}.keys-help{display:none;position:absolute;bottom:12px;right:12px;z-index:4;padding:10px 14px;border:1px solid var(--level-color);border-radius:4px;background:linear-gradient(180deg,rgba(0,245,255,.03) 0%,var(--panel) 30%);box-shadow:0 0 12px #00f5ff1a,inset 0 0 6px #00f5ff08;font-size:8px;color:#ffffffb3;pointer-events:none;transition:border-color .4s,box-shadow .4s;max-width:280px}@media(hover:hover)and (pointer:fine){.keys-help{display:block}}.keys-help__title{color:var(--level-color);font-size:7px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;text-align:center;text-shadow:0 0 6px currentColor}.keys-help__list{display:grid;grid-template-columns:auto auto;gap:5px 14px}.keys-help__key{color:var(--cyan);text-align:right;white-space:nowrap;text-shadow:0 0 4px rgba(0,245,255,.4)}.keys-help__action{color:#fff9;text-align:left}.controls-toggle{position:fixed;bottom:calc(10px + var(--safe-bottom));right:10px;z-index:9;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(0,245,255,.3);border-radius:4px;background:#090b1ccc;color:#fff9;font-size:10px;cursor:pointer;pointer-events:auto}.controls-toggle:active{border-color:var(--cyan);color:var(--cyan)}.settings-panel{position:fixed;top:calc(55px + var(--safe-top));left:10px;z-index:20;display:none;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--level-color);border-radius:4px;background:var(--panel-strong);box-shadow:0 0 16px #00f5ff26,inset 0 0 8px #00f5ff08;pointer-events:auto;min-width:150px}.settings-panel.is-open{display:flex}.settings-panel__title{color:var(--level-color);font-size:7px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 6px currentColor;margin-bottom:2px}.settings-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:7px;color:#ffffffb3}.settings-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:28px;height:14px;border:1px solid rgba(0,245,255,.4);border-radius:7px;background:#090b1ccc;position:relative;cursor:pointer;transition:background .15s,border-color .15s;flex-shrink:0}.settings-toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:#ffffff80;transition:transform .15s,background .15s}.settings-toggle input[type=checkbox]:checked{background:#00f5ff33;border-color:var(--cyan)}.settings-toggle input[type=checkbox]:checked:after{transform:translate(14px);background:var(--cyan);box-shadow:0 0 4px var(--cyan)}.settings-toggle__label{white-space:nowrap}body.no-crt .crt-overlay,body.no-crt .vignette-overlay,body.no-crt .aberration-overlay,body.controls-hidden .mobile-controls,body.controls-hidden .keys-help{display:none!important}@media(hover:hover)and (pointer:fine){.controls-toggle{bottom:12px;right:12px}}@media(min-width:820px){.hud{left:calc(50% - 360px);right:calc(50% - 360px)}}@media(max-width:360px){.mobile-controls{gap:9px;padding-inline:4px}.aux-controls{left:0;bottom:calc(18px + var(--safe-bottom));grid-template-columns:repeat(2,58px);gap:0 6px}.orb-button,.pause-button,.restart-button{width:36px;height:36px}.action-button{width:50px;height:50px}.dpad{right:0;bottom:calc(18px + var(--safe-bottom));grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,40px);gap:3px}.asset-button{width:42px;height:42px;padding:8px}.side-panel{width:38px}.preview,.queue__item{width:28px;height:25px}.preview__grid{grid-template-columns:repeat(4,5px);grid-template-rows:repeat(3,5px);gap:1px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}.crt-overlay,.vignette-overlay,.aberration-overlay{display:none!important}}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0px,rgba(0,0,0,.06) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}.vignette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:51;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.35) 80%,rgba(0,0,0,.7) 100%)}.aberration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;pointer-events:none;opacity:0;transition:opacity 80ms}.aberration-overlay.is-active{opacity:1;animation:chromatic-flash .3s ease-out forwards}@keyframes chromatic-flash{0%{opacity:1;box-shadow:inset -3px 0 #ff005040,inset 3px 0 #00c8ff40}30%{opacity:.8;box-shadow:inset -2px 0 #ff005026,inset 2px 0 #00c8ff26}to{opacity:0;box-shadow:inset 0 0 #ff005000,inset 0 0 #00c8ff00}}.game-shell.is-wobbling{animation:screen-wobble .4s ease-out}@keyframes screen-wobble{0%{transform:translate(0) rotate(0)}10%{transform:translate(-1px,1px) rotate(-.3deg)}20%{transform:translate(2px,-1px) rotate(.3deg)}30%{transform:translate(-1px) rotate(-.2deg)}40%{transform:translate(1px,1px) rotate(.2deg)}50%{transform:translateY(-1px) rotate(-.1deg)}60%{transform:translate(-1px) rotate(.1deg)}to{transform:translate(0) rotate(0)}}.score-panel__score.is-bloom{text-shadow:0 0 8px rgba(0,245,255,.8),0 0 16px rgba(0,245,255,.6),0 0 32px rgba(0,245,255,.4),0 0 48px rgba(0,245,255,.2);animation:bloom-pulse .6s ease-out}@keyframes bloom-pulse{0%{text-shadow:0 0 12px rgba(0,245,255,1),0 0 24px rgba(0,245,255,.8),0 0 48px rgba(0,245,255,.5),0 0 64px rgba(255,43,214,.3)}to{text-shadow:0 0 8px rgba(0,245,255,.6),0 0 16px rgba(0,245,255,.3)}}