@font-face{font-family:Arcade;src:url(../assets/press-start.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Oxanium;src:url(../assets/oxanium.ttf)format("truetype");font-weight:200 800;font-display:swap}:root{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;color:#f5f2ec;font-synthesis:none;font-variant-numeric:lining-nums tabular-nums;--paper:#f5f2ec;--muted:#a2b1a9;--orange:#e93a01;--line:#53665c;--panel:#192323;--pixel-shadow:4px 0 #071111, -4px 0 #071111, 0 4px #071111, 0 -4px #071111;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111718;font-family:Oxanium,sans-serif}*{box-sizing:border-box}b,strong{font-weight:400}body{margin:0;overflow:hidden}button,input,a{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:disabled{opacity:.38;cursor:default}button:focus-visible{outline-offset:5px;outline:3px solid #ffcd62}input:focus-visible{outline-offset:5px;outline:3px solid #ffcd62}a:focus-visible{outline-offset:5px;outline:3px solid #ffcd62}button:not(:disabled):active{translate:0 3px}a{color:var(--paper)}[hidden]{display:none!important}img,canvas{image-rendering:pixelated}#app,.shell{width:100%;height:100svh;position:relative;overflow:hidden}.shell{isolation:isolate}.ambient{z-index:-1;background:linear-gradient(90deg,#0c1419ee,#101b20a6 55%,#15171755),url(../assets/chamber.webp) 50%/cover;position:absolute;top:0;bottom:0;left:0;right:0}.shell:after{content:"";pointer-events:none;z-index:1;border:2px solid #56676244;outline:6px solid #070f10;position:absolute;top:8px;bottom:8px;left:8px;right:8px}#arena{z-index:0;opacity:0;position:absolute;top:0;bottom:0;left:0;right:0}.shell:has(#hud:not([hidden])) #arena{opacity:1}.shell:has(#hud:not([hidden])):after{display:none}#header{top:max(22px, env(safe-area-inset-top));left:max(5%, env(safe-area-inset-left));right:max(5%, env(safe-area-inset-right));z-index:4;justify-content:space-between;align-items:center;display:flex;position:absolute}.brand{padding:0;line-height:0}.official-logo{image-rendering:auto;width:168px;height:auto}.header-end{align-items:center;gap:28px;display:flex}.edition{color:#91a19a;align-items:center;gap:14px;font:9px/1.5 Arcade,monospace;display:flex}.edition i{background:#e93a01;width:8px;height:8px}.text-button{color:#c8d1c6;text-transform:uppercase;min-height:44px;padding:10px 6px;font-size:18px;font-weight:400}.text-button:hover{color:#ffcc68;text-shadow:2px 2px #000}.sound-button{letter-spacing:1px;font-size:15px}.home-copy{z-index:2;position:absolute;top:21%;left:8%}.eyebrow{letter-spacing:.2px;color:#b4c7b7;margin-bottom:24px;font:10px/1.8 Arcade,monospace}.live-dot{background:#e93a01;width:8px;height:8px;margin-right:10px;display:inline-block;box-shadow:3px 3px #75331c}h1{letter-spacing:-1px;color:#f5f2ec;text-shadow:4px 4px #172a2a,8px 8px #071113;margin:0;font:clamp(40px,6.2vw,92px)/1.13 Arcade,monospace}h1>span{color:#ff6133;text-shadow:4px 4px #872c18,8px 8px #071113;margin-top:6px;display:inline-block}.tagline{color:#d7dfcf;margin:27px 0 26px;font-size:clamp(19px,2vw,29px);line-height:1.22}.practice-warning{color:#ffcf66;background:#142021;border-left:3px solid #ffcf66;justify-content:space-between;align-items:center;gap:12px;margin:22px 0;padding:6px 10px;font-size:16px;display:flex}.practice-warning strong,.practice-warning small{display:block}.practice-warning small{color:#c8d1c6;margin-top:3px;font-size:14px}.practice-warning button{min-height:44px;font-size:14px;text-decoration:underline}.home-actions{align-items:center;gap:18px;display:flex}.primary,.secondary,.toggle,.control,.pause-button,.website-link{border:3px solid #445e55;border-radius:0;font-weight:400;box-shadow:0 4px #06110e,inset 0 2px #ffffff16,inset 0 -3px #0005}.primary{background:var(--orange);border-color:#ff8f49 #a3371b #a3371b #ff8f49;min-height:54px;padding:15px 22px;font:12px/1.4 Arcade,monospace}.primary:hover{background:#ff5620}.play{justify-content:center;align-items:center;gap:16px;min-width:190px;display:flex}.play-arrow{font-size:13px}.secondary{background:#1a2a29;min-height:54px;padding:13px 22px;font-size:19px}.secondary:hover{background:#2a4039;border-color:#91ac94}.home-meta{align-items:center;gap:32px;margin-top:31px;display:flex}.home-meta>span{color:#a3b2a4;letter-spacing:1px;flex-direction:column;gap:8px;font-size:13px;display:flex}.home-meta b{color:#ffcd62;font:17px Arcade,monospace}.home-meta .offline{flex-direction:row;align-items:center;gap:8px;padding-left:12px;font-size:11px}.offline i{background:#83e5b2;width:6px;height:6px}.home-art{z-index:1;width:40%;height:64%;position:absolute;top:18%;right:5%}.target-ring{aspect-ratio:1;border:3px solid #e93a0138;width:64%;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:8px 8px #0003}.ring-2{width:85%;box-shadow:none;border:2px dashed #a9c1ac22}.ring-1:before,.ring-1:after{content:"";background:#e93a0140;position:absolute}.ring-1:before{width:150%;height:2px;top:50%;left:-25%}.ring-1:after{width:2px;height:150%;top:-25%;left:50%}.hero-duo{z-index:2;-webkit-user-select:none;user-select:none;aspect-ratio:1;width:84%;padding:0;animation:2s steps(4,end) infinite ride;position:absolute;top:8%;left:0}.hero-bot{filter:drop-shadow(6px 8px #0006);width:85%;position:absolute;top:25%;left:5%}.hero-kiko{filter:drop-shadow(3px 4px #0005);width:62%;position:absolute;top:-8%;left:18%}.satellite{filter:drop-shadow(4px 6px #0007);width:29%;animation:2.5s steps(4,end) infinite ride;position:absolute}.satellite.fast{top:8%;right:0}.satellite.heal{animation-timing-function:ease-in-out;animation-delay:-1s;bottom:3%;right:0}.art-coordinate{color:#a3b59670;font:8px Arcade,monospace;position:absolute;top:0;left:20%}.art-caption{color:#a4b69e;gap:26px;font:8px/1.5 Arcade,monospace;display:flex;position:absolute;bottom:-3%;left:15%}.home-footer{bottom:max(23px, env(safe-area-inset-bottom));z-index:3;border-top:2px solid #52615a;justify-content:space-between;align-items:center;gap:20px;padding-top:12px;display:flex;position:absolute;left:5%;right:5%}.home-footer nav{gap:20px;display:flex}.home-footer .text-button:before{content:"›";color:#ff6a37;margin-right:7px}.keyboard-hint{color:#95a993;align-items:center;gap:8px;font-size:13px;display:flex}kbd{color:#ccd7c8;background:#263330;border:2px solid #62766a;padding:5px;font:11px Arcade,monospace;display:inline-block;box-shadow:0 2px #071410}.version{color:#8ba58e;min-height:42px;padding:12px;font:8px Arcade,monospace}.quiet .ambient{filter:brightness(.55)}#hud{top:max(15px, env(safe-area-inset-top));left:max(4%, env(safe-area-inset-left));right:max(4%, env(safe-area-inset-right));z-index:6;pointer-events:none;align-items:center;gap:5%;display:flex;position:absolute}#hud button{pointer-events:auto}#hud small{color:#b1c5b6;font:8px Arcade,monospace}.hud-score,.hud-time{flex-direction:column;gap:9px;min-width:80px;display:flex}.hud-score strong,.hud-time strong{color:#f9f2ce;text-shadow:2px 2px #000;font:20px Arcade,monospace}.energy{width:36%;margin:auto}.energy>div:first-child{align-items:center;gap:12px;margin-bottom:7px;font-size:15px;display:flex}.energy-track{background:#111b18;border:2px solid #789781;height:12px;box-shadow:2px 2px #050d0b}#energy-fill{background:repeating-linear-gradient(90deg,#a7dd9e 0 10px,#537a4e 10px 12px);height:100%}#energy-fill.low{background:#f45227}#energy-fill.super{background:#b996ff}#overdrive{color:#c6a8ff;margin-left:auto;font-size:12px}.pause-button{background:#21312d;width:46px;height:44px;font-size:22px}.hud-time{margin-left:auto}#combo{color:#ffcd62;text-shadow:2px 2px #000;font:8px Arcade,monospace;position:absolute;top:62px;left:0}#controls{bottom:max(8svh, env(safe-area-inset-bottom));left:max(4%, env(safe-area-inset-left));right:max(4%, env(safe-area-inset-right));z-index:6;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute}#controls button{pointer-events:auto;-webkit-user-select:none;user-select:none}.movement{flex-direction:column;gap:9px;display:flex}.control{background:#182a27;justify-content:center;align-items:center;gap:12px;min-width:112px;height:clamp(68px,9svh,84px);padding:8px 18px;display:flex}.control>span{font-size:28px}.control small{font:9px Arcade,monospace}.control kbd{margin-left:8px;font-size:8px}.control.fire{background:#de430f;border-color:#ff9d5b #9c3a23 #9c3a23 #ff9d5b;min-width:150px;margin-left:auto}.control:hover:not(:disabled){filter:brightness(1.2)}.control .cross-icon{font-size:30px}#overlay{padding:max(28px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));z-index:10;background:#07100de8;justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}#overlay.visible{display:flex}.panel{--panel-padding-y:32px;--panel-padding-x:32px;background:var(--panel);width:470px;max-width:100%;max-height:100%;padding:var(--panel-padding-y) var(--panel-padding-x);box-shadow:var(--pixel-shadow), 10px 12px #0008;scrollbar-color:#72987a #182422;border:4px solid #8aa78d;border-color:#c0d1ac #8aa78d #3e6554;overflow:auto}.panel.wide{width:920px}.panel-header{top:calc(-1 * var(--panel-padding-y));z-index:3;margin:calc(-1 * var(--panel-padding-y)) calc(-1 * var(--panel-padding-x)) 20px;padding:8px 12px 8px var(--panel-padding-x);background:var(--panel);border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky}.panel-header .back-button{min-height:44px;padding:0}.panel-close{color:#f9efcf;background:#14201c;border:2px solid #72987a;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.panel-close:hover{color:#ffce64;border-color:#ffce64}.panel .eyebrow{margin:10px 0 12px;font-size:9px}.panel h2{color:#f9efcf;text-shadow:3px 3px #080f0e;margin:10px 0 22px;font:21px/1.5 Arcade,monospace}.panel-header .panel-heading{min-width:0}.panel-header .panel-heading h2{margin:0;font-size:18px;line-height:1.3}.panel-header .panel-heading .eyebrow{letter-spacing:.04em;margin:4px 0 0;font-size:8px;line-height:1.5}.compact-panel>.stack{margin-top:0}.panel p{color:#c2d1c4;font-size:19px;line-height:1.35}.stack{flex-direction:column;gap:13px;margin-top:24px;display:flex}.back-button{color:#bcd2b7;min-height:40px;padding:0 0 14px;font:10px Arcade,monospace}.back-button:hover{color:#ffce64}.result-score{color:#ffcf66;text-shadow:4px 4px #704324;margin:26px 0;font:48px/1.2 Arcade,monospace}.result-score small{text-shadow:none;color:#acbd9f;margin-top:12px;font:9px Arcade,monospace;display:block}.result-stats{border-top:2px solid var(--line);border-bottom:2px solid var(--line);justify-content:space-between;gap:14px;padding:18px 0;display:flex}.result-stats span{color:#aec4b3;flex-direction:column;gap:9px;font-size:13px;display:flex}.result-stats b{color:#e8edcf;font:14px Arcade,monospace}.result-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.result-summary{justify-content:space-between;align-items:center;gap:16px;display:flex}.result-award{color:#b3c8c0;align-items:center;gap:8px;max-width:55%;font-size:12px;display:flex}.result-award img{flex:none}.result-award strong{color:#ffcf66;margin-top:4px;display:block}.share-options .share-error{color:#ffcf66;font-size:14px}.loading-status{color:#ffcf66;margin:10px 0;font-size:16px}.loading-status button{margin-left:10px;text-decoration:underline}.home-art.is-flying{pointer-events:none;z-index:5}.satellite.heal{aspect-ratio:1;z-index:2}.satellite-bot{z-index:1;pointer-events:none;width:100%;display:block;position:relative}.home-trasto-window{z-index:0;pointer-events:none;width:76%;height:57%;position:absolute;top:-28%;left:12%;overflow:hidden}.home-trasto-window[hidden]{display:none}.shell[data-season=halloween] .home-trasto-window{height:68%;top:-39%}.home-trasto-sprite{aspect-ratio:1;width:100%;image-rendering:pixelated;clip-path:inset(0 0 28%);pointer-events:none;background:url(../assets/trasto/home-prank.png) 0 0/400% 300% no-repeat;display:block;transform:translateY(80%)}.share-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;display:grid}.share-preview{image-rendering:auto;width:100%;height:auto;display:block}.share-options{min-width:0}.download-feedback:not([hidden]){color:var(--paper);background:#18312e;border:2px solid #86d3b0;gap:6px;margin-bottom:16px;padding:12px;font-size:15px;line-height:1.35;display:grid}.share-options:not([data-download=idle]) .share-callout,.share-options:not([data-download=idle])>.fine{display:none}.download-feedback[data-state=failed]{background:#312a18;border-color:#ffcf66}.download-feedback[data-state=failed] strong{color:#ffcf66}.download-feedback strong{color:#aff2cb}.download-feedback small{color:#b3c8c0;overflow-wrap:anywhere}.share-options>.primary{width:100%;margin-top:12px}.share-options:not([data-download=idle]) .stack{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.share-options:not([data-download=idle]) .stack>button:only-child{grid-column:1/-1}.share-options .share-callout{color:var(--paper);margin:0}.share-callout strong{color:#ffcf66;white-space:nowrap}.share-options .stack{margin-top:18px}.share-options .text-button{min-height:44px}.share-loading{padding:36px 0}@media (max-height:480px) and (orientation:landscape){.share-layout{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:20px}.share-options .share-callout{font-size:17px}.share-options .fine{margin:10px 0 0;font-size:13px}.share-options .stack{margin-top:12px}}@media (orientation:portrait) and (max-width:600px){.share-layout{grid-template-columns:minmax(0,1fr);gap:18px}.share-options .stack{margin-top:12px}}.records>div{border-bottom:2px solid var(--line);grid-template-columns:40px 1fr 100px 60px;align-items:center;gap:12px;padding:17px 0;font-size:18px;display:grid}.records strong{color:#ffce66;font:20px Arcade,monospace}.rank{color:#ff744f}.hub-recent{margin-top:28px}.hub-recent .records>div{grid-template-columns:minmax(4ch,1fr) minmax(0,2fr) max-content}.hub-recent .record>span{overflow-wrap:anywhere}.panel .fine{color:#9bb5a5;margin-top:20px;font-size:15px;line-height:1.4}.empty{padding:20px 0}.achievements{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.achievement{text-align:center;background:#101b19;border:2px solid #3c5046;flex-direction:column;align-items:center;gap:9px;min-width:0;padding:14px 8px 18px;display:flex}.achievement.done{background:#262920;border-color:#ae8a40;box-shadow:inset 0 3px #dfb04c33}.medal{width:88px;height:103px;position:relative}.medal img{filter:grayscale()brightness(.62);width:88px;height:auto}.achievement.done .medal img{filter:none}.medal-lock,.medal-check{color:#a8bfaa;background:#182921;border:2px solid #6b8770;padding:6px;font:10px Arcade,monospace;position:absolute;bottom:0;right:-1px}.medal-check{color:#f9cc60;background:#3b321d;border-color:#d2a248}.achievement strong{color:#d6e4d0;font-size:19px;font-weight:400;line-height:1.1}.achievement.done strong{color:#ffdc8b}.achievement p{color:#9fb5aa;margin:6px 0 0;font-size:15px;line-height:1.2}.settings>div,.settings>label{border-bottom:2px solid #405248;justify-content:space-between;align-items:center;gap:20px;min-height:57px;font-size:20px;display:flex}.settings input{accent-color:#e93a01;width:45%}.settings input[type=range]{-webkit-appearance:none;appearance:none;background:#405c4b;border:2px solid #6e8b71;height:8px}.settings input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ff7745;border:3px solid #f5ba7b;border-radius:0;width:18px;height:23px;box-shadow:2px 2px #000}.settings input::-moz-range-thumb{background:#ff7745;border:3px solid #f5ba7b;border-radius:0;width:12px;height:17px}.toggle{background:#2a3b31;min-width:105px;min-height:39px;padding:8px;font:9px Arcade,monospace}.panel h3{margin:25px 0 13px;font-size:21px}.block-guide{grid-template-columns:1fr 1fr;gap:16px 24px;display:grid}.block-guide>div{border-bottom:2px solid var(--line);align-items:center;gap:13px;padding:8px 0;display:flex}.block-guide img{width:80px;height:80px}.block-guide strong{font-size:22px}.block-guide p{margin:6px 0;font-size:17px}.credits-hero{background:#0e1919;border:2px solid #43594e;justify-content:center;align-items:center;gap:34px;padding:20px;display:flex}.credits-kiko{width:auto;height:160px}.credits-logo{image-rendering:auto;width:290px;max-width:100%}.website-link{background:#273c32;justify-content:space-between;align-items:center;gap:15px;margin-top:8px;padding:12px 15px;font-size:20px;text-decoration:none;display:flex}.website-link:hover{color:#ffce69;border-color:#ffce69}.credits-intro{font-size:21px!important}.credits-trasto{border:2px solid var(--line);background:#111e20;align-items:center;gap:18px;margin:20px 0;padding:10px 18px 10px 4px;display:flex}.credits-trasto>div{min-width:0}.credits-trasto strong{color:var(--cream);font:600 20px Oxanium,sans-serif}.credits-trasto p{margin:6px 0;font-size:17px}.credits-trasto small{color:#ffbe84;font:500 15px Oxanium,sans-serif}.trasto-stage{background:0 0;border:0;flex:0 0 184px;width:184px;height:136px;padding:0;position:relative;overflow:hidden}.trasto-stage:active{translate:none!important}.trasto-stage:disabled{opacity:1;cursor:default}.trasto-stage:focus-visible{outline-offset:-4px;outline:2px solid #ffbe84}.trasto-sprite{width:96px;height:96px;image-rendering:pixelated;pointer-events:none;background:url(../assets/trasto/mechanic.png) 0 0/384px 480px no-repeat;position:absolute;top:0;left:0;transform:translate(44px,-8px)}.trasto-wrench{width:24px;height:28px;image-rendering:pixelated;pointer-events:none;display:none;position:absolute;top:0;left:0}.trasto-bench{pointer-events:none;background:#455b54;border-top:3px solid #afc2bc;width:68px;height:10px;position:absolute;top:84px;left:50px;box-shadow:6px 10px 0 -3px #273c32,-6px 20px 0 -3px #273c32}.trasto-stage[data-animating=true] .trasto-bench{opacity:.2}@media (max-width:520px){.credits-trasto{text-align:center;flex-direction:column;gap:2px;padding:8px 14px 18px}.trasto-stage{flex-basis:136px}}.credit-lines{margin-top:20px}.credit-lines>div{border-top:2px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}.credit-lines span{color:#a0b8a0;font:8px/1.7 Arcade,monospace}.credit-lines strong{font-size:17px;font-weight:400}.creator-note{background:#34271e;border:2px solid #a16b3c;margin-top:24px;padding:20px;box-shadow:4px 4px #070f10}.creator-note .eyebrow{color:#ffce69;margin-bottom:12px}.creator-note p{margin:0 0 16px}.creator-note a{color:#fff0d2;text-underline-offset:4px;background:#573521;border:2px solid #c7864b;align-items:center;gap:12px;min-height:48px;padding:10px 14px;display:inline-flex}.creator-note a:hover{color:#ffce69;background:#634027}#tutorial{z-index:7;pointer-events:none;width:30%;position:absolute;top:21%;right:4%}.tutorial-box{background:#12201ff5;border:3px solid #b68e40;padding:17px;box-shadow:4px 4px #050b09}.tutorial-box>span{color:#ffce68;font:8px/1.8 Arcade,monospace}.tutorial-box p{margin:13px 0;font-size:19px;line-height:1.25}.tutorial-box button{pointer-events:auto;min-height:40px;font-size:17px}.tutorial-box .primary{width:100%;padding:12px;font-size:9px}.tutorial-box .text-button{color:#c8d7bd;padding:5px 0}#toast{color:#15231a;z-index:30;opacity:0;pointer-events:none;background:#eaeed3;border:3px solid #8baf87;align-items:center;gap:12px;max-width:90%;padding:12px 20px;font-size:19px;display:flex;position:absolute;bottom:20%;left:50%;translate:-50%;box-shadow:4px 4px #0008}#toast img{width:44px;height:auto}#toast.show{opacity:1}#rotate{z-index:40;text-align:center;background:#101b19;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:none;position:absolute;top:0;bottom:0;left:0;right:0}#rotate.show{display:flex}.rotate-symbol{color:#ff6e37;margin-bottom:20px;font-size:80px}#rotate strong{font:20px/1.5 Arcade,monospace}#rotate p{color:#b4c5b1;font-size:22px;line-height:1.4}@keyframes ride{0%,to{translate:0 -4px}50%{translate:0 4px}}.reduced *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (max-width:1100px){.edition,.keyboard-hint,.home-meta .offline{display:none}.home-footer nav{gap:17px}.home-copy .eyebrow{font-size:8px}.home-art{right:3%}.panel.wide{width:840px}}@media (max-height:700px){.home-copy{top:20%}h1{font-size:clamp(36px,6.3vw,68px)}.eyebrow{margin-bottom:18px}.tagline{margin:21px 0;font-size:22px}.home-meta{margin-top:25px}.panel{--panel-padding-y:24px;--panel-padding-x:24px}.panel h2{margin-bottom:18px;font-size:18px}.achievement{padding:10px 7px}.medal{width:72px;height:84px}.medal img{width:72px}.achievement strong{font-size:17px}.achievement p{font-size:14px}.credits-kiko{height:120px}.credits-hero{padding:12px}.panel .fine{margin-top:15px}.credit-lines{margin-top:16px}}@media (max-height:480px){#header{top:max(10px, env(safe-area-inset-top));left:5%;right:5%}.official-logo{width:128px}.header-end{gap:20px}.header-end .text-button{min-height:36px;font-size:14px}.sound-button{font-size:13px!important}.home-copy{top:21%;left:7%}.home-copy .eyebrow{display:none}h1{text-shadow:3px 3px #172a2a,5px 5px #071113;font-size:clamp(28px,5.8vw,45px);line-height:1.14}h1>span{text-shadow:3px 3px #872c18,5px 5px #071113;margin-top:5px}.tagline{margin:17px 0 15px;font-size:18px;line-height:1.15}.home-actions{gap:12px}.home-actions .primary,.home-actions .secondary{min-height:42px;padding:10px 13px}.home-actions .primary{font-size:10px}.home-actions .secondary{font-size:16px}.play{gap:10px;min-width:140px}.home-meta{gap:26px;margin-top:17px}.home-meta b{font-size:11px}.home-meta>span{gap:5px;font-size:10px}.home-footer{bottom:max(10px, env(safe-area-inset-bottom));padding-top:4px}.home-footer .text-button{min-height:32px;padding:4px;font-size:14px}.home-footer nav{gap:15px}.version{min-height:32px;padding:8px;font-size:7px}.home-art{width:38%;height:65%;top:16%;right:5%}.art-coordinate{font-size:6px}.art-caption{gap:15px;font-size:6px}.hero-duo{width:77%;top:4%;left:1%}.satellite{width:27%}.home-art .satellite.fast{top:2%;right:0}.home-art .satellite.heal{bottom:5%;right:0}#overlay{padding:18px max(28px, env(safe-area-inset-right)) 18px max(28px, env(safe-area-inset-left))}.panel{--panel-padding-y:16px;--panel-padding-x:22px}.panel.wide{width:740px}.panel h2{margin:5px 0 14px;font-size:16px}.panel .eyebrow{margin:7px 0 9px;font-size:7px}.panel p{font-size:17px}.back-button{min-height:30px;padding:0 0 10px;font-size:8px}.stack{gap:10px;margin-top:17px}.stack .primary{min-height:41px;padding:11px;font-size:10px}.stack .secondary{min-height:39px;padding:9px;font-size:17px}.result-score{margin:15px 0;font-size:34px}.compact-panel .panel-header{margin-bottom:12px}.panel-header .panel-heading h2{font-size:16px}.panel-header .panel-heading .eyebrow{font-size:7px}.compact-panel .result-score{margin:12px 0}.compact-panel .result-score small{margin-top:4px}.compact-panel .result-stats{padding:8px 0}.compact-panel .result-stats+.stack{margin-top:12px}.result-score small{font-size:7px}.result-stats{padding:12px 0}.result-stats b,.result-stats span{font-size:11px}.achievements{gap:9px}.achievement strong{font-size:16px}.achievement p{font-size:13px}.medal,.medal img{width:58px}.medal{height:68px}.medal-lock,.medal-check{padding:4px;font-size:7px}.settings>div,.settings>label{min-height:45px;font-size:18px}.toggle{min-height:34px;font-size:8px}.panel .fine{font-size:14px}.block-guide{gap:8px 16px}.block-guide img{width:58px;height:58px}.block-guide strong{font-size:18px}.block-guide p{font-size:15px}.credits-hero{gap:20px}.credits-kiko{height:110px}.credits-logo{width:230px}.website-link{padding:8px 12px;font-size:18px}.credits-intro{font-size:18px!important}.credit-lines span{font-size:7px}.credit-lines strong{font-size:16px}#hud{top:max(8px, env(safe-area-inset-top));gap:4%}#hud small{font-size:6px}.hud-score,.hud-time{gap:6px;min-width:60px}.hud-score strong,.hud-time strong{font-size:13px}.energy>div:first-child{gap:8px;margin-bottom:5px;font-size:12px}.energy-track{height:8px}#overdrive{font-size:10px}.pause-button{width:40px;height:36px;font-size:19px}#combo{font-size:6px;top:43px}#controls{bottom:max(8svh, env(safe-area-inset-bottom));gap:8px}#tutorial{width:31%;top:18%;right:3%}.tutorial-box{padding:11px}.tutorial-box>span{font-size:6px}.tutorial-box p{margin:8px 0;font-size:16px}.tutorial-box button{min-height:31px;font-size:13px}.tutorial-box .primary{font-size:7px}#toast{padding:8px 12px;font-size:15px}}@media (max-height:480px),(pointer:coarse){.control{gap:8px;min-width:116px;height:72px;padding:8px 14px}.control small{font-size:8px}.control>span{font-size:28px}.control kbd{display:none}.control.fire{min-width:146px}.movement{gap:8px}}@media (max-width:650px){.achievements{grid-template-columns:repeat(2,1fr)}.home-footer nav{gap:8px}.home-footer .text-button{font-size:12px}.official-logo{width:126px}.home-meta,.edition{display:none}.home-art{right:1%}.home-actions{align-items:stretch}.play{min-width:120px}.control small{display:none}.control.fire{min-width:112px}.energy{width:33%}.header-end{gap:10px}.credits-hero{gap:12px}.credits-kiko{height:110px}.credits-logo{width:200px}.website-link{font-size:16px}.panel h2{font-size:15px}.credit-lines{word-break:normal}.credit-lines>div{gap:12px}.block-guide{grid-template-columns:1fr}.settings>div,.settings>label{font-size:17px}}@media (orientation:portrait) and (max-width:899px){.home-copy{top:20%;left:8%}h1{font-size:clamp(34px,9vw,68px)}.home-art{opacity:.8;width:56%;height:35%;top:51%;right:-2%}.home-copy .eyebrow{font-size:6px}.tagline{font-size:22px}.home-actions{gap:10px}.primary.play{min-width:145px}.home-footer{flex-wrap:wrap;gap:0}.home-footer nav{justify-content:space-between;gap:4px;width:100%}.home-footer .text-button{font-size:13px}.version{margin-left:auto}.header-end [data-act=sound]{display:none}.official-logo{width:130px}.panel{--panel-padding-y:20px;--panel-padding-x:20px}.achievements{grid-template-columns:repeat(2,1fr)}.credits-hero{gap:10px}.credits-kiko{height:100px}.website-link{padding:7px;font-size:14px}.credits-logo{width:180px}.credit-lines>div{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-height:430px){.home-meta{display:none}}#tutorial{right:max(4%, env(safe-area-inset-right))}@media (orientation:portrait) and (max-width:899px){.home-art{opacity:1;width:min(53vw,38svh);height:38svh;top:45%;right:5%}}.install-link{color:#ffcc68}.install-hero{align-items:center;gap:20px;display:flex}.install-hero img{border:3px solid #607e63;flex:0 0 80px}.install-status{color:#a7e6b8;background:#122b23;margin:18px 0;padding:14px;font-size:18px}.install-steps{padding-left:24px;font-size:21px;line-height:1.4}.install-steps li{margin:13px 0}.install-update{border-top:2px solid var(--line);margin-top:24px}.native-stores{border-top:2px solid var(--line);margin-top:24px;padding-top:8px}.store-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.store-buttons a{color:#c8d1c6;text-align:left;touch-action:manipulation;background:#142021;border:2px solid #53665c;min-height:52px;padding:8px;text-decoration:none;display:block}.store-buttons a:hover{background:#1c2b2c;border-color:#ffcc68}.store-buttons a:focus-visible{background:#1c2b2c;border-color:#ffcc68}.store-buttons a:active{translate:0 3px}.store-buttons span{font-size:18px;font-weight:600;display:block}.store-buttons small{color:#a2b1a9;margin-top:3px;font-size:13px;display:block}.store-teaser{z-index:3;border:0;margin:0;padding:0;position:absolute;top:auto;bottom:-3%;left:0;right:0}.home-art:has(.store-teaser) .satellite.heal{bottom:25%}@media (max-height:480px),(max-width:650px){.store-teaser .store-buttons{gap:6px}.store-teaser .store-buttons a{min-height:44px;padding:5px}.store-teaser .store-buttons span{font-size:14px}.store-teaser .store-buttons small{font-size:11px}}@media (max-width:1400px){.shell:has(.install-link) .keyboard-hint{display:none}}.ambient{background-image:linear-gradient(90deg, #0c1419e8, #101b2066 55%, #15171722), var(--season-background)}.shell[data-season=halloween]{--orange:#a442d0;--line:#665070;--panel:#261b32}.shell[data-season=christmas]{--orange:#b9343f;--line:#557b74;--panel:#122e2b}.shell[data-season=halloween] :-webkit-any(.primary,.control.fire){background:#8738b0;border-color:#d3a0ed #4c2760 #4c2760 #d3a0ed}.shell[data-season=halloween] :is(.primary,.control.fire){background:#8738b0;border-color:#d3a0ed #4c2760 #4c2760 #d3a0ed}.shell[data-season=christmas] :-webkit-any(.primary,.control.fire){background:#b52b36;border-color:#f6b097 #681f2f #681f2f #f6b097}.shell[data-season=christmas] :is(.primary,.control.fire){background:#b52b36;border-color:#f6b097 #681f2f #681f2f #f6b097}.shell[data-season=halloween] h1>span{color:#ffa74a;text-shadow:4px 4px #553264,8px 8px #071113}.shell[data-season=christmas] h1>span{color:#ec6867;text-shadow:4px 4px #32624f,8px 8px #071113}.shell[data-season=halloween] :-webkit-any(.panel,.control,.secondary,.pause-button,.tutorial-box){border-color:#9b7bb0}.shell[data-season=halloween] :is(.panel,.control,.secondary,.pause-button,.tutorial-box){border-color:#9b7bb0}.shell[data-season=christmas] :-webkit-any(.panel,.control,.secondary,.pause-button,.tutorial-box){border-color:#91bfb5}.shell[data-season=christmas] :is(.panel,.control,.secondary,.pause-button,.tutorial-box){border-color:#91bfb5}.shell[data-season=halloween] :-webkit-any(.secondary,.control:not(.fire),.tutorial-box,.credits-hero,.achievement){background:#251e30}.shell[data-season=halloween] :is(.secondary,.control:not(.fire),.tutorial-box,.credits-hero,.achievement){background:#251e30}.shell[data-season=christmas] :-webkit-any(.secondary,.control:not(.fire),.tutorial-box,.credits-hero,.achievement){background:#173832}.shell[data-season=christmas] :is(.secondary,.control:not(.fire),.tutorial-box,.credits-hero,.achievement){background:#173832}.credits-name{text-align:inherit;min-height:44px;padding:0;font-size:17px;display:block}.credits-name:active{translate:none!important}.developer-entry{width:100%;margin-top:18px}.developer-settings{border-top:2px solid var(--line)}.developer-check{cursor:pointer;align-items:center;gap:18px;padding:20px 0;font-size:22px;display:flex}.developer-check input{width:28px;height:28px;accent-color:var(--orange);flex:0 0 28px}.developer-check small{color:#bccbbc;margin-top:7px;font-size:17px;line-height:1.3;display:block}.theme-select{border-block:2px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:15px 0;font-size:21px;display:flex}.theme-select select{font:inherit;color:var(--paper);background:var(--panel);border:2px solid #91ac94;max-width:60%;min-height:48px;padding:10px}.theme-select select:focus-visible{outline-offset:3px;outline:3px solid #ffcd62}.season-preview{align-items:center;gap:16px;padding-top:15px;display:flex}.season-preview img{object-fit:contain;width:80px;height:80px}.season-preview strong{color:#ffce68;font:12px/1.5 Arcade,monospace}.season-preview p{margin:6px 0;font-size:17px}.developer-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.practice-badge{color:#ffce68;background:#192323de;padding:4px 7px;font:7px/1.5 Arcade,monospace;position:absolute;top:64px;right:0}@media (max-height:480px){.practice-badge{font-size:6px;top:43px}}@media (max-width:650px){.theme-select{flex-direction:column;align-items:flex-start}.theme-select select{width:100%;max-width:100%}.developer-actions>button{width:100%}.season-preview{gap:8px}.season-preview img{width:56px;height:56px}}.theme-settings{margin:28px 0}.theme-select select:disabled{opacity:.55;cursor:not-allowed}.theme-help{color:#ffce68}.shell:-webkit-any([data-screen=playing],[data-screen=tutorial]){touch-action:none;-webkit-user-select:none;user-select:none}.shell:is([data-screen=playing],[data-screen=tutorial]){touch-action:none;-webkit-user-select:none;user-select:none}.entry-wall{z-index:2;pointer-events:none;background-color:#1b262a;background-image:linear-gradient(0deg,#071014 2px,#0000 2px),linear-gradient(90deg,#071014 2px,#0000 2px);background-size:64px 64px;width:max(0px,50vw - 88.8889svh);display:none;position:absolute;top:0;bottom:0;left:0;right:auto;overflow:hidden;box-shadow:inset -6px 0 #344341}.shell:has(#hud:not([hidden])) .entry-wall{display:block}.entry-wall span{writing-mode:vertical-rl;letter-spacing:4px;color:#728b81;opacity:.65;font:8px Arcade,monospace;position:absolute;top:24%;right:22px}.home-meta b,.hud-score strong,.hud-time strong,.result-score,.result-stats b,.records strong,.art-coordinate,.version,.rank,#combo{font-variant-numeric:lining-nums tabular-nums;letter-spacing:.02em;font-family:Oxanium,sans-serif;font-weight:600}.hud-score strong,.hud-time strong{font-size:26px}.home-meta b{font-size:22px}.art-coordinate,.version,#combo{font-size:13px}.control-settings{border-bottom:2px solid var(--line);padding-bottom:12px}.hero-duo:focus-visible{outline-offset:-12px}@media (max-height:480px){.hud-score strong,.hud-time strong{font-size:20px}#combo{font-size:11px;top:47px}.home-meta b{font-size:18px}}@media (max-height:350px){.home-copy{top:18%}.home-copy h1{font-size:clamp(24px,9svh,32px)}.tagline{margin:8px 0 10px;font-size:16px}.home-meta{display:none}.home-actions :-webkit-any(.primary,.secondary){min-height:44px}.home-actions :is(.primary,.secondary){min-height:44px}.control{height:64px}#controls{bottom:max(6svh, env(safe-area-inset-bottom))}}@media (max-height:480px){.practice-warning{gap:8px;margin:10px 0;padding:0 8px;font-size:14px}.practice-warning small{font-size:12px}.practice-warning button{font-size:13px}}@media (orientation:portrait) and (max-width:899px){.shell[data-screen=home] #menu{overscroll-behavior:contain;padding:16px 0 max(12px, env(safe-area-inset-bottom));flex-direction:column;gap:20px;display:flex;position:absolute;top:78px;bottom:0;left:6%;right:6%;overflow:hidden auto}.home-copy{flex:none;width:100%;position:relative;top:auto;left:auto}.home-copy .eyebrow{margin-bottom:16px}.home-copy h1{font-size:clamp(32px,9vw,58px)}.home-copy .tagline{margin:18px 0;font-size:22px}.home-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.home-actions :-webkit-any(.primary,.secondary){min-width:0;min-height:52px;padding:10px 6px}.home-actions :is(.primary,.secondary){min-width:0;min-height:52px;padding:10px 6px}.home-actions .primary{gap:8px;font-size:10px}.home-actions .secondary{font-size:16px}.home-footer{flex:none;width:100%;padding-top:8px;display:block;position:static}.home-footer nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.home-footer .text-button{overflow-wrap:anywhere;background:#142021;border:1px solid #53665c;min-height:44px;padding:6px 3px;font-size:13px}.home-footer .text-button:before{content:none}.home-footer .version{min-height:24px;padding:5px;display:block}.home-art{flex:none;width:100%;height:clamp(205px,30svh,290px);position:relative;top:auto;right:auto}.home-art .hero-duo{width:min(52%,200px);top:0;left:15%}.home-art .satellite{width:20%;right:5%}.home-art .art-coordinate{left:4%}.home-art .target-ring{width:54%;top:40%}.home-art .ring-2{width:68%}.store-teaser{bottom:0}}.hub-result{background:#171f20;border:2px solid #53665c;margin-top:18px;padding:18px}.hub-result p{margin:10px 0;font-size:15px;line-height:1.5}.hub-result strong{color:#ffb381}.hub-form{grid-template-columns:1fr;gap:14px;margin:18px 0;display:grid}.hub-form label{text-align:left;gap:6px;font-size:16px;display:grid}.hub-form input,.hub-form select{color:#f5f2ec;min-height:48px;font:inherit;box-sizing:border-box;background:#101617;border:2px solid #53665c;border-radius:0;width:100%;padding:10px}.hub-form input:focus,.hub-form select:focus{outline-offset:2px;outline:2px solid #ffb381}.hub-actions,.hub-tabs{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.hub-actions button{flex:180px}.hub-record-tabs{border-bottom:2px solid #53665c;grid-template-columns:1fr 1fr;padding-bottom:16px;display:grid}.hub-record-tabs button{min-width:0}.hub-ranking-content{min-height:145px}.hub-loader{text-align:center;place-content:center;min-height:145px;display:grid}.hub-loader p{margin:16px 0 0;font-size:16px}.hub-loader-blocks{justify-content:center;gap:16px;display:flex}.hub-loader-blocks img{image-rendering:pixelated;object-fit:contain;animation:.8s steps(4,end) infinite hub-loading}.hub-loader-blocks img:nth-child(2){animation-delay:.12s}.hub-loader-blocks img:nth-child(3){animation-delay:.24s}@keyframes hub-loading{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.quiet .hub-loader-blocks img{animation:none}@media (prefers-reduced-motion:reduce){.hub-loader-blocks img{animation:none}}.hub-notice{color:#ffb381;min-height:1em;font-size:15px;line-height:1.5}.hub-notice:empty{display:none}.hub-ranking{gap:8px;margin:18px 0;display:grid}.hub-rank-row{border-bottom:1px solid #53665c;grid-template-columns:2em 40px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 0;font-size:17px;display:grid}.hub-rank-row img{image-rendering:pixelated;object-fit:contain}.hub-rank-row span:nth-of-type(2){overflow-wrap:anywhere}.hub-rank-row strong{font-variant-numeric:tabular-nums}.hub-player-actions{flex-direction:column;align-items:stretch;gap:4px;display:flex}.hub-player-actions .text-button{justify-content:center;align-items:center;min-width:88px;min-height:44px;padding:6px 8px;font-size:13px;display:flex}.hub-player-actions a{color:inherit;text-decoration:underline}.hub-blocked-avatar{color:#aabbb0;border:2px solid #53665c;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;display:flex}.hub-blocked-list ul{margin:0;padding:0;list-style:none}.hub-blocked-list li{border-bottom:1px solid #53665c;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.hub-blocked-list small{color:#aabbb0;font-size:13px;display:block}.hub-blocked-list button{min-height:44px;padding:8px;font-size:13px}.hub-self{color:#aabbb0;text-align:center;font-size:13px}.panel details{border-top:1px solid #53665c;margin-top:24px;padding-top:16px}.panel summary{cursor:pointer;padding:12px 0}@media (max-width:520px){.hub-actions{flex-direction:column}.hub-actions button{flex:auto;width:100%}.hub-tabs button{flex:1;padding:10px 6px;font-size:13px}.hub-rank-row{grid-template-columns:1.5em 30px minmax(0,1fr) auto auto;gap:6px;font-size:14px}.hub-rank-row img{width:30px;height:30px}}@media (orientation:portrait) and (max-width:899px){#overlay{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.panel{--panel-padding-x:clamp(14px, 4vw, 24px);--panel-padding-y:20px;overscroll-behavior:contain;max-width:640px}.panel.wide{width:100%;height:100%}.panel h2,.panel>p{overflow-wrap:anywhere}.panel .toggle{flex-shrink:0;min-height:44px}.settings>div,.settings>label{gap:12px}.records>div{grid-template-columns:2ch minmax(0,1fr) max-content max-content;gap:8px;font-size:15px}.records strong{font-size:clamp(18px,5vw,24px)}.achievements{grid-template-columns:minmax(0,1fr);gap:10px}.achievement{text-align:left;flex-direction:row;gap:18px;padding:12px}.achievement .medal{flex:0 0 64px;width:64px;height:75px}.achievement .medal img{width:64px}.achievement p{font-size:16px;line-height:1.35}.block-guide{grid-template-columns:minmax(0,1fr)}.block-guide img{flex:0 0 64px;width:64px;height:64px}.block-guide>div>span{min-width:0}.credits-hero{padding:14px 10px}.credits-hero>div{min-width:0}.credits-kiko{flex:none}.credits-logo{width:220px}.website-link{overflow-wrap:anywhere;gap:6px}.hub-rank-row{grid-template-rows:auto auto;grid-template-columns:2ch 40px minmax(0,1fr) auto;gap:4px 10px;padding:12px 0;font-size:17px}.hub-rank-row>span:first-child{grid-area:1/1/3}.hub-rank-row img,.hub-blocked-avatar{grid-area:1/2/3;width:40px;height:40px}.hub-rank-row>span:nth-of-type(2){grid-area:1/3}.hub-rank-row strong{color:#ffce66;overflow-wrap:anywhere;grid-area:2/3;font-size:20px}.hub-player-actions,.hub-self{grid-area:1/4/3}}
