:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef8ff;text-rendering:optimizelegibility;--cyan:#27d8ff;--mint:#37f8c7;--pink:#ff4e9b;--theme-accent:#27d8ff;--theme-secondary:#37f8c7;--theme-warning:#ff4e9b;--amber:#ffe45c;--panel:#040b13b8;--panel-strong:#050d17eb;--line:#97daff38;--safe-bottom:max(12px, env(safe-area-inset-bottom));background:#03060b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.app-shell{isolation:isolate;background:#03060b;position:fixed;inset:0}.milkdrop-canvas,.game-canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.milkdrop-canvas{z-index:0;opacity:.72;pointer-events:none;background:#000}.game-canvas{z-index:1}.hud-shell{inset:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) auto max(16px, env(safe-area-inset-left));z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:14px;display:flex;position:absolute}.hud-shell>*{pointer-events:auto}.hud-column{align-content:start;gap:12px;min-width:0;display:grid}.hud-column-left,.hud-column-right{width:min(196px,50vw - 28px)}.side-message-stack{pointer-events:none;gap:10px;min-width:0;display:grid}.side-message-stack:empty{display:none}.hud-bar,.preview-block,.objective-chip,.layer-swap,.title-main,.leaderboard-panel,.score-dialog,.touch-controls button{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0e, transparent 44%), var(--panel);-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);box-shadow:0 18px 42px #0000005c,inset 0 1px #ffffff14}.hud-bar{border-radius:16px;gap:8px;width:176px;min-height:0;padding:8px;display:grid}.hud-cluster-left{display:none}.hud-cluster-right{gap:8px;min-width:0;display:grid}.brand-mark{gap:1px;min-width:112px;padding-left:11px;display:grid;position:relative}.brand-mark:before{content:"";background:linear-gradient(var(--cyan), var(--pink), var(--amber));border-radius:99px;width:4px;position:absolute;top:3px;bottom:3px;left:0;box-shadow:0 0 16px #27d8ffcc}.brand-kicker,.stat span,.preview-block span,.panel-kicker,.leaderboard-heading span{color:#8fb3c7;letter-spacing:.11em;text-transform:uppercase;font-size:.66rem;font-weight:900}.brand-mark strong{color:#fff;text-shadow:0 0 18px #27d8ff57;font-size:1rem;line-height:1.02}.run-pill{color:#eafffb;text-align:center;text-transform:uppercase;background:#37f8c712;border:1px solid #37f8c73d;border-radius:999px;min-width:0;padding:6px 9px;font-size:.64rem;font-weight:950;box-shadow:inset 0 0 14px #37f8c70f}.score-cluster{grid-template-columns:1fr;align-items:stretch;gap:6px;min-width:0;display:grid}.score-core{background:linear-gradient(#ffffff0d,#ffffff05);border:1px solid #97daff24;border-radius:12px;align-content:center;gap:2px;min-width:0;padding:7px 9px;display:grid;box-shadow:inset 0 1px #ffffff0d}.score-core span{color:#8fb3c7;letter-spacing:.11em;text-transform:uppercase;font-size:.62rem;font-weight:900}.score-core strong{color:#fff;letter-spacing:.01em;text-shadow:0 0 12px #27d8ff2e;min-width:0;font-size:clamp(1rem,1.45vw,1.3rem);line-height:1}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0;display:grid}.stat{background:#ffffff07;border-radius:10px;gap:2px;min-width:0;padding:6px 7px;display:grid;position:relative;overflow:hidden}.stat:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--theme-accent) 70%, transparent), transparent);border-radius:2px;height:2px;position:absolute;inset:auto 8px 0}.stat strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(.74rem,.95vw,.9rem);line-height:1.05;overflow:hidden}.stat strong.is-ready,.run-pill.is-ready{color:var(--theme-secondary);text-shadow:0 0 16px color-mix(in srgb, var(--theme-secondary) 78%, transparent)}.stat strong.is-warning,.run-pill.is-warning{color:var(--theme-warning);text-shadow:0 0 16px color-mix(in srgb, var(--theme-warning) 78%, transparent)}.run-pill.is-ready{border-color:color-mix(in srgb, var(--theme-secondary) 60%, transparent);background:color-mix(in srgb, var(--theme-secondary) 14%, transparent)}.run-pill.is-warning{border-color:color-mix(in srgb, var(--theme-warning) 56%, transparent);background:color-mix(in srgb, var(--theme-warning) 12%, transparent)}.audio-toggle,.layer-swap,.title-main button,.main-menu-panel button,.menu-content-panel button,.score-dialog button,.touch-controls button{color:#f4fbff;cursor:pointer;border:1px solid #ffffff29;border-radius:13px;min-height:44px;font-weight:950;line-height:1;transition:transform .14s,border-color .14s,filter .14s,background .14s}.audio-toggle{pointer-events:auto;white-space:nowrap;background:linear-gradient(180deg, color-mix(in srgb, var(--theme-accent) 30%, transparent), #0e485f94);width:100%;min-width:0;min-height:36px;padding:0 10px;font-size:.68rem}.audio-toggle.is-muted{background:linear-gradient(#ff4e6a4d,#5f0e1eb3)}.audio-toggle:hover,.layer-swap:hover,.title-main button:hover,.main-menu-panel button:hover,.menu-content-panel button:hover,.score-dialog button:hover,.touch-controls button:hover{filter:brightness(1.1);border-color:#ffffff61}.audio-toggle:active,.layer-swap:active,.title-main button:active,.main-menu-panel button:active,.menu-content-panel button:active,.score-dialog button:active,.touch-controls button:active{transform:translateY(1px)scale(.995)}.side-preview{pointer-events:none;gap:10px;width:100%;display:grid}.depth-map-panel{gap:9px}.depth-map{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;height:76px;display:grid}.depth-lane{color:#7fa6b8;background:#01070cb8;border:1px solid #97daff2e;border-radius:7px;justify-content:center;align-items:end;display:flex;position:relative;overflow:hidden}.depth-lane i{height:var(--fill);background:linear-gradient(#37f8c785,#27d8ff3d);transition:height .16s;position:absolute;bottom:0;left:0;right:0}.depth-lane strong{z-index:1;padding-bottom:5px;font-size:.68rem;position:relative}.depth-lane.is-active{color:#fff;border-color:#37f8c7e6;box-shadow:0 0 14px #37f8c74d,inset 0 0 10px #37f8c71f}.preview-block,.objective-chip{border-radius:16px;padding:11px}.preview-block{gap:8px;display:grid}.mode-readout{border-color:#37f8c740}.mode-name{color:#fff;font-size:1rem;line-height:1.08}.objective-chip{color:#c9f3ff;text-align:center;border-color:#27d8ff40;font-size:.8rem;font-weight:900;line-height:1.25}.mini-grid{--piece-color:var(--cyan);grid-template-rows:repeat(4,14px);grid-template-columns:repeat(4,14px);place-content:center;gap:3px;min-height:65px;display:grid}.next-stack{gap:6px;display:grid}.next-stack .mini-grid{transform-origin:0;min-height:49px;scale:.82}.mini-grid span{background:#ffffff09;border:1px solid #8fb3c721;border-radius:4px;width:14px;height:14px}.mini-grid span.is-filled{background:var(--piece-color);box-shadow:0 0 13px color-mix(in srgb, var(--piece-color) 72%, transparent), inset 0 0 0 2px #ffffff21;border-color:#ffffff73}.mini-grid.is-locked{opacity:.45;filter:grayscale(.45)}.layer-swap{pointer-events:auto;background:linear-gradient(#37f8c740,#0c4c48c7);width:100%;padding:10px;font-size:.8rem}.layer-swap.is-hidden{display:none}.center-overlay{z-index:3;pointer-events:none;place-items:center;padding:24px;transition:opacity .16s,visibility .16s;display:grid;position:absolute;inset:0;overflow:hidden}.center-overlay.is-title,.center-overlay.is-gameover{background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/100% 4px,radial-gradient(circle at 50% 18%,#27d8ff38,#0000 30%),radial-gradient(circle at 72% 78%,#ff4e9b2e,#0000 32%),#03070d9e}.center-overlay.is-title{background:linear-gradient(90deg,#01050aed 0,#01050ab8 390px,#01050a14 650px,#0000 76%);justify-content:flex-start;align-items:stretch;padding:18px}.center-overlay.is-title:after,.center-overlay.is-title .title-attract{display:none}.center-overlay.is-title .traditional-menu{pointer-events:auto;grid-template-columns:1fr;align-self:center;gap:10px;width:min(390px,100vw - 36px);max-height:calc(100vh - 36px)}.center-overlay.is-title .main-menu-panel,.center-overlay.is-title .menu-content-panel{-webkit-backdrop-filter:blur(12px)saturate(125%);backdrop-filter:blur(12px)saturate(125%);background:#03090fe0;border-radius:16px;padding:15px;box-shadow:0 16px 46px #0000006b}.center-overlay.is-title .main-menu-panel{grid-template-rows:auto auto;gap:11px}.center-overlay.is-title .main-menu-panel h1{margin:2px 0 5px;font-size:clamp(2.15rem,5vw,3.25rem)}.center-overlay.is-title .main-menu-panel [data-overlay-meta]{min-height:0;font-size:.76rem}.center-overlay.is-title .main-menu-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.center-overlay.is-title .main-menu-item{text-align:center;border-radius:10px;min-height:52px;padding:9px 8px}.center-overlay.is-title .main-menu-item:before{width:auto;height:3px;inset:auto 9px 0}.center-overlay.is-title .main-menu-item strong{font-size:.69rem}.center-overlay.is-title .main-menu-item span,.center-overlay.is-title .last-game{display:none}.center-overlay.is-title .menu-content-panel{max-height:min(58vh,520px);overflow:auto}.center-overlay.is-title .menu-content-panel.is-hidden{display:none}.center-overlay.is-title .section-heading{gap:1px}.center-overlay.is-title .section-heading strong{font-size:1.15rem}.center-overlay.is-title .traditional-menu .mode-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.center-overlay.is-title .traditional-menu .mode-card{border-radius:10px}.center-overlay.is-title .mode-card-overlay{padding:24px 4px 6px}.center-overlay.is-title .traditional-menu .mode-card .mode-card-overlay strong{font-size:.58rem}.center-overlay.is-title .traditional-menu .mode-card .mode-card-overlay em{display:none}.center-overlay.is-title .debug-level-control{padding:8px 10px}.center-overlay.is-title .primary-start{min-height:46px}.ai-live-dot{background:#37f8c7;border-radius:50%;width:7px;height:7px;margin-right:6px;animation:1.25s ease-in-out infinite ai-live-pulse;display:inline-block;box-shadow:0 0 12px #37f8c7}.app-shell.is-attract-mode .hud-shell{opacity:0;pointer-events:none}@keyframes ai-live-pulse{50%{opacity:.38;transform:scale(.72)}}.new-game-modal{z-index:20;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.new-game-modal.is-hidden{display:none}.new-game-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:default;background:#000409b8;border:0;border-radius:0;width:100%;position:absolute;inset:0}.new-game-popup{z-index:1;background:linear-gradient(145deg,#0a1623fa,#02080efa);border:1px solid #37f8c761;border-radius:22px;gap:16px;width:min(980px,100vw - 48px);max-height:calc(100vh - 48px);padding:24px;display:grid;position:relative;overflow:auto;box-shadow:0 30px 110px #000000b8,0 0 42px #37f8c71a}.new-game-close{z-index:2;color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff29;border-radius:50%;width:42px;height:42px;font-size:1.5rem;position:absolute;top:14px;right:14px}.new-game-popup .menu-section{gap:18px}.new-game-popup .section-heading strong{font-size:clamp(1.7rem,4vw,2.5rem)}.new-game-popup .mode-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.new-game-popup .mode-card{aspect-ratio:2/3;border-radius:17px;min-height:0;padding:0;overflow:hidden}.new-game-popup .mode-card img{object-fit:cover;width:100%;height:100%;display:block}.new-game-popup .mode-card-overlay{padding:45px 10px 13px}.new-game-popup .mode-card-overlay strong{font-size:clamp(.85rem,1.5vw,1.1rem)}.new-game-popup .debug-level-control{grid-template-columns:1fr auto}.new-game-popup .primary-start{min-height:58px;font-size:1rem}@media (width<=760px){.new-game-modal{align-items:end;padding:12px}.new-game-popup{border-radius:20px 20px 12px 12px;width:100%;max-height:82vh;padding:18px}.new-game-popup .mode-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.new-game-popup .mode-card{min-width:0}}@media (width<=620px){.center-overlay.is-title{background:linear-gradient(#0000,#01050a94 38%,#01050af5);align-items:end;padding:10px}.center-overlay.is-title .traditional-menu{align-self:end;width:100%;min-width:0;max-height:62vh;overflow:hidden auto}.center-overlay.is-title .main-menu-panel h1{font-size:2rem}.center-overlay.is-title .menu-content-panel{min-width:0;max-height:38vh}.center-overlay.is-title .main-menu-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.center-overlay.is-title .main-menu-item{min-width:0}.center-overlay.is-title .traditional-menu .mode-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}.center-overlay.is-title .traditional-menu .mode-card{min-width:0}.center-overlay.is-title .mode-card-overlay{padding-top:32px}}.center-overlay.is-title:after,.center-overlay.is-gameover:after{z-index:0;pointer-events:none;content:"";mix-blend-mode:screen;background:linear-gradient(90deg,#ffffff09,#0000 17% 83%,#ffffff09),repeating-linear-gradient(0deg,#0000 0 5px,#0000003d 6px 7px);position:absolute;inset:0}.center-overlay.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.title-attract{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.falling-piece{--x:50%;--duration:12s;--delay:0s;--color:var(--cyan);--rot:0deg;top:-120px;left:var(--x);transform:rotate(var(--rot));opacity:.72;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--color) 72%, transparent));animation:title-piece-fall var(--duration) linear infinite;animation-delay:var(--delay);grid-template-rows:repeat(4,18px);grid-template-columns:repeat(4,18px);gap:3px;display:grid;position:absolute}.falling-piece span{border:1px solid color-mix(in srgb, var(--color) 72%, #fff);background:0 0;border-radius:4px;width:18px;height:18px}.piece-i span:nth-child(5),.piece-i span:nth-child(6),.piece-i span:nth-child(7),.piece-i span:nth-child(8),.piece-t span:nth-child(6),.piece-t span:nth-child(9),.piece-t span:nth-child(10),.piece-t span:nth-child(11),.piece-l span:nth-child(7),.piece-l span:nth-child(9),.piece-l span:nth-child(10),.piece-l span:nth-child(11),.piece-o span:nth-child(6),.piece-o span:nth-child(7),.piece-o span:nth-child(10),.piece-o span:nth-child(11),.piece-s span:nth-child(6),.piece-s span:nth-child(7),.piece-s span:nth-child(9),.piece-s span:nth-child(10),.piece-z span:nth-child(5),.piece-z span:nth-child(6),.piece-z span:nth-child(10),.piece-z span:nth-child(11),.piece-j span:nth-child(5),.piece-j span:nth-child(9),.piece-j span:nth-child(10),.piece-j span:nth-child(11){background:var(--color);box-shadow:inset 0 0 0 2px #ffffff24, 0 0 16px color-mix(in srgb, var(--color) 72%, transparent)}.piece-i{--x:8%;--duration:13s;--delay:-5s;--color:#27d8ff;--rot:90deg}.piece-t{--x:24%;--duration:10s;--delay:-1s;--color:#e05cff;--rot:0deg}.piece-l{--x:41%;--duration:14s;--delay:-8s;--color:#ff9a2f;--rot:180deg}.piece-o{--x:58%;--duration:11s;--delay:-4s;--color:#ffe45c;--rot:0deg}.piece-s{--x:75%;--duration:15s;--delay:-10s;--color:#5df06f;--rot:0deg}.piece-z{--x:88%;--duration:12s;--delay:-7s;--color:#ff4e6a;--rot:90deg}.piece-j{--x:16%;--duration:16s;--delay:-12s;--color:#3d73ff;--rot:270deg}.piece-alt{--x:68%;--duration:13s;--delay:-2s;--color:#37f8c7;--rot:90deg}@keyframes title-piece-fall{0%{opacity:0;translate:0 -12vh}8%{opacity:.72}to{opacity:.1;translate:0 126vh}}.title-screen{z-index:1;pointer-events:auto;grid-template-columns:minmax(360px,610px) minmax(284px,350px);gap:16px;width:min(1000px,100vw - 44px);max-height:calc(100vh - 48px);display:grid;position:relative}.title-main,.leaderboard-panel,.score-dialog,.main-menu-panel{background:linear-gradient(145deg,#0c1827f5,#03080ff0),#040a10;border-radius:22px;padding:24px;position:relative}.title-main:before,.leaderboard-panel:before,.score-dialog:before,.main-menu-panel:before{border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(135deg,#27d8ff38,#0000 28% 70%,#ff4e9b2e);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.center-overlay.is-title .title-main,.center-overlay.is-title .leaderboard-panel,.center-overlay.is-title .main-menu-panel,.center-overlay.is-gameover .title-main,.center-overlay.is-gameover .leaderboard-panel,.center-overlay.is-gameover .main-menu-panel{box-shadow:0 0 0 6px #02080eb8,0 0 0 8px #37f8c724,0 28px 90px #0009}.center-overlay.is-paused .title-screen{grid-template-columns:minmax(320px,460px);width:min(460px,100vw - 44px)}.center-overlay.is-paused .leaderboard-panel,.center-overlay.is-paused .main-menu-panel{display:none}.hero-copy{max-width:560px}.title-main h1,.main-menu-panel h1{color:#fff;letter-spacing:-.07em;text-shadow:3px 0 #ff4e6ab8,-3px 0 #27d8ffa6,0 0 28px #ffffff3d;margin:6px 0 10px;font-size:clamp(2.65rem,7.7vw,5.8rem);line-height:.84}.title-main [data-overlay-meta],.main-menu-panel [data-overlay-meta]{color:#b8d5e5;min-height:1.4em;margin:0 0 18px;font-weight:850}.center-overlay.is-title .title-main [data-overlay-meta]:after,.center-overlay.is-title .main-menu-panel [data-overlay-meta]:after,.center-overlay.is-gameover .title-main [data-overlay-meta]:after,.center-overlay.is-gameover .main-menu-panel [data-overlay-meta]:after{color:var(--mint);content:"PRESS START";background:#37f8c71a;border-radius:999px;margin-left:10px;padding:4px 8px;font-size:.72rem;font-weight:950;animation:1.2s steps(2,end) infinite title-blink;display:inline-block}@keyframes title-blink{50%{opacity:.25}}.mode-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px;display:grid}.mode-actions.is-hidden{display:none}.mode-actions button{text-align:left;background:linear-gradient(160deg,#ffffff0f,#ffffff05);grid-template-rows:auto auto 1fr auto;gap:7px;min-height:154px;padding:14px;display:grid;position:relative;overflow:hidden}.mode-actions button:after{content:"";opacity:.1;background:currentColor;border-radius:24px;width:92px;height:92px;position:absolute;inset:auto -22px -36px auto;rotate:18deg}.mode-actions button.is-selected{background:linear-gradient(160deg,#37f8c738,#27d8ff14);border-color:#37f8c7bf;box-shadow:0 0 28px #37f8c724,inset 0 0 24px #37f8c70f}.mode-icon{width:34px;height:34px;color:var(--mint);background:#ffffff14;border-radius:12px;place-items:center;font-size:1.1rem;display:grid}.mode-rift .mode-icon{color:var(--pink)}.mode-classic .mode-icon{color:var(--cyan)}.mode-depth .mode-icon{color:var(--mint)}.mode-upside .mode-icon,.mode-3d .mode-icon{color:var(--amber)}.mode-card strong{color:#fff;font-size:1.08rem}.mode-card span:not(.mode-icon){color:#a9c8d9;font-size:.79rem;font-weight:780;line-height:1.3}.mode-card em{color:var(--amber);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-style:normal;font-weight:950}.controls-info{background:#ffffff09;border:1px solid #97daff26;border-radius:16px;gap:10px;margin:0 0 14px;padding:13px;display:grid}.controls-info.is-hidden{display:none}.controls-lead{color:#c9edf7;font-size:.82rem;font-weight:860;line-height:1.35}.controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin:0;display:grid}.controls-grid div{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.controls-grid dt{color:#8fb3c7;text-transform:uppercase;white-space:nowrap;font-size:.66rem;font-weight:950}.controls-grid dd{color:#fff;text-align:right;overflow-wrap:anywhere;min-width:0;margin:0;font-size:.75rem;font-weight:850;line-height:1.35}kbd{color:#eaffff;min-width:1.7em;font:inherit;text-align:center;background:#00000047;border:1px solid #ffffff29;border-bottom-color:#ffffff14;border-radius:6px;padding:.18em .42em;font-size:.88em;font-weight:950;display:inline-block;box-shadow:inset 0 1px #ffffff14}.debug-level-control{background:#ffffff0a;border:1px solid #97daff24;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:58px;padding:12px 14px;display:flex}.debug-level-control span{gap:3px;display:grid}.debug-level-control strong{color:#fff;font-size:.9rem}.debug-level-control small{color:#94b8ca;font-size:.76rem;font-weight:780}.debug-level-control select{border:1px solid color-mix(in srgb, var(--theme-accent) 42%, #ffffff29);color:#fff;min-width:118px;min-height:38px;font:inherit;background:#02080eeb;border-radius:12px;outline:none;padding:0 11px;font-weight:900}.debug-level-control select:focus{border-color:var(--theme-secondary);box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-secondary) 16%, transparent)}.primary-start{background:linear-gradient(90deg, color-mix(in srgb, var(--theme-accent) 40%, transparent), color-mix(in srgb, var(--theme-secondary) 32%, transparent), color-mix(in srgb, var(--theme-warning) 28%, transparent));letter-spacing:.04em;text-transform:uppercase;width:100%;min-height:56px;padding:15px 16px;font-size:1.02rem}.last-game{color:#9fc1d4;text-align:center;margin-top:12px;font-size:.8rem;font-weight:850;line-height:1.25}.leaderboard-panel{grid-template-rows:auto 1fr auto;min-height:0;display:grid}.leaderboard-heading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.leaderboard-heading strong{color:#fff;font-size:1.05rem}.leaderboard-list{scrollbar-width:thin;gap:8px;min-height:0;max-height:386px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.leaderboard-list li{background:#ffffff0a;border:1px solid #97daff21;border-radius:13px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;display:grid}.leaderboard-list .rank{width:26px;height:26px;color:var(--mint);background:#37f8c71c;border-radius:50%;place-items:center;font-weight:950;display:grid}.leaderboard-list strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.leaderboard-list small{color:#8fb3c7;grid-column:2/4;font-weight:850}.leaderboard-list .leaderboard-empty{color:#a9c8d9;text-align:center;grid-template-columns:1fr;font-weight:850}.leaderboard-status{color:#ffcf70;text-align:center;min-height:1.2em;margin-top:10px;font-size:.78rem;font-weight:900}.leaderboard-status.is-hidden{visibility:hidden}.score-modal{z-index:5;pointer-events:auto;background:#02060a8f;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.score-modal.is-hidden{display:none}.score-dialog{gap:12px;width:min(380px,100vw - 44px);display:grid}.score-dialog h2{color:#fff;margin:0;font-size:2.1rem;line-height:1}.score-dialog p{color:#a9c8d9;margin:0;font-weight:850}.score-dialog input{color:#fff;width:100%;min-height:48px;font:inherit;background:#02080edb;border:1px solid #97daff38;border-radius:13px;outline:none;padding:0 13px;font-weight:850}.score-dialog input:focus{border-color:#37f8c7b3;box-shadow:0 0 0 3px #37f8c71f}.score-error{color:#ff8aa8;min-height:1.2em;font-size:.8rem;font-weight:850}.score-dialog button{background:linear-gradient(90deg,#27d8ff52,#37f8c73d)}.touch-controls{right:max(12px, env(safe-area-inset-right));bottom:var(--safe-bottom);left:max(12px, env(safe-area-inset-left));z-index:4;pointer-events:auto;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;display:none;position:absolute}.touch-controls button{touch-action:none;background:#050c12c7;min-width:0;min-height:52px;padding:10px 8px}@media (width<=1060px){.hud-column-left,.hud-column-right{width:min(176px,50vw - 24px)}.hud-bar{width:100%}.run-pill{display:none}.title-screen{grid-template-columns:minmax(0,1fr);width:min(650px,100vw - 32px);overflow:auto}.leaderboard-list{max-height:190px}}@media (width<=760px){.hud-shell{inset:max(10px, env(safe-area-inset-top)) 10px auto;align-items:stretch}.hud-column-left,.hud-column-right{width:calc(50vw - 16px)}.hud-bar{border-radius:14px;gap:6px;width:100%;padding:7px}.brand-mark{min-width:0}.brand-mark strong{font-size:.96rem}.audio-toggle{width:100%;min-height:36px;padding:0 10px;font-size:.7rem}.score-core{min-width:0;padding:7px 9px}.score-core strong{font-size:1.05rem}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.stat{border-radius:10px;padding:6px 7px}.stat span,.score-core span{letter-spacing:.08em;font-size:.56rem}.stat strong{font-size:.8rem}.side-preview,.side-message-stack-right{display:none}.side-message-stack-left{width:100%}.center-overlay{align-items:start;padding:12px;overflow:auto}.title-screen{width:calc(100vw - 24px);max-height:none;padding-top:2px}.title-main,.leaderboard-panel,.score-dialog,.main-menu-panel{border-radius:18px;padding:16px}.title-main h1,.main-menu-panel h1{font-size:clamp(2.35rem,16vw,4rem)}.mode-actions{grid-template-columns:1fr}.mode-actions button{grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-items:start;min-height:106px}.mode-icon{grid-row:1/4}.mode-card em{grid-column:2}.controls-grid{grid-template-columns:1fr}}@media (width<=760px),(pointer:coarse){.touch-controls{display:grid}}@media (width<=520px){.hud-bar{background:#040b13a8}.score-core{padding:6px 8px}.score-core strong{font-size:.98rem}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.center-overlay.is-title .title-main [data-overlay-meta]:after,.center-overlay.is-title .main-menu-panel [data-overlay-meta]:after,.center-overlay.is-gameover .title-main [data-overlay-meta]:after,.center-overlay.is-gameover .main-menu-panel [data-overlay-meta]:after{margin:8px 0 0;display:table}.touch-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.touch-controls button{min-height:48px;font-size:.8rem}.touch-controls button:last-child{grid-column:2}}@media (height<=720px) and (width>=761px){.title-main,.leaderboard-panel,.main-menu-panel{padding:18px}.title-main h1,.main-menu-panel h1{font-size:clamp(2.3rem,7vw,4.5rem)}.mode-actions button{min-height:126px}.leaderboard-list{max-height:286px}}.center-overlay:not(.is-hidden)~.touch-controls{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.main-menu-panel,.menu-content-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);background:linear-gradient(145deg,#0c1827f5,#03080ff0),#040a10;border-radius:22px;padding:24px;position:relative;box-shadow:0 0 0 6px #02080eb8,0 0 0 8px #37f8c724,0 28px 90px #0009}.traditional-menu{grid-template-columns:minmax(260px,330px) minmax(420px,680px);align-items:stretch;width:min(1040px,100vw - 44px)}.main-menu-panel{grid-template-rows:auto 1fr auto;gap:18px;display:grid}.main-menu-panel h1{color:#fff;letter-spacing:-.07em;text-shadow:3px 0 #ff4e6ab8,-3px 0 #27d8ffa6,0 0 28px #ffffff3d;margin:6px 0 10px;font-size:clamp(2.55rem,6.8vw,5rem);line-height:.84}.main-menu-panel [data-overlay-meta]{color:#b8d5e5;min-height:1.4em;margin:0;font-weight:850}.main-menu-nav{align-content:center;gap:12px;display:grid}.main-menu-item{text-align:left;background:#ffffff09;gap:5px;width:100%;min-height:72px;padding:14px 16px 14px 20px;display:grid;position:relative;overflow:hidden}.main-menu-item:before{content:"";background:#8fb3c740;border-radius:999px;width:4px;position:absolute;inset:12px auto 12px 0}.main-menu-item.is-selected{background:linear-gradient(90deg,#37f8c72e,#27d8ff0f);border-color:#37f8c7b8;box-shadow:inset 0 0 22px #37f8c70d,0 0 26px #37f8c71f}.main-menu-item.is-selected:before{background:linear-gradient(var(--mint), var(--cyan));box-shadow:0 0 16px #37f8c7bf}.main-menu-item strong{color:#fff;letter-spacing:.02em;text-transform:uppercase;font-size:1.12rem}.main-menu-item span{color:#94b8ca;font-size:.8rem;font-weight:820;line-height:1.25}.menu-content-panel{min-height:0;display:grid}.menu-section{gap:14px;min-height:0;display:grid}.menu-section.is-hidden{display:none}.section-heading{gap:4px;display:grid}.section-heading strong{color:#fff;font-size:clamp(1.55rem,3vw,2.05rem);line-height:1}.traditional-menu .mode-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.traditional-menu .mode-actions button{min-height:136px}.score-mode-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.score-mode-tabs button{color:#dff8ff;background:#ffffff0a;min-height:42px;padding:9px 10px;font-size:.78rem}.score-mode-tabs button.is-selected{color:#fff;background:#37f8c729;border-color:#37f8c7b8}.settings-list{gap:10px;display:grid}.settings-row{color:#fff;text-align:left;background:#ffffff0a;border:1px solid #97daff24;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:66px;padding:13px 14px;display:flex}.settings-row span{gap:3px;display:grid}.settings-row strong{color:#fff;font-size:.94rem}.settings-row small{color:#94b8ca;font-size:.78rem;font-weight:780;line-height:1.25}.settings-row em{min-width:48px;color:var(--mint);text-align:center;text-transform:uppercase;background:#37f8c71f;border-radius:999px;padding:7px 10px;font-style:normal;font-weight:950}.builder-layout{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:14px;min-height:0;display:grid}.builder-piece-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:min(54vh,520px);padding-right:4px;display:grid;overflow:auto}.builder-piece{--builder-color:#27d8ff;--builder-opacity:1;color:#fff;text-align:left;background:#ffffff0a;border:1px solid #97daff26;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;min-height:58px;padding:9px 10px;display:grid}.builder-piece.is-selected{background:#37f8c71f;border-color:#37f8c7c7}.builder-piece strong{font-size:.9rem}.builder-piece small{color:#95bfd0;font-size:.68rem}.builder-swatch{background:var(--builder-color);width:28px;height:28px;opacity:var(--builder-opacity);box-shadow:inset 0 0 0 2px #ffffff1f, 0 0 15px color-mix(in srgb, var(--builder-color) 50%, transparent);border:1px solid #ffffff3d;border-radius:6px;grid-row:1/3;margin-right:10px}.builder-piece[data-texture=grid] .builder-swatch,.builder-swatch.is-large[data-texture=grid]{background:linear-gradient(90deg, #ffffff57 1px, transparent 1px), linear-gradient(0deg, #ffffff57 1px, transparent 1px), var(--builder-color);background-size:9px 9px}.builder-piece[data-texture=glass] .builder-swatch,.builder-swatch.is-large[data-texture=glass]{background:linear-gradient(135deg, #ffffff61, transparent 42%), var(--builder-color);box-shadow:inset 0 0 10px #ffffff59, 0 0 18px color-mix(in srgb, var(--builder-color) 60%, transparent)}.builder-piece[data-texture-image=true] .builder-swatch,.builder-swatch.is-large[data-texture-image=true]{background:var(--builder-texture-image);background-position:50%;background-size:cover}.builder-control input:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.44}.builder-swatch.is-large{box-shadow:inset 0 0 0 2px #ffffff1f, 0 0 18px color-mix(in srgb, var(--builder-color) 60%, transparent)}.builder-editor{align-content:start;gap:12px;min-width:0;display:grid}.builder-selected{background:#ffffff0a;border:1px solid #97daff24;border-radius:12px;align-items:center;gap:12px;min-height:54px;padding:10px 12px;display:flex}.builder-swatch.is-large{width:34px;height:34px;margin:0}.builder-control{color:#dff8ff;text-transform:uppercase;gap:7px;font-size:.78rem;font-weight:900;display:grid}.builder-control span{justify-content:space-between;gap:12px;display:flex}.builder-control em{color:var(--mint);font-style:normal}.builder-control input,.builder-control select{color:#fff;width:100%;min-height:42px;font:inherit;background:#02080ecc;border:1px solid #97daff38;border-radius:12px;font-weight:850}.builder-control input[type=color]{padding:4px}.builder-control input[type=range]{accent-color:var(--mint)}.builder-reset{min-height:58px}.settings-row.is-muted em{color:#ff8aa8;background:#ff4e6a1f}.settings-row.is-static{cursor:default}@media (width<=1060px){.traditional-menu{grid-template-columns:minmax(0,1fr);width:min(680px,100vw - 32px)}.main-menu-panel{grid-template-rows:auto auto auto}.main-menu-nav{grid-template-columns:repeat(3,minmax(0,1fr));align-content:stretch}.main-menu-item{min-height:82px;padding:13px}}@media (width<=760px){.traditional-menu{width:calc(100vw - 24px)}.main-menu-panel,.menu-content-panel{border-radius:18px;padding:16px}.main-menu-panel h1{font-size:clamp(2.35rem,15vw,4rem)}.main-menu-nav,.traditional-menu .mode-actions,.score-mode-tabs{grid-template-columns:1fr}.main-menu-item{min-height:64px}.settings-row,.debug-level-control{flex-direction:column;align-items:flex-start}.builder-layout{grid-template-columns:1fr}.builder-piece-list{grid-template-columns:1fr;max-height:34vh}}@media (height<=720px) and (width>=761px){.main-menu-panel,.menu-content-panel{padding:18px}.traditional-menu .mode-actions button{min-height:112px}}.traditional-menu .mode-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.traditional-menu .mode-card{aspect-ratio:2/3;background:#03080fe6;border-radius:18px;min-height:0;padding:0;display:block;overflow:hidden;box-shadow:0 16px 34px #00000057,inset 0 0 0 1px #ffffff0a}.traditional-menu .mode-card:after{border-radius:inherit;opacity:1;background:linear-gradient(#00000005 36%,#000000b8 100%),radial-gradient(circle at 50% 18%,#ffffff1f,#0000 42%);width:auto;height:auto;inset:0;rotate:0deg}.traditional-menu .mode-card img{object-fit:cover;width:100%;height:100%;transition:transform .18s,filter .18s;display:block;transform:scale(1.01)}.traditional-menu .mode-card:hover img,.traditional-menu .mode-card.is-selected img{filter:saturate(1.12)contrast(1.06);transform:scale(1.045)}.mode-card-overlay{z-index:1;color:#fff;text-align:center;background:linear-gradient(#0000,#000000d6);gap:5px;padding:34px 10px 11px;display:grid;position:absolute;inset:auto 0 0}.traditional-menu .mode-card .mode-card-overlay strong{color:#fff;text-shadow:0 2px 12px #000000bf;font-size:clamp(.86rem,1.3vw,1.04rem);line-height:1.05}.traditional-menu .mode-card .mode-card-overlay em{color:var(--amber);letter-spacing:.09em;text-transform:uppercase;text-shadow:0 1px 8px #000000bf;font-size:.58rem;font-style:normal;font-weight:950;line-height:1.1}.traditional-menu .mode-card.is-selected{border-color:#37f8c7e0;box-shadow:0 0 0 2px #37f8c729,0 0 28px #37f8c738,0 18px 36px #0000006b}.traditional-menu .mode-card.is-selected:before{z-index:2;content:"✓";color:#03100e;background:#37f8c7eb;border-radius:999px;place-items:center;width:28px;height:28px;font-size:.92rem;font-weight:1000;display:grid;position:absolute;inset:9px 9px auto auto;box-shadow:0 0 18px #37f8c7bf}@media (width<=760px){.traditional-menu .mode-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.traditional-menu .mode-actions button,.traditional-menu .mode-card{grid-template-columns:initial;grid-template-rows:initial;min-height:0}.mode-card-overlay{padding:28px 8px 10px}}@media (width<=420px){.traditional-menu .mode-actions{gap:9px}.traditional-menu .mode-card .mode-card-overlay strong{font-size:.8rem}.traditional-menu .mode-card .mode-card-overlay em{font-size:.52rem}}.controls-hint{z-index:4;border:1px solid color-mix(in srgb, var(--theme-secondary) 48%, #ffffff29);color:#e9fbff;width:100%;max-width:100%;box-shadow:0 18px 44px #00000075, 0 0 28px color-mix(in srgb, var(--theme-secondary) 18%, transparent);pointer-events:none;background:linear-gradient(145deg,#05121deb,#02080edb);border-radius:18px;gap:6px;padding:14px 16px;transition:opacity .22s,translate .22s,visibility .22s;display:grid;position:relative}.controls-hint.is-hidden{visibility:hidden;opacity:0;translate:0 14px}.controls-hint strong{color:#fff;text-transform:uppercase;font-size:.96rem}.controls-hint span{color:#c9edf7;font-size:.78rem;font-weight:850;line-height:1.25}.bonus-feed{z-index:4;pointer-events:none;gap:8px;width:100%;max-width:100%;display:grid;position:relative}.bonus-toast{filter:drop-shadow(0 22px 32px #0000007a);place-items:center;min-height:118px;animation:1.8s forwards bonus-image-pop;display:grid;position:relative;overflow:visible}.bonus-toast:before{z-index:-1;content:"";filter:blur(18px);background:radial-gradient(circle,#37f8c757,#0000 68%);border-radius:999px;position:absolute;inset:18% 10% 4%}.bonus-toast img{object-fit:contain;-webkit-user-select:none;user-select:none;width:min(100%,500px);max-height:150px;display:block}.bonus-score{color:#fff;letter-spacing:.02em;text-shadow:0 0 16px #ffe45cb8;background:#03080fc7;border:1px solid #ffffff47;border-radius:999px;padding:8px 13px;font-size:clamp(1rem,3vw,1.45rem);font-weight:1000;position:absolute;bottom:11%;right:9%;box-shadow:0 0 24px #ffe45c3d,inset 0 1px #ffffff2e}.bonus-toast em{color:#171006;text-align:center;background:#ffe45ceb;border-radius:999px;min-width:44px;padding:7px 10px;font-size:1rem;font-style:normal;font-weight:1000;position:absolute;bottom:13%;left:10%;box-shadow:0 0 24px #ffe45c8c}.bonus-tetris:before,.bonus-backToBack:before{background:radial-gradient(circle,#ffe45c6b,#ff4e9b2e,#0000 70%)}.bonus-perfectClear:before{background:radial-gradient(circle,#ffffff80,#27d8ff3d,#0000 70%)}.bonus-mode:before{background:radial-gradient(circle,#9d6bff5c,#27d8ff2e,#0000 70%)}.bonus-toast.is-exiting{opacity:0;transition:opacity .42s,transform .42s;transform:translateY(-18px)scale(.9)}@keyframes bonus-image-pop{0%{opacity:0;transform:translateY(24px)scale(.62)rotate(-3deg)}12%{opacity:1;transform:translateY(-3px)scale(1.12)rotate(1.4deg)}22%{transform:translateY(0)scale(1)rotate(0)}72%{opacity:1;transform:translateY(-6px)scale(1.02)}to{opacity:1;transform:translateY(-8px)scale(1)}}@media (width<=760px){.controls-hint,.bonus-feed{width:100%}.bonus-toast{min-height:92px}.bonus-toast img{max-height:112px}.bonus-score{padding:6px 10px;bottom:9%;right:7%}.bonus-toast em{display:none}}