@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@600;700;800&display=swap";:root{font-family:Space Grotesk,sans-serif;color:#f8f7ff;background:#0b0922;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #baffea;outline-offset:4px}#app,#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}#app{z-index:0}#world{outline:none;mask:none;-webkit-mask:none}#ui{position:fixed;inset:0;z-index:2;pointer-events:none;padding:30px 38px;display:flex;flex-direction:column;justify-content:space-between}.topbar{display:flex;justify-content:space-between;align-items:flex-start}.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:35px;height:35px}.brand-name{font:800 21px Syne,sans-serif;letter-spacing:-.8px}.brand small{display:block;font-family:Space Grotesk,sans-serif;font-weight:500;font-size:9px;color:#a7a0c9;letter-spacing:3px;margin-top:3px}.stats{display:flex;gap:34px;margin:2px 20px 0 auto}.stat small,.eyebrow{font-size:10px;letter-spacing:2px;color:#a8a2c6}.stat strong{display:block;margin-top:5px;font-size:24px;font-weight:500;font-variant-numeric:tabular-nums}.utility{display:flex;gap:8px;pointer-events:auto}.icon-button{width:40px;height:40px;border:1px solid #ffffff21;background:#16102e70;border-radius:50%;font-size:16px}.icon-button:hover{background:#39255b}.center-card{position:absolute;left:7.4%;top:24%;max-width:600px;pointer-events:auto}.eyebrow{color:#baffeb;display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#baffeb;box-shadow:0 0 14px #baffeb}h1{font:800 clamp(48px,5vw,72px)/.99 Syne,sans-serif;letter-spacing:-5px;margin:24px 0 22px}h1 span{display:block;width:max-content;white-space:nowrap;background:linear-gradient(100deg,#beffe5,#70deff 40%,#d3b0ff 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.intro{max-width:310px;color:#bbb5d7;font-size:15px;line-height:1.7;margin-bottom:27px}.primary{background:#c3ffea;border:0;color:#171332;padding:17px 25px;border-radius:9px;font-weight:700;display:flex;gap:38px;align-items:center;box-shadow:0 0 34px #68e9cf20}.primary:hover{box-shadow:0 0 38px #68e9cf55}.start-caption{font-size:10px;color:#8f89aa;margin-top:12px}.bottom-bar{display:flex;align-items:flex-end;justify-content:space-between}.controls-legend{display:flex;gap:22px;color:#b4adc9;font-size:11px}.legend{display:flex;align-items:center;gap:7px}.keycap{width:29px;height:27px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:5px;color:#f6eeff}.track-name{font-size:11px;text-align:right;color:#ded2ec}.track-name small{display:block;font-size:9px;color:#ae9fc5;margin-top:6px;letter-spacing:2px}.pulse-bars{display:inline-flex;align-items:center;gap:3px;height:13px;margin-right:7px;vertical-align:middle}.pulse-bars i{display:block;width:2px;height:8px;background:#bdffe8;animation:dance .5s ease-in-out infinite alternate}.pulse-bars i:nth-child(2){animation-delay:.2s;height:13px}.pulse-bars i:nth-child(3){animation-delay:.4s;height:5px}@keyframes dance{to{height:3px}}.playing-mode .track-name{display:none}.run-label{position:absolute;top:108px;left:38px;color:#8e829f;font-size:9px;letter-spacing:1.5px}.run-label span{color:#bcffeb}.board-labels span{position:absolute;transform:translate(-50%,-50%);font-size:11px;font-weight:500;color:#9d93ad;text-shadow:0 1px 4px #0b0922}.start-mode .board-labels span{font-size:10px}.move-queue{position:absolute;top:100px;left:50%;transform:translate(-50%);width:min(740px,calc(100% - 76px));height:48px;padding:0;background:none;border:0;pointer-events:none}.queue-window{height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;pointer-events:auto;touch-action:pan-x;-webkit-mask-image:linear-gradient(to right,#000 91%,transparent);mask-image:linear-gradient(to right,#000 91%,transparent)}.queue-track{display:flex;gap:16px;align-items:center;width:max-content;min-height:44px}.move-group{position:relative;display:flex;gap:1px;align-items:center;color:#d7cdeb;opacity:.8;padding:0 0 5px}.move-group.executing{color:#beffe8;opacity:1}.move-icon{display:block;width:36px;height:36px;flex-shrink:0;filter:drop-shadow(0 1px 3px #080518)}.group-divider{width:1px;height:21px;background:#b5a1ca55;flex-shrink:0;margin-bottom:4px}.group-progress{position:absolute;bottom:1px;left:0;right:0;height:2px;background:#baffea;transform:scaleX(0);transform-origin:left;opacity:0}.executing .group-progress{opacity:.75}.orb-send{position:absolute;left:50%;bottom:34px;transform:translate(-50%);width:80px;height:80px;border:0;border-radius:50%;background:none;display:grid;place-items:center;padding:0;color:#baffeb;pointer-events:auto;touch-action:none;--orb-scale:1}.orb-send:focus-visible{outline-offset:-4px}.orb-art{position:absolute;inset:0;width:100%;height:100%;transform:scale(var(--orb-scale));filter:drop-shadow(0 0 5px #74e4c332)}.orb-send.charged .orb-art{filter:drop-shadow(0 0 9px #74e4c35c)}.orb-glyphs{position:relative;width:52px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;filter:drop-shadow(0 1px 2px #082b26)}.orb-glyphs .move-icon{width:25px;height:25px}.orb-glint{width:18px;height:18px;opacity:.5}.orb-send.charged{color:#f2fff9}.dispatch-flight{position:fixed;display:flex;flex-wrap:wrap;justify-content:center;width:54px;color:#c0ffe9;pointer-events:none;z-index:4;filter:drop-shadow(0 0 7px #91ffe4)}.dispatch-flight .move-icon{width:25px;height:25px}.touch-controls{display:none;pointer-events:none;position:absolute;bottom:max(40px,env(safe-area-inset-bottom));left:20px;right:20px;justify-content:space-between;align-items:center}.turn-button{pointer-events:auto;width:64px;height:60px;padding:13px;border:0;background:none;color:#b0a0c8;touch-action:none;-webkit-user-select:none;user-select:none}.turn-button svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.turn-button:active,.turn-button.pressed{color:#c0ffe9;filter:drop-shadow(0 0 8px #a9ffdb)}.gesture-caption{position:absolute;left:0;right:0;bottom:20px;text-align:center;font-size:9px;letter-spacing:1.5px;color:#8b809d}.playing-mode .controls-legend{display:none}.modal-shade{position:absolute;inset:0;background:#09061788;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:auto;display:grid;place-items:center}.dialog{width:min(440px,calc(100% - 36px));max-height:calc(100% - 32px);overflow:auto;background:linear-gradient(145deg,#2c1d47ee,#130e2aee);border:1px solid #c0a2ff30;border-radius:22px;padding:32px}.dialog h2{font:800 36px Syne;letter-spacing:-1.5px;margin:13px 0}.dialog p{font-size:13px;line-height:1.65;color:#c2b3d9}.dialog .primary{width:100%;justify-content:space-between;margin-top:24px}.dialog-stats{display:flex;gap:50px;margin:25px 0}.dialog-stats strong{display:block;font-size:30px;color:#c3ffea}.dialog-stats small{color:#b4a0c8;font-size:10px;letter-spacing:1px}.secondary{border:0;background:none;color:#b5a6c7;padding:12px 0;font-size:12px}.how-steps{display:flex;gap:12px;align-items:flex-start;margin:17px 0}.how-steps .number{color:#baffeb;background:#baffeb10;border:1px solid #baffeb30;display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border-radius:50%;font-size:11px}.how-steps p{margin:0}.hidden{display:none!important}.loading{position:absolute;inset:0;background:#0b0922;display:grid;place-items:center;font-size:13px;color:#c0a2ef;z-index:3}@media(max-width:700px){#ui{padding:18px 20px}.topbar{display:grid;grid-template-columns:1fr auto;gap:8px}.brand-name{font-size:15px}.brand-icon{width:29px;height:29px}.brand small{font-size:7px;letter-spacing:1.5px}.stats{position:absolute;left:20px;top:72px;margin:0;gap:16px}.stat{display:flex;align-items:baseline;gap:6px}.stat strong{font-size:16px;margin:0}.stat small{font-size:7px;letter-spacing:1px}.utility{grid-column:2;grid-row:1;gap:5px}.icon-button{width:34px;height:34px;font-size:13px}.run-label{top:77px;left:auto;right:20px;font-size:8px;letter-spacing:1px}.playing-mode .brand small{display:none}.move-queue{top:105px;width:calc(100% - 40px);height:40px}.queue-track{gap:12px;min-height:38px}.move-icon{width:31px;height:31px}.group-divider{height:18px}.board-labels span{font-size:10px}.touch-controls{display:flex}.gesture-caption{font-size:8px;letter-spacing:1px}.orb-glyphs .move-icon{width:24px;height:24px}.center-card{left:7%;top:19%;max-width:85%}h1{font-size:clamp(32px,8.7vw,58px);letter-spacing:-2px}.intro{max-width:260px;font-size:12px}.start-caption{font-size:9px}.controls-legend{display:none}.start-mode .track-name{position:absolute;right:20px;bottom:25px;font-size:10px}.track-name small{font-size:8px;letter-spacing:1px}.dialog{padding:25px}.dialog h2{font-size:30px}}@media(pointer:coarse){.touch-controls{display:flex}}@media(max-height:550px)and (orientation:landscape){#ui{padding:20px 30px}.brand-name{font-size:18px}.brand small{display:none}.stats{margin:0 18px 0 auto}.stat strong{font-size:21px}.run-label{top:86px;left:30px;font-size:8px}.move-queue{top:104px;left:auto;right:30px;transform:none;width:34%;height:40px}.move-icon{width:30px;height:30px}.queue-track{gap:11px}.board-labels span{font-size:9px}.touch-controls{bottom:18px;left:20px;right:20px}.turn-button{width:56px;height:52px;padding:10px}.orb-send{left:76%;bottom:auto;top:52%}.gesture-caption{left:60%;right:10px;bottom:22px;font-size:7px}.bottom-bar{display:none}.center-card{top:18%;left:8%}.center-card h1{font-size:40px;letter-spacing:-2px;margin:15px 0}.center-card .intro{font-size:12px;line-height:1.5;margin-bottom:15px}.primary{padding:12px 20px}}@media(prefers-reduced-motion:reduce){.pulse-bars i{animation:none}.dispatch-flight{display:none}}.run-label{left:50%;top:104px;transform:translate(-50%);display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:10px}#level-label{color:#dbd0ea}#jump-label{color:#9e92b4;font-variant-numeric:tabular-nums}#level-progress{width:76px;height:3px;background:#c6b7dd25;overflow:hidden}#level-progress i{display:block;height:100%;background:#baffea;transform-origin:left;transition:transform .3s}.move-queue{top:132px;width:min(620px,calc(100% - 44px));height:44px}.queue-track{min-height:40px}.controls-dock{position:absolute;bottom:34px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:52px;pointer-events:none}.touch-controls{display:grid!important;position:static;grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px 44px;gap:0}.turn-button{width:44px;height:44px;padding:7px;color:#b6a7ca;border-radius:12px;background:#c6b7dd08}.turn-button svg{width:30px;height:30px}.turn-button .partial-move path{stroke-dasharray:none}.turn-button .partial-move circle{display:none}#up{grid-column:2;grid-row:1}#left{grid-column:1;grid-row:2}#right{grid-column:3;grid-row:2}#down{grid-column:2;grid-row:3}.orb-send{position:relative;left:auto;top:auto;bottom:auto;transform:none;width:88px;height:88px;flex-shrink:0}.gesture-caption{bottom:16px;font-size:8px;letter-spacing:1.2px}.level-toast{position:absolute;top:182px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:2px;color:#c1ffe8;text-shadow:0 0 12px #7fffc8;pointer-events:none}.scroll-seam{position:absolute;border-top:1px solid #d0ab6745;height:20px;pointer-events:none}.scroll-seam span{position:absolute;right:0;top:5px;color:#b3a28a;font-size:8px;letter-spacing:1px}.scroll-seam.danger{border-color:#ff8c7899;box-shadow:0 -5px 18px #ed735d18}.scroll-seam.danger span{color:#ffb0a0}.capture-reward{position:fixed;transform:translate(-50%,-50%);color:#ffe2a9;text-shadow:0 1px 6px #221526;font:700 18px Space Grotesk,sans-serif;z-index:4;pointer-events:none;animation:reward .85s ease-out forwards}@keyframes reward{to{transform:translate(-50%,calc(-50% - 35px));opacity:0}}@media(max-width:700px){.run-label{top:101px;left:50%;right:auto;font-size:8px;gap:10px}.move-queue{top:120px;height:38px}.queue-track{min-height:34px}.controls-dock{bottom:26px;gap:54px}.gesture-caption{bottom:10px;font-size:7px}.level-toast{top:160px;font-size:8px}.orb-send{width:82px;height:82px}.center-card{top:14%}.intro{line-height:1.5;margin-bottom:18px}h1{margin:18px 0}.primary{padding:14px 22px}}@media(max-height:550px)and (orientation:landscape){.run-label{top:72px;left:31%;font-size:8px}.move-queue{top:110px;right:24px;width:34%;transform:none;left:auto}.controls-dock{left:77%;bottom:42px;gap:15px;transform:translate(-50%)}.touch-controls{grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px 44px}.turn-button{width:44px;height:44px}.orb-send{width:76px;height:76px}.gesture-caption{left:58%;bottom:20px;font-size:6px}.level-toast{left:31%;top:91px;font-size:8px}}.finish-label{position:absolute;display:flex;align-items:center;gap:9px;transform:translate(-50%,-100%);padding:6px 10px;background:#101527e8;border:1px solid #baffea55;border-radius:4px;box-shadow:0 3px 16px #08071755;white-space:nowrap;color:#d9fff0;font-size:9px;letter-spacing:1.8px;pointer-events:none}.finish-label strong{font-weight:600}.finish-distance{padding-left:9px;border-left:1px solid #baffea38;font-size:8px;color:#aca9c0;letter-spacing:1px}.finish-checker{width:12px;height:12px;display:block;background:conic-gradient(#c4ffe8 25%,transparent 0 50%,#c4ffe8 0 75%,transparent 0) 0 0/8px 8px;opacity:.85}.level-clear{position:absolute;inset:0;display:grid;place-items:center;z-index:5;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#100e2633,transparent 65%)}.level-clear-panel{position:relative;width:min(354px,calc(100vw - 48px));padding:27px 29px 22px;overflow:hidden;text-align:center;border:1px solid #baffea45;border-radius:20px;background:linear-gradient(145deg,#243d40f2,#1a2039f5 35%,#16132df5);box-shadow:0 24px 90px #04051180,0 0 55px #baffea09,inset 0 1px #e5fff01c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:wave-clear-in .45s cubic-bezier(.2,.8,.2,1) both}.level-clear-panel:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#baffea,transparent)}.level-clear-mark{position:relative;display:grid;place-items:center;width:54px;height:54px;margin:0 auto 18px;color:#caffea}.level-clear-mark span{position:absolute;inset:0;border:1px solid #bcffe85c;transform:rotate(45deg);border-radius:13px;background:#baffea0b;box-shadow:0 0 28px #baffea0d}.level-clear-mark svg{position:relative;width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px #baffea66)}.level-clear-kicker{font-size:9px;font-weight:500;letter-spacing:2.6px;color:#a5cfbf}.level-clear h2{font:800 clamp(28px,5vw,37px)/1.12 Syne,sans-serif;letter-spacing:-1.4px;color:#effff8;margin:10px 0 23px;text-shadow:0 0 24px #baffea18}.level-clear-next{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:17px;border-top:1px solid #c7dcdf25;text-align:left}.level-clear-next-number{font-size:9px;letter-spacing:1px;color:#b6b0ca}.level-clear-difficulty{padding:5px 8px;border:1px solid #baffea36;border-radius:4px;background:#baffea08;color:#c7ffea;font-size:9px;font-weight:500;letter-spacing:1.1px;text-transform:uppercase}.level-clear-name{color:#c0b9d2;text-align:left;margin:10px 0 23px;font-size:12px;line-height:1.4}.level-clear-footer{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#928ba9}.level-clear-footer>span:last-child{font-size:18px;color:#c0eedb;line-height:1}.level-clear-timer{position:absolute;bottom:0;left:0;right:0;height:3px;background:#baffea0d}.level-clear-timer i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#baffea,#a5c8ff);transform:scaleX(var(--clear-progress,0));transform-origin:left;box-shadow:0 0 14px #baffea55}.level-clear.tempo-up .level-clear-difficulty{color:#ffe4a6;border-color:#ffe4a64d;background:#ffe4a60a}.level-clear.tempo-up .level-clear-status{color:#dcc592}.level-clear.effects-paused .level-clear-panel{animation-play-state:paused}@keyframes wave-clear-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:700px){.finish-label{gap:7px;padding:5px 8px;font-size:8px;letter-spacing:1.4px}.finish-distance{font-size:7px;padding-left:7px}.finish-checker{width:10px;height:10px;background-size:7px 7px}.level-clear-panel{width:min(320px,calc(100vw - 42px));padding:24px 25px 20px}.level-clear-mark{width:46px;height:46px;margin-bottom:16px}.level-clear h2{font-size:32px;margin-bottom:20px}.level-clear-kicker{font-size:8px;letter-spacing:2px}}@media(max-height:550px)and (orientation:landscape){.level-clear{right:38%}.level-clear-panel{width:300px;padding:18px 24px}.level-clear-mark{width:34px;height:34px;margin-bottom:12px}.level-clear-mark svg{width:23px;height:23px}.level-clear h2{font-size:29px;margin:8px 0 14px}.level-clear-next{padding-top:12px}.level-clear-name{margin:8px 0 14px}}@media(prefers-reduced-motion:reduce){.level-clear-panel{animation:none}.level-clear{-webkit-backdrop-filter:none;backdrop-filter:none}}:root{--arcade:"Press Start 2P",monospace;--arcade-mint:#adffe4;--arcade-pink:#ff8dea}#ui{padding:23px 28px}.topbar{height:47px;align-items:flex-start}.brand{gap:8px}.brand-icon{width:28px;height:28px}.brand-name{font-family:var(--arcade);font-size:11px;letter-spacing:-.6px;line-height:28px;color:#baacda}.brand small{display:none}.stats{position:absolute;left:50%;top:22px;transform:translate(-50%);margin:0;gap:50px;text-align:center}.stat small{font-family:var(--arcade);font-size:8px;letter-spacing:1px;color:#90baac}.stat strong{font-family:var(--arcade);font-size:19px;line-height:1.4;letter-spacing:1px;margin-top:9px;color:var(--arcade-mint);text-shadow:0 0 12px #8effd849,0 2px #174d4c}.stat:last-child small{color:#c695c4}.stat:last-child strong{color:var(--arcade-pink);text-shadow:0 0 12px #ff75de35,0 2px #5a2356}.utility{margin-left:auto;gap:5px}.icon-button{width:34px;height:34px;border:0;background:#b5a3df09;border-radius:8px;color:#b5a7cd}.icon-button:hover{color:#d9fff1;background:#a8ffdf16}.run-label{top:86px;gap:12px;font-family:var(--arcade);font-size:8px;letter-spacing:0}.run-label #level-label{color:#e1d5f6}.run-label #jump-label{color:#9c8dae;font-family:Space Grotesk,sans-serif;font-size:9px;letter-spacing:1px}#level-progress{height:3px;width:52px}.move-queue{top:110px;width:min(620px,calc(100% - 28px));height:38px}.queue-track{min-height:34px}.move-icon{width:31px;height:31px}.center-card{left:0;right:0;top:20%;max-width:none;display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none}.center-card h1{font:400 clamp(24px,5vw,60px)/1.35 var(--arcade);letter-spacing:-2px;margin:0;color:#baffea;text-shadow:3px 3px #564281,0 0 35px #baffea3d}.center-card h1 span{display:inline;width:auto;white-space:normal;color:inherit;background:none}.start-prompt{font-family:var(--arcade);font-size:10px;line-height:1.8;letter-spacing:.4px;color:#ead5ff;margin:27px 0 0;text-shadow:0 0 16px #ce9bff55;animation:arcade-prompt 1.8s ease-in-out infinite}.start-mode .stats{opacity:.75}.start-mode .brand{visibility:hidden}.start-mode .board-labels{opacity:.45}.bottom-bar,.gesture-caption{display:none!important}.controls-dock{bottom:17px;gap:48px}.touch-controls{grid-template-columns:40px 40px 40px;grid-template-rows:40px 40px 40px}.turn-button{width:40px;height:40px;padding:6px;color:#b2a8c9;background:#bcabed0b;border-radius:7px}.turn-button:active,.turn-button.pressed{background:#baffea18;color:#cdffeb}.turn-button svg{width:28px;height:28px}.orb-send{width:90px;height:90px;--orb-power:0;isolation:isolate}.orb-art{filter:drop-shadow(0 0 calc(4px + var(--orb-power)*4px) #78ffdb70)}.orb-send:before,.orb-send:after{content:"";position:absolute;pointer-events:none;border-radius:50%;z-index:-1;transition:opacity .18s,box-shadow .18s,transform .18s}.orb-send:before{inset:13px;border:1px solid #c4ffec;opacity:calc(.06 + var(--orb-power)*.2);box-shadow:0 0 calc(8px + var(--orb-power)*8px) #7affda88,inset 0 0 calc(4px + var(--orb-power)*4px) #a9ffe666;transform:scale(calc(1 + var(--orb-power)*.035))}.orb-send:after{inset:5px;border:1px solid #b5bcff;opacity:calc(var(--orb-power)*.18);box-shadow:0 0 calc(var(--orb-power)*7px) #a895ff55;transform:rotate(-30deg) scaleY(.72) scale(calc(1 + var(--orb-power)*.055))}.orb-send.charged .orb-art{filter:brightness(calc(1 + var(--orb-power)*.14)) saturate(calc(1 + var(--orb-power)*.16)) drop-shadow(0 0 calc(7px + var(--orb-power)*4px) #7effdba6)}.orb-charge-count{position:absolute;right:1px;top:0;min-width:23px;height:23px;padding:0 5px;display:grid;place-items:center;background:#172f35;border:1px solid #adffe487;border-radius:5px;font:9px var(--arcade);color:#d9fff0;box-shadow:0 0 13px #baffea25}.orb-charge-count:empty{display:none}.orb-glyphs{width:57px}.orb-glyphs .move-icon{width:24px;height:24px}.combo-display{position:absolute;left:calc(50% + 165px);bottom:61px;text-align:left;pointer-events:none;animation:combo-pop .23s ease-out}.combo-display #combo-count{display:block;color:#ffb3ed;font:18px var(--arcade);text-shadow:0 0 20px #ff80d955,2px 2px #4d2352}.combo-display #combo-caption{display:block;color:#b88fac;font:7px var(--arcade);line-height:1.7;letter-spacing:1px;margin-top:10px}.combo-flash{position:absolute;left:50%;top:155px;transform:translate(-50%);font:12px var(--arcade);color:#ffc9f0;text-shadow:0 0 20px #fa7fdc88;text-align:center;line-height:1.6;white-space:nowrap;pointer-events:none;animation:combo-pop .25s ease-out}.level-clear-panel{width:min(340px,calc(100vw - 40px));padding:29px 25px 24px;background:linear-gradient(145deg,#153731e8,#17122deb 70%);border-radius:9px;border-color:#baffea50;box-shadow:0 18px 80px #04051180,0 0 55px #baffea13}.level-clear-mark{display:none}.level-clear-kicker{font:9px var(--arcade);letter-spacing:1px;color:#b6dccd}.level-clear h2{font:36px/1.3 var(--arcade);letter-spacing:-2px;margin:22px 0 25px;color:#cbffeb;text-shadow:3px 3px #386367,0 0 24px #baffea55}.level-clear-next-number{font:8px var(--arcade);letter-spacing:0}.level-clear-difficulty{font:8px var(--arcade);letter-spacing:0;border-radius:3px;padding:7px 8px}.level-clear-name,.level-clear-footer{display:none}.level-clear-next{padding-top:20px}.level-clear-timer{height:3px}@keyframes arcade-prompt{0%,to{opacity:1}50%{opacity:.4}}@keyframes combo-pop{0%{opacity:.4;scale:.8}to{opacity:1;scale:1}}@media(max-width:700px){#ui{padding:12px}.topbar{height:37px;display:flex}.brand{display:none}.stats{top:13px;left:12px;transform:none;gap:24px;text-align:left}.stat{display:block}.stat small{display:block;font-size:7px;letter-spacing:.5px}.stat strong{font-size:14px;letter-spacing:.4px;margin-top:7px;line-height:1.3}.utility{gap:2px}.icon-button{width:29px;height:29px;font-size:13px;background:none}.run-label{top:65px;font-size:7px;gap:10px}.run-label #jump-label{font-size:8px}.move-queue{top:83px;width:calc(100% - 22px);height:31px}.queue-track{min-height:29px;gap:11px}.move-icon{width:27px;height:27px}.group-divider{height:16px}.board-labels span{font-size:8px;color:#a89aba}.center-card{top:18%;left:0;right:0;max-width:none}.center-card h1{font-size:clamp(19px,6.2vw,39px);letter-spacing:-1px;line-height:1.5;text-shadow:2px 2px #564281,0 0 25px #baffea44}.start-prompt{font-size:8px;letter-spacing:0;margin-top:20px}.controls-dock{bottom:max(11px,env(safe-area-inset-bottom));gap:42px;left:50%}.touch-controls{grid-template-columns:37px 37px 37px;grid-template-rows:37px 37px 37px}.turn-button{width:37px;height:37px;padding:6px}.turn-button svg{width:25px;height:25px}.orb-send{width:85px;height:85px}.orb-charge-count{font-size:8px;right:0;top:1px;min-width:21px;height:21px}.combo-display{left:calc(50% + 118px);bottom:52px}.combo-display #combo-count{font-size:12px}.combo-display #combo-caption{font-size:5px;letter-spacing:.3px;margin-top:7px}.combo-flash{top:122px;font-size:9px}.level-clear-panel{width:min(310px,calc(100vw - 44px));padding:25px 22px 23px}.level-clear h2{font-size:31px;margin:19px 0 23px}.level-clear-kicker{font-size:8px}.level-clear-next-number,.level-clear-difficulty{font-size:7px}.level-clear-next{padding-top:18px}}@media(max-width:370px){.controls-dock{gap:28px;left:46%}.combo-display{left:calc(50% + 109px)}.stats{gap:18px}.stat strong{font-size:12px}}@media(max-height:550px)and (orientation:landscape){#ui{padding:12px 18px}.topbar{height:38px}.brand{display:none}.stats{left:18px;top:12px;transform:none;text-align:left;gap:25px}.stat small{font-size:6px}.stat strong{font-size:12px;margin-top:6px}.icon-button{height:28px;width:28px}.run-label{top:61px;left:31%;font-size:7px}.move-queue{top:74px;left:auto;right:16px;width:35%;height:32px}.controls-dock{left:78%;bottom:24px;gap:20px}.touch-controls{grid-template-columns:37px 37px 37px;grid-template-rows:37px 37px 37px}.turn-button{width:37px;height:37px;padding:6px}.turn-button svg{width:25px;height:25px}.orb-send{width:80px;height:80px}.combo-display{left:78%;bottom:151px;transform:translate(-50%);text-align:center}.combo-display #combo-count{font-size:13px}.combo-display #combo-caption{font-size:6px;margin-top:6px}.combo-flash{left:31%;top:82px;font-size:8px}.center-card{top:17%;left:5%;right:auto;width:47%}.center-card h1{font-size:23px;letter-spacing:-1px}.start-prompt{font-size:7px;margin-top:16px}.level-clear-panel{width:282px;padding:21px}.level-clear h2{font-size:28px;margin:16px 0 18px}.level-clear-next{padding-top:14px}}@media(prefers-reduced-motion:reduce){.start-prompt,.combo-display,.combo-flash{animation:none}.orb-send:before,.orb-send:after{transition:none}}.orb-charge-pips{position:absolute;bottom:1px;left:50%;transform:translate(-50%);display:flex;gap:4px;pointer-events:none}.orb-charge-pips i{width:9px;height:3px;background:#a9ffe320;border-radius:1px;transition:background .2s,box-shadow .2s}.orb-send[data-charge="1"] .orb-charge-pips i:nth-child(-n+1),.orb-send[data-charge="2"] .orb-charge-pips i:nth-child(-n+2),.orb-send[data-charge="3"] .orb-charge-pips i:nth-child(-n+3),.orb-send[data-charge="4"] .orb-charge-pips i{background:#cbffeb;box-shadow:0 0 7px #8bffd9}.orb-send[data-charge="0"] .orb-charge-pips{opacity:0}.dialog{border-radius:10px;border-color:#baffea40;background:linear-gradient(145deg,#1d3040f7,#170f2cf7);padding:32px}.dialog h2{font:clamp(18px,4.5vw,27px)/1.5 var(--arcade);letter-spacing:-1px;color:#cbffeb;text-shadow:2px 2px #325a62,0 0 22px #baffea30;margin:10px 0 20px}.dialog .primary{border-radius:5px;font:10px/1.5 var(--arcade);padding:17px 19px;background:#baffea;box-shadow:0 0 27px #baffea20}.dialog .secondary{font:8px/1.7 var(--arcade);margin-top:8px}.dialog-stats{gap:30px}.dialog-stats strong{font:18px/1.8 var(--arcade)}.dialog-stats small{font:7px/1.5 var(--arcade);color:#a99cbc}@media(min-width:701px)and (min-height:551px){.center-card{top:clamp(100px,14vh,145px)}.center-card h1{font-size:clamp(28px,4vw,50px)}.start-prompt{margin-top:20px}}body{background:#080b1c;min-height:100dvh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,#060b19e6,#090c235c 22%,#080c2040 57%,#060d1bbe 87%,#050b18ee),linear-gradient(90deg,#11132c42,#080d2166 48%,#12112b42),url(../cosmic-sky.png) center/cover no-repeat}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 13% 75%,#72ffd311,transparent 42%),radial-gradient(ellipse at 89% 23%,#f092ef0d,transparent 36%)}#app{z-index:1}.stats,.run-label,.utility{filter:drop-shadow(0 2px 5px #040816)}.turn-button{background:#92ebd807;color:#c6bedb;text-shadow:0 1px 5px #050a19}.turn-button:hover{background:#bbffe412;color:#ddfff3}.combo-display #combo-count{text-shadow:0 0 22px #ff80d977,2px 2px #301333}.combo-success{position:fixed;z-index:3;pointer-events:none;transform:translate(-50%,-100%) scale(var(--success-scale,1));text-align:center;white-space:nowrap;color:#d2ffed;text-shadow:0 2px 2px #091623,0 0 15px #76ffca88;will-change:transform,opacity}.combo-success strong{font:10px/1.7 var(--arcade);letter-spacing:.4px}.combo-success span{display:block;margin-top:4px;font:5px/1.6 var(--arcade);letter-spacing:1.5px;color:#e5d5ef}.combo-success.combo-finale strong{font-size:13px;color:#ffd2ef;text-shadow:0 2px 2px #281531,0 0 19px #ff83d9a0}.combo-energy{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;box-shadow:inset 0 0 100px 10px #70ffd523;background:radial-gradient(ellipse at 0% 75%,#73ffd319,transparent 30%),radial-gradient(ellipse at 100% 35%,#73ffd316,transparent 30%)}.combo-energy.combo-energy-pink{box-shadow:inset 0 0 100px 10px #ff82d427;background:radial-gradient(ellipse at 0% 65%,#7effd420,transparent 32%),radial-gradient(ellipse at 100% 35%,#ff8edc24,transparent 32%)}@media(max-width:700px){body:before{background-image:linear-gradient(180deg,#060b19f2,#090c237a 20%,#080c2063 55%,#060d1bdb 86%,#050b18f5),linear-gradient(90deg,#11132c6b,#080d2152 55%,#12112b6b),url(../cosmic-sky.png);background-position:center,center,18% center}.combo-success strong{font-size:8px}.combo-success.combo-finale strong{font-size:10px}.combo-success span{font-size:4px;letter-spacing:1px}.combo-energy{box-shadow:inset 0 0 55px 5px #70ffd51c}.combo-energy.combo-energy-pink{box-shadow:inset 0 0 55px 5px #ff82d422}}@media(prefers-reduced-motion:reduce){.combo-energy{display:none}.combo-success{will-change:auto}}.game-over-level{font-size:.62rem;color:var(--mint,#baffea);margin:0 0 1.5rem;line-height:1.8}.controls-dock{--direction-size:48px;position:absolute;left:28px;right:28px;bottom:max(14px,env(safe-area-inset-bottom));width:auto;transform:none;display:grid;grid-template-columns:1fr calc(var(--direction-size)*3) 40px 96px 1fr 48px;gap:0;align-items:center;z-index:3}.touch-controls{grid-column:2;grid-template-columns:repeat(3,var(--direction-size));grid-template-rows:repeat(3,var(--direction-size));filter:drop-shadow(0 4px 10px #060d2180)}.turn-button{width:var(--direction-size);height:var(--direction-size);padding:6px;border:1px solid #d5f2ff24;border-radius:12px;background:linear-gradient(150deg,#243349e8,#151e35e8);color:#e0e7f5;box-shadow:inset 0 1px #e4ffff0d,0 3px 10px #04091345;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .12s,box-shadow .12s,color .12s,transform .12s}.turn-button svg{width:100%;height:100%;stroke-width:2.4}.turn-button:active,.turn-button.pressed{color:#f1fff9;background:linear-gradient(145deg,#548a80ee,#235b55f5);border-color:#c1ffebe0;box-shadow:0 0 25px #8affc966,inset 0 0 14px #a8ffd133;filter:drop-shadow(0 0 6px #aaffd74d);transform:scale(1.06)}.controls-dock .orb-send{grid-column:4;width:96px;height:96px;left:auto;top:auto;bottom:auto;transform:none;filter:drop-shadow(0 4px 10px #050e21bb)}#undo{grid-column:6;justify-self:end;pointer-events:auto;width:48px;height:48px;padding:12px;display:grid;place-items:center;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #d5e8ff36;border-radius:50%;background:linear-gradient(150deg,#29334ced,#171e35ed);color:#dce0f2;box-shadow:0 4px 15px #060b2366,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .15s,background .12s}#undo svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#undo:active{background:#46547d;color:#fff}#undo:disabled{opacity:.35;cursor:default}.direction-feedback{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity .14s ease-out}.direction-feedback.active{opacity:1}.direction-feedback[data-direction=up]{background:linear-gradient(180deg,#9dffde38,transparent 125px);box-shadow:inset 0 3px #baffea9c}.direction-feedback[data-direction=down]{background:linear-gradient(0deg,#9dffde38,transparent 125px);box-shadow:inset 0 -3px #baffea9c}.direction-feedback[data-direction=left]{background:linear-gradient(90deg,#9dffde38,transparent 110px);box-shadow:inset 3px 0 #baffea9c}.direction-feedback[data-direction=right]{background:linear-gradient(270deg,#9dffde38,transparent 110px);box-shadow:inset -3px 0 #baffea9c}.modal-shade{z-index:10}@media(max-width:700px),(max-height:550px)and (orientation:landscape){.playing-mode:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#070c20da 0,#090e2259 104px,transparent 160px,transparent calc(100% - 190px),#080e2259 calc(100% - 85px),#070c20a6 100%)}.topbar{position:static;z-index:2}.stats,.run-label,.utility{text-shadow:0 2px 5px #02071f}.icon-button{background:#0c152c80;color:#e0d9ee}.move-queue{filter:drop-shadow(0 2px 4px #050a1c)}.controls-dock{--direction-size:56px;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));grid-template-columns:calc(var(--direction-size)*3) minmax(0,1fr) 92px 48px;column-gap:8px}.touch-controls{grid-column:1}.turn-button{padding:6px;border-radius:14px;background:linear-gradient(150deg,#26334deb,#141e36eb)}.controls-dock .orb-send{grid-column:3;width:92px;height:92px}#undo{grid-column:4;width:48px;height:48px;padding:12px}.combo-display{left:auto;right:18px;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 144px);transform:none;text-align:right}.scroll-seam{opacity:.65}.board-labels{opacity:.7}}@media(max-width:350px){.controls-dock{--direction-size:48px;left:12px;right:12px;grid-template-columns:calc(var(--direction-size)*3) minmax(0,1fr) 80px 44px;column-gap:6px}.turn-button{padding:6px;border-radius:12px}.controls-dock .orb-send{width:80px;height:80px}#undo{width:44px;height:44px;padding:11px}.combo-display{right:14px;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 127px)}}@media(max-height:550px)and (orientation:landscape){.controls-dock{--direction-size:48px;left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));grid-template-columns:144px minmax(0,1fr) 92px 48px;column-gap:15px}.turn-button{padding:6px;border-radius:12px}.combo-display{left:auto;right:28px;bottom:170px;transform:none;text-align:right}.playing-mode:before{background:linear-gradient(180deg,#080c21c7,transparent 95px,transparent 60%,#060d2159)}}@media(hover:hover){.turn-button:hover:not(.pressed):not(:active){background:linear-gradient(145deg,#364e65ed,#23364eed);color:#e9fff5}#undo:hover{background:#344560;color:#fff}}@media(prefers-reduced-motion:reduce){.direction-feedback,.turn-button{transition:none}.turn-button:active,.turn-button.pressed{transform:none}}@media(min-width:701px)and (min-height:551px){.stats:before{content:"";position:absolute;inset:-9px -15px -8px;z-index:-1;pointer-events:none;border:1px solid #c6ddff1c;border-radius:8px;background:#090f28d9;box-shadow:0 3px 14px #05091b40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}