:root{color:#f2f4ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f2f4ff;--muted:#a0acc7;--purple:#b49aff;--paper:#0b101c;--line:#293149;background:#0b101c;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #c2ff6b}button{border:0}button:active{transform:translateY(1px)}[hidden]{display:none!important}p,h1,h2,h3{margin:0}svg{display:block}kbd{color:#dce4fc;white-space:nowrap;background:#20283b;border:1px solid #424b65;border-bottom-width:3px;border-radius:6px;place-items:center;min-width:25px;height:26px;padding:0 7px;font-family:inherit;font-size:12px;font-weight:800;display:inline-grid}.game-shell{isolation:isolate;width:100%;height:100dvh;position:relative;overflow:hidden}.canvas-host,.game-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.screen-layer,.modal-layer{z-index:3;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));overscroll-behavior:contain;background:#060a14b8;place-items:center;display:grid;position:absolute;inset:0;overflow:auto}.screen-layer--home{background:radial-gradient(ellipse at 78% 15%, #29203f 0, transparent 48%), var(--paper);padding:0;display:block}.screen-layer--playing{pointer-events:none;background:0 0;padding:0}.screen-layer--countdown{pointer-events:none;background:#31214b1c}.modal-layer{z-index:5;background:#060a14d9}.debug-overlay{z-index:10;color:#fff;pointer-events:none;background:#251a42e0;border-radius:8px;padding:10px;font-size:11px;position:absolute;top:35%;left:10px}.boot-error,noscript{text-align:center;place-content:center;gap:20px;min-height:100dvh;padding:25px;display:grid}.boot-error p{max-width:500px;line-height:1.6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.fps-badge{top:max(6px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));z-index:100;color:#c2ff6b;font-variant-numeric:tabular-nums;pointer-events:none;background:#0b101cee;border:1px solid #c2ff6b40;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:650;line-height:1;position:fixed}.home-screen{flex-direction:column;max-width:1424px;min-height:100%;margin:auto;padding:0 44px;display:flex}.home-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:84px;display:flex}.brand{letter-spacing:-1.1px;align-items:center;gap:9px;font-size:26px;font-weight:900;display:inline-flex}.brand-light{font-weight:500}.brand-dot{color:#c2ff6b}.brand-mark{background:var(--purple);color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;font-size:30px;display:grid;transform:rotate(-8deg)}.home-header nav{align-items:center;gap:22px;display:flex}.text-button{background:0 0;min-height:44px;padding:10px 5px;font-size:13px;font-weight:700;line-height:1.4}.text-button:hover{color:var(--purple)}.icon-button{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:23px;display:inline-grid}.icon-button:hover{background:#28334b}.home-hero{flex:1;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;min-height:305px;padding:24px 0 16px;display:grid}.eyebrow{letter-spacing:1.5px;color:#a9b4cf;font-size:10px;font-weight:800;line-height:1.5}.hero-copy>.eyebrow{color:#c2ff6b;align-items:center;gap:8px;display:flex}.live-dot{background:#c2ff6b;border-radius:50%;width:7px;height:7px}.hero-copy h1{letter-spacing:-2.8px;color:#f2f4ff;margin:17px 0;font-size:clamp(40px,4.25vw,65px);font-weight:900;line-height:1.04}.hero-copy h1>span{color:#c2ff6b}.hero-description{color:var(--muted);font-size:15px;line-height:1.65}.hero-footnote{color:#9eaac3;align-items:center;gap:13px;margin-top:16px;font-size:10px;line-height:1.6;display:flex}.hero-footnote strong{color:#d9e2f8;font-weight:600}.tiny-mascots{display:flex}.tiny-mascots svg{width:32px;margin-left:-7px}.tiny-mascots svg:first-child{margin-left:0}.hero-art{aspect-ratio:640/380;justify-self:end;width:100%;max-width:575px;position:relative}.circuit-art{z-index:1;width:100%;height:100%;position:relative}.arcade-orbit{border:1px solid #6e638b30;border-radius:50%;position:absolute;inset:1% 7%;transform:rotate(-20deg)}.arcade-orbit--inner{border-style:dashed;inset:11% 16%}.art-coordinate{letter-spacing:2px;color:#8996b4;font-size:9px;position:absolute;top:0;left:9%}.art-chip{z-index:2;letter-spacing:1px;background:#1b2438;border:1px solid #45506b;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:9px;display:flex;position:absolute;box-shadow:0 12px 24px #0003}.art-chip--speed{top:15%;right:0;transform:rotate(5deg)}.art-chip--speed b{color:#c2ff6b}.art-chip--focus{bottom:12%;left:0;transform:rotate(-5deg)}.art-chip--focus>span:first-child{color:#c2ff6b;font-size:35px}.art-chip--focus b{letter-spacing:-.5px;margin-top:4px;font-size:16px;display:block}.art-caption{color:#a1acca;letter-spacing:1.5px;font-size:8px;position:absolute;bottom:0;right:7%}.hero-meta{color:#aab5cd;gap:22px;margin-top:20px;font-size:11px;display:flex}.hero-meta b{color:#eaf0ff;font-variant-numeric:tabular-nums;margin-right:5px;font-size:18px}.circuit-token{animation:3s ease-in-out 2 circuit-float}.circuit-token--bo{animation-delay:-.7s}.circuit-token--kit{animation-delay:-1.4s}@keyframes circuit-float{50%{transform:translateY(-9px)}}.gear-label{color:#acb8d3;flex-wrap:wrap;gap:6px 10px;font-size:9px;display:flex}.gear-label b{color:#c2ff6b;letter-spacing:1px}.section-heading{justify-content:space-between;align-items:end;gap:15px;margin:6px 0 19px;display:flex}.section-heading h2{letter-spacing:-.6px;margin-top:5px;font-size:23px}.progression{color:#a0acc7;gap:12px;padding-bottom:4px;font-size:10px;display:flex}.progression span{color:#687797;font-size:20px}.mode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.mode-card{text-align:left;background:#151c2b;border:1px solid #30394f;border-radius:16px;padding:16px 17px 0;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;box-shadow:0 8px 20px #0002}.mode-card:hover{border-color:#b49aff;transform:translateY(-5px);box-shadow:0 10px 22px #60427a12}.mode-card.is-recommended{background:linear-gradient(155deg,#273425,#151c2b 60%);border:2px solid #a3cc69;padding:15px 16px 0;box-shadow:0 8px 20px #0002}.mode-top{justify-content:space-between;align-items:center;gap:4px;display:flex}.mode-number{color:#b8c3df;font-size:13px;font-weight:900}.mode-tag{letter-spacing:.6px;color:#b5c1da;font-size:7px;font-weight:900}.mode-card--1 .mode-tag{color:#c2ff6b}.mode-card--5 .mode-tag{color:#c6abff}.lane-layout{width:100%;max-width:143px;height:60px;margin:15px auto 13px}.mode-card h3{letter-spacing:-.5px;white-space:nowrap;font-size:17px}.mode-card>p{color:var(--muted);margin-top:7px;font-size:10px}.card-controls{align-items:center;gap:6px;min-height:28px;margin-top:14px;display:flex}.control-pair{gap:3px;display:flex}.control-divider{color:#7683a4;font-size:10px}.card-best{border-top:1px solid #30394f;align-items:center;gap:8px;min-height:58px;margin:15px -17px 0;padding:13px;font-size:10px;font-weight:700;display:flex}.is-recommended .card-best{margin-left:-16px;margin-right:-16px}.card-best small{color:#9faccc;letter-spacing:.6px;margin-top:4px;font-size:6px;display:block}.card-arrow{color:#c2ff6b;margin-left:auto;font-size:19px}.home-footer{color:#9ba7c3;justify-content:space-between;gap:15px;padding:24px 0 20px;font-size:9px;display:flex}.home-footer span>span:last-child{padding:0 7px}.privacy-dot{color:#c2ff6b;margin-right:6px}.button{border-radius:13px;justify-content:center;align-items:center;gap:16px;min-height:49px;padding:13px 22px;font-size:14px;font-weight:800;transition:background .16s,transform .16s;display:inline-flex}.button--primary{color:#14220b;background:#c2ff6b;box-shadow:0 4px #648b34}.button--primary:hover{background:#d4ff99;transform:translateY(-1px)}.button--secondary{color:#e2e8fc;background:#252e44;border:1px solid #3a455e}.button--secondary:hover{background:#313d56}.dialog{text-align:center;background:#141c2d;border:1px solid #3a455f;border-radius:28px;width:min(620px,100%);max-height:calc(100dvh - 40px);margin:auto;padding:36px;animation:.22s ease-out dialog-in;position:relative;overflow-y:auto;box-shadow:0 18px 70px #0006}.dialog h1{letter-spacing:-1px;margin:8px 0 12px;font-size:32px;line-height:1.1}.dialog p{line-height:1.6}.dialog-intro,.dialog>p:not(.eyebrow,.fine-print,.result-time){color:#aebad4;font-size:14px}.dialog-close{width:35px;height:35px;font-size:24px;position:absolute;top:16px;right:16px}.dialog-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0 8px;display:flex}.fine-print{color:#9facc9;margin-top:13px;font-size:10px;line-height:1.6}.instruction-runners{justify-content:space-evenly;gap:15px;margin:14px 0;display:flex}.instruction-runner{flex-direction:column;flex:1;align-items:center;gap:5px;min-width:0;font-size:13px;display:flex}.instruction-mascot{width:95px;height:118px}.instruction-mascot svg{width:100%;height:100%}.instruction-runner>span{color:#a4b3ce;font-size:11px}.instruction-runner>div:last-child{margin-top:8px}.instruction-runner small{color:#a4b3ce;margin-top:6px;font-size:9px;line-height:1.5;display:block}.touch-hint{max-width:460px;margin:15px auto;color:#a4b3ce!important;font-size:11px!important;line-height:1.5!important}.rule-callout{background:#322237;border:1px solid #674157;border-radius:10px;padding:10px 12px;color:#ffbbd0!important;font-size:12px!important}.rule-callout span{color:#fff;background:#af4873;border-radius:50%;place-items:center;width:17px;height:17px;margin-right:5px;font-weight:800;display:inline-grid}.instruction-dialog .button--primary{min-width:240px}.pause-dialog{max-width:440px}.pause-art{color:#bca6ff;background:#282b47;border-radius:22px;place-items:center;width:66px;height:66px;margin-bottom:18px;font-size:34px;display:inline-grid}.pause-dialog .dialog-actions{flex-direction:column}.result-dialog{max-width:520px;padding-top:30px;overflow-y:auto}.result-mascot{width:93px;height:114px;position:absolute;top:-8px;left:calc(50% - 47px);transform:rotate(-6deg)}.result-dialog>.eyebrow{color:#c2ff6b;margin-top:62px}.result-subtitle{font-size:11px!important}.result-time{letter-spacing:-3px;font-variant-numeric:tabular-nums;color:#f2f4ff;margin:17px 0 6px;font-size:60px;font-weight:900}.result-stats{border-top:1px solid #333e55;border-bottom:1px solid #333e55;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0 12px;padding:17px 0;display:grid}.result-stats dt{color:#aab8d4;text-transform:uppercase;letter-spacing:1px;font-size:9px}.result-stats dd{margin:8px 0 0;font-size:23px;font-weight:800}.result-stats dd small{color:#a4b3ce;font-size:11px}.result-best{justify-content:space-between;display:flex;font-size:11px!important}.result-best strong{color:#c2ff6b;font-variant-numeric:tabular-nums}.result-actions{grid-template-columns:1.7fr 1fr;gap:12px;margin-top:21px;display:grid}.run-image-create{color:#c4afff;margin-top:7px}.result-dialog .fine-print{margin-top:0}.settings-dialog{text-align:left;max-width:480px}.settings-dialog h1{max-width:340px}.setting-row{cursor:pointer;border-bottom:1px solid #333e55;justify-content:space-between;align-items:center;gap:20px;min-height:85px;display:flex;position:relative}.setting-row strong{font-size:15px}.setting-row small{color:#a4b3ce;max-width:280px;margin-top:5px;font-size:11px;line-height:1.5;display:block}.setting-row input{opacity:0;z-index:2;cursor:pointer;width:46px;height:28px;position:absolute;right:0}.toggle{background:#47536d;border-radius:18px;flex-shrink:0;width:44px;height:25px;transition:background .15s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0002}.setting-row input:checked+.toggle{background:#8064ce}.setting-row input:checked+.toggle:after{transform:translate(19px)}.setting-row input:focus-visible+.toggle{outline-offset:4px;outline:3px solid #b49aff}.how-dialog{text-align:left;max-width:580px}.how-dialog h1{max-width:390px}.how-steps{counter-reset:item;padding-left:23px}.how-steps li{padding:7px 0 7px 8px;font-size:14px}.how-steps li::marker{color:#c2ff6b;font-weight:800}.how-steps p{color:#b3bed7;margin-top:4px;font-size:12px}.how-dialog .button{width:100%}.run-image-dialog{width:min(820px,100%)}.run-image-preview{color:#a4b3ce;min-height:70px;margin-top:24px;font-size:13px}.run-image-preview img{border:1px solid #483258;border-radius:15px;width:100%;height:auto;display:block}.run-image-preview .dialog-actions{margin-top:22px}.result-share{text-align:left;margin-top:16px}.result-share summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:800}.result-share textarea{color:#e2e8fc;width:100%;font:inherit;resize:vertical;background:#0b101c;border:1px solid #3a455e;border-radius:10px;margin-top:8px;padding:12px;display:block}.result-share a{text-decoration:none}.difficulty-select{border:0;min-width:0;margin:20px 0 8px;padding:0}.difficulty-select legend{color:#aebad4;margin:0 auto 10px;font-size:13px}.difficulty-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.difficulty-option{cursor:pointer;position:relative}.difficulty-option input{opacity:0;z-index:1;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.difficulty-option span{background:#252e44;border:1px solid #3a455e;border-radius:12px;flex-direction:column;gap:4px;min-height:58px;padding:10px 6px;font-size:13px;display:flex}.difficulty-option small{color:#aebad4}.difficulty-option input:checked+span{background:#33432c;border-color:#c2ff6b}.difficulty-option input:focus-visible+span{outline-offset:3px;outline:2px solid #c2ff6b}@media (width>=540px){.difficulty-options{grid-template-columns:repeat(4,minmax(0,1fr))}}.hud-layer{z-index:2;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.hud-panel{color:#edf0ff;display:contents}.hud-brand,.hud-caption,.hud-guide,.hud-session,.hud-bottom small{display:none}.game-hud{top:max(16px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));right:max(24px, env(safe-area-inset-right));grid-template-columns:1fr 1fr 1fr;align-items:start;display:grid;position:absolute}.hud-mode{flex-direction:column;gap:7px;display:flex}.hud-mode .eyebrow{color:#e1e5fc;letter-spacing:.3px;font-size:12px}.hud-main{text-align:center}.hud-time{letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:40px;font-weight:650;line-height:1;display:block}.hud-right{justify-content:end;align-items:center;gap:20px;display:flex}.hud-best{letter-spacing:1px;color:#909ab9;flex-direction:column;gap:6px;font-size:9px;display:flex}.hud-best b{letter-spacing:0;color:#dce3fc;font-variant-numeric:tabular-nums;font-size:13px}.pause-button{pointer-events:auto;color:#dce3fc;background:#20283e;border:1px solid #38415e;border-radius:12px}.pause-button:focus-visible{outline-color:#b5a3ff}.hud-bottom{color:#8998be;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:22%;left:4%;right:4%}.hud-bottom b{color:#dbe4ff;font-variant-numeric:tabular-nums;font-size:15px}.touch-controls{bottom:0;left:var(--track-left);width:var(--track-width);gap:var(--track-gap);touch-action:none;height:42%;display:grid;position:absolute}.runner-controls{pointer-events:auto;touch-action:none;border-radius:0;display:flex;position:relative;overflow:hidden}.tap-zone{touch-action:none;-webkit-user-select:none;user-select:none;color:#8995b7;width:50%;min-width:44px;height:100%;padding:0 2px max(22px, env(safe-area-inset-bottom));background:0 0;justify-content:center;align-items:end;display:flex;outline-offset:-5px!important}.lane-feedback{width:calc(100% / var(--lane-count));opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0 auto 0 0}.tap-zone>span{align-items:center;gap:5px;font-size:22px;display:flex}.tap-action-label{display:none}.tap-zone kbd{color:#d9e0fa;background:#222b43;border-color:#3c4766;min-width:27px;height:29px;font-size:10px}.tap-zone--toggle{width:100%}.tap-zone--toggle>span{font-size:18px}.runner-control-label{text-align:center;letter-spacing:2px;color:#ff9bbe;pointer-events:none;font-size:9px;font-weight:650;position:absolute;bottom:64px;left:0;right:0}.runner-controls--inner-left .runner-control-label,.runner-controls--middle .runner-control-label{color:#ffcd73}.runner-controls--inner-right .runner-control-label,.runner-controls--right .runner-control-label{color:#81ebdb}@media (width>=1024px) and (height>=600px){.hud-panel{background:linear-gradient(150deg,#1b2137eb,#101626eb);border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;width:224px;padding:24px 20px;display:flex;position:absolute;inset:24px auto 24px 24px;box-shadow:0 20px 70px #00000020}.hud-brand{pointer-events:auto;gap:8px;margin-bottom:38px;font-size:21px;display:flex}.hud-brand .brand-mark{color:#b9a6ff;background:#9b81f21a;width:28px;height:30px;font-size:25px}.hud-brand .brand-light{color:#a9b2d0}.hud-brand .brand-dot{color:#a28cff}.game-hud{flex-direction:column;gap:27px;display:flex;position:static}.hud-mode .eyebrow{font-size:15px;font-weight:650}.hud-main{text-align:left}.hud-caption{letter-spacing:1.6px;color:#8c98bb;margin-bottom:12px;font-size:9px;display:block}.hud-time{font-size:36px}.hud-right{justify-content:space-between;width:100%}.hud-bottom{border-bottom:1px solid #ffffff0c;gap:12px;margin-top:8px;padding:22px 0;position:static}.hud-bottom>span{flex:1}.hud-bottom small{color:#8c98bb;margin-bottom:8px;font-size:10px;display:block}.hud-bottom b{font-size:21px;font-weight:550}.hud-guide{margin-top:24px;display:block}.hud-guide .eyebrow{letter-spacing:1.5px;color:#a8b1cf;font-size:8px}.hud-guide p{color:#9ca8c9;margin:10px 0 14px;font-size:11px;line-height:1.8}.hud-key-guide{align-items:center;gap:5px;display:flex}.hud-key-guide kbd{color:#c9d2ee;background:#252d46;border-color:#3b4562;min-width:23px;height:25px;padding:0 5px;font-size:9px}.hud-guide>small{color:#7e8aac;margin-top:12px;font-size:10px;line-height:1.8;display:block}.hud-session{letter-spacing:1.3px;color:#7ca7a8;margin-top:auto;padding-top:16px;font-size:7px;display:block}}@media (height<=599px){.game-hud{top:max(12px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));right:max(18px, env(safe-area-inset-right))}.hud-time{letter-spacing:-1px;font-size:28px}.hud-mode .eyebrow{font-size:10px}.hud-right{gap:12px}.hud-best{font-size:7px}.hud-best b{font-size:10px}.hud-bottom{font-size:8px;bottom:20%}.hud-bottom b{font-size:12px}.tap-zone{padding-bottom:max(10px, env(safe-area-inset-bottom))}.tap-zone>span{gap:3px;font-size:17px}.tap-zone kbd{min-width:23px;height:24px;padding:0 4px;font-size:9px}.runner-control-label{letter-spacing:1px;font-size:7px;bottom:43px}}.countdown{text-align:center;color:#fff9f0;text-shadow:0 3px #674d94;flex-direction:column;align-items:center;display:flex}.countdown .eyebrow{color:#fff3db;text-shadow:none;background:#66508b;border-radius:20px;padding:7px 15px}.countdown strong{font-size:145px;font-weight:900;line-height:1.2}.countdown>span:last-child{letter-spacing:.3px;font-size:14px}.game-announcement{text-align:center;white-space:nowrap;color:#d0ffa4;background:#222c42f5;border-radius:20px;font-size:12px;font-weight:800;position:absolute;top:32%;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #30205a20}.game-announcement:not(:empty){padding:10px 17px}@media (width>=1600px){.home-screen{padding:0 35px}.home-header{height:104px}.home-hero{max-height:530px;padding:35px 0}.hero-copy h1{font-size:72px}.hero-description{font-size:17px}.hero-art{max-width:630px}.mode-card{padding-top:22px}.mode-card.is-recommended{padding-top:21px}.lane-layout{height:77px;margin:21px auto}.mode-card h3{font-size:21px}.mode-card>p{font-size:12px}.card-best{min-height:70px;font-size:12px}.card-best small{font-size:7px}.mode-select{margin-top:15px}.home-footer{padding-top:30px;font-size:11px}.hero-footnote{font-size:12px}.section-heading h2{font-size:29px}}@media (width<=1050px){.home-screen{padding:0 25px}.home-hero{gap:10px;min-height:270px}.hero-copy h1{letter-spacing:-2px;font-size:42px}.hero-description{font-size:12px}.hero-footnote{margin-top:15px}.mode-grid{gap:9px}.mode-card{padding:12px 11px 0}.mode-card.is-recommended{padding:11px 10px 0}.mode-card h3{letter-spacing:-.6px;font-size:15px}.card-best{margin-left:-11px;margin-right:-11px;padding:11px 8px;font-size:9px}.is-recommended .card-best{margin-left:-10px;margin-right:-10px}.card-best small{letter-spacing:0;font-size:5.5px}.mode-tag{letter-spacing:0;font-size:6px}.card-controls{gap:3px}.control-pair{gap:2px}.card-controls kbd{min-width:20px;height:22px;padding:0 4px;font-size:10px}.progression{gap:8px;font-size:8px}.section-heading h2{font-size:21px}}@media (height<=550px) and (orientation:landscape){.home-screen{padding:0 23px}.home-header{height:56px}.brand{font-size:21px}.brand-mark{border-radius:8px;width:27px;height:27px;font-size:25px}.home-header nav{gap:15px}.home-hero{grid-template-columns:1.2fr 1fr;min-height:165px;padding:12px 0 4px}.hero-copy>.eyebrow{letter-spacing:1px;font-size:7px}.hero-copy h1{letter-spacing:-1.5px;margin:10px 0;font-size:34px}.hero-description{font-size:10px}.hero-footnote{display:none}.hero-art{max-width:265px;max-height:160px}.art-chip{border-radius:8px;gap:6px;padding:6px 8px;font-size:6px}.art-chip--focus b{font-size:10px}.art-chip--focus>span:first-child{font-size:22px}.art-coordinate,.art-caption{font-size:5px}.hero-meta{gap:12px;margin-top:10px;font-size:9px}.hero-meta b{font-size:14px}.gear-label{font-size:8px}.section-heading{margin:3px 0 11px}.section-heading .eyebrow{font-size:7px}.section-heading h2{margin-top:2px;font-size:17px}.progression{gap:5px;font-size:7px}.progression span{font-size:15px}.mode-grid{gap:8px}.mode-card{border-radius:13px;padding:10px 10px 0}.mode-card.is-recommended{padding:9px 9px 0}.mode-tag{font-size:5px}.mode-number{font-size:10px}.lane-layout{height:39px;margin:8px auto}.mode-card h3{letter-spacing:-.5px;font-size:13px}.mode-card>p{margin-top:5px;font-size:8px}.card-controls{gap:2px;min-height:22px;margin-top:8px}.card-controls kbd{border-radius:4px;min-width:16px;height:19px;padding:0 3px;font-size:8px}.card-best{gap:5px;min-height:42px;margin:9px -10px 0;padding:9px 6px;font-size:7px}.is-recommended .card-best{margin-left:-9px;margin-right:-9px}.card-best small{margin-top:3px;font-size:4.5px}.card-arrow{font-size:15px}.home-footer{padding:15px 0;font-size:7px}.screen-layer,.modal-layer{padding:12px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left))}.screen-layer--home,.screen-layer--playing{padding:0}.dialog{border-radius:22px;max-width:570px;max-height:calc(100dvh - 24px);padding:22px 25px}.instruction-dialog{padding:15px 24px}.instruction-dialog .fine-print{display:none}.dialog h1{margin:5px 0 7px;font-size:26px}.dialog .eyebrow{font-size:8px}.dialog-intro{font-size:11px!important}.instruction-runners{gap:10px;margin:5px 0}.instruction-mascot{width:57px;height:54px}.instruction-runner{gap:2px;font-size:11px}.instruction-runner>span{font-size:9px}.instruction-runner>div:last-child{margin-top:4px}.instruction-runner small{margin-top:3px;font-size:8px}.instruction-runner kbd{height:23px;font-size:10px}.touch-hint{margin:8px auto;font-size:9px!important}.rule-callout{padding:6px;font-size:10px!important}.dialog-actions{margin:12px 0 5px}.button{border-radius:10px;min-height:43px;padding:10px 18px;font-size:12px}.fine-print{margin-top:8px;font-size:8px}.dialog-close{width:29px;height:29px;top:11px;right:11px}.countdown strong{font-size:95px}.countdown .eyebrow{font-size:8px}.countdown>span:last-child{font-size:11px}.pause-dialog{max-width:370px;padding:20px 27px}.pause-art{border-radius:15px;width:43px;height:43px;margin-bottom:7px;font-size:26px}.pause-dialog .dialog-actions{gap:8px}.pause-dialog p{font-size:11px!important}.result-dialog{grid-template-columns:1fr 1fr;column-gap:20px;max-width:520px;padding:17px 27px;display:grid}.result-mascot{display:none}.result-dialog>.eyebrow{grid-column:1/-1;margin-top:0}.result-dialog h1{grid-column:1/-1;margin:4px 0;font-size:24px}.result-subtitle{grid-column:1/-1;font-size:9px!important}.result-time{letter-spacing:-2px;grid-column:1;align-self:end;margin:18px 0 3px;font-size:39px}.result-stats{border:0;flex-direction:column;grid-area:4/2/6;align-self:center;gap:8px;margin:12px 0 0;padding:0;display:flex}.result-stats>div{border-bottom:1px solid #333e55;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.result-stats dt{font-size:7px}.result-stats dd{margin:0;font-size:16px}.result-stats dd small{font-size:9px}.result-best{grid-column:1/-1;margin-top:13px;font-size:9px!important}.result-actions{grid-column:1/-1;gap:10px;margin-top:10px}.run-image-create{grid-column:1;min-height:29px;margin-top:5px;padding:4px 0;font-size:9px}.result-dialog .fine-print{grid-column:2;align-self:center;margin-top:5px;font-size:7px}.settings-dialog{max-width:490px}.setting-row{min-height:63px}.setting-row strong{font-size:12px}.setting-row small{font-size:10px}.run-image-dialog{max-width:550px;padding:17px 24px}.run-image-dialog h1{font-size:22px}.run-image-preview{margin-top:10px}.run-image-preview img{object-fit:contain;border:0;max-height:206px}.run-image-preview .dialog-actions{margin-top:12px}.run-image-preview .fine-print{margin-top:5px}.how-dialog{max-width:600px}.how-dialog h1{max-width:none}.how-steps{margin:8px 0}.how-steps li{padding:3px 0 3px 5px;font-size:11px}.how-steps p{margin-top:2px;font-size:10px}}@media (width<=710px) and (orientation:landscape){.home-screen{padding:0 15px}.home-hero{grid-template-columns:1.4fr 1fr}.hero-copy h1{font-size:31px}.hero-art{max-width:230px}.mode-grid{gap:5px}.mode-card{padding:9px 7px 0}.mode-card.is-recommended{padding:8px 6px 0}.mode-card h3{letter-spacing:-.4px;font-size:11px}.card-best{margin-left:-7px;margin-right:-7px}.is-recommended .card-best{margin-left:-6px;margin-right:-6px}.card-controls kbd{min-width:14px;height:18px;padding:0 2px;font-size:7px}.mode-tag{font-size:4.5px}.card-best small{display:none}.mode-card>p{font-size:7px}.card-best{font-size:6px}.card-arrow{font-size:12px}.progression{display:none}.dialog{max-width:540px}.result-dialog{max-width:500px}.hud-bottom{left:2%;right:2%}}@media (orientation:portrait){.home-hero{grid-template-columns:1fr}.hero-art{display:none}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card h3{font-size:17px}.mode-card>p{font-size:11px}.mode-card--5{grid-column:1/-1}.home-footer{flex-direction:column}.progression{display:none}}[data-reduced-motion=true] *,[data-reduced-motion=true] :before,[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (height>=551px) and (height<=800px) and (width>=1000px){.home-header{height:72px}.home-hero{flex:1;min-height:265px;max-height:295px;padding:16px 0}.hero-art{max-width:455px;height:270px}.hero-copy h1{margin:13px 0;font-size:48px}.hero-footnote{margin-top:13px}.mode-card .lane-layout{height:48px;margin:12px auto}.mode-card{padding-top:13px}.mode-card.is-recommended{padding-top:12px}.section-heading{margin:6px 0 14px}.home-footer{padding:19px 0 14px}.card-best{min-height:52px;padding-top:10px;padding-bottom:10px}.home-screen{padding:0 36px}}@media (width<=900px) and (height<=550px) and (orientation:landscape){.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mode-card{padding:14px 14px 0}.mode-card.is-recommended{padding:13px 13px 0}.mode-card h3{font-size:17px}.mode-card>p{font-size:11px}.mode-tag{font-size:7px}.mode-number{font-size:13px}.card-controls{gap:4px;margin-top:12px}.card-controls kbd{min-width:23px;height:25px;padding:0 4px;font-size:11px}.card-best{margin:12px -14px 0;padding:12px 9px;font-size:11px}.is-recommended .card-best{margin-left:-13px;margin-right:-13px}.card-best small{font-size:7px;display:block}.card-arrow{font-size:19px}.home-footer{font-size:10px}.instruction-runner small{font-size:9px}.instruction-dialog .touch-hint{margin:5px auto;font-size:10px!important}.pause-button{min-width:44px;min-height:44px}.dialog-close{width:36px;height:36px;top:5px;right:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width>=1024px) and (height>=600px) and (height<=740px){.hud-panel{padding:20px}.hud-brand{margin-bottom:22px}.game-hud{gap:18px}.hud-caption{margin-bottom:8px}.hud-time{font-size:32px}.hud-bottom{padding:14px 0}.hud-guide{margin-top:14px}.hud-guide p{margin:8px 0}.hud-guide>small,.hud-session{display:none}}@media (orientation:portrait) and (width<=1023px){.home-screen{padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px, env(safe-area-inset-left))}.home-header{flex-wrap:wrap;gap:4px 12px;height:auto;min-height:76px}.brand{gap:5px;font-size:23px}.brand-mark{width:28px;height:28px;font-size:25px}.home-header nav{gap:10px}.home-header .text-button{font-size:11px}.home-hero{min-height:0;padding:28px 0}.hero-copy h1{font-size:clamp(36px,10vw,52px)}.hero-description{font-size:14px}.mode-grid{gap:12px}.mode-card{padding:16px 12px 0}.mode-card.is-recommended{padding:15px 11px 0}.mode-card--5{grid-column:1/-1}.mode-tag{font-size:7px}.card-best{margin-left:-12px;margin-right:-12px;font-size:10px}.is-recommended .card-best{margin-left:-11px;margin-right:-11px}.card-best small{font-size:7px}.home-footer{text-align:center;gap:12px;padding:24px 0}.game-hud{top:max(12px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));grid-template-columns:minmax(0,1fr) auto 44px;align-items:start;gap:10px}.hud-mode{gap:6px}.hud-mode .eyebrow{font-size:11px}.gear-label{flex-wrap:wrap;gap:4px 8px;font-size:9px}.hud-main{padding-top:3px}.hud-time{letter-spacing:-1px;font-size:27px}.hud-right .hud-best{display:none}.pause-button{min-width:44px;min-height:44px}.hud-bottom{top:calc(max(12px, env(safe-area-inset-top)) + 101px);font-size:9px;bottom:auto}.hud-bottom b{font-size:12px}.tap-zone{min-width:0;padding-bottom:max(24px, env(safe-area-inset-bottom))}.tap-zone>span{font-size:32px}.tap-zone kbd{display:none}.tap-zone--toggle>span{font-size:28px}.runner-control-label{bottom:calc(max(24px, env(safe-area-inset-bottom)) + 46px);letter-spacing:1px;font-size:9px}.dialog{border-radius:22px;padding:24px 18px}.dialog h1{font-size:28px}.instruction-runners{gap:8px}.instruction-mascot{width:60px;height:70px}.instruction-runner{font-size:11px}.instruction-runner small{font-size:9px}.instruction-runner kbd{min-width:22px;padding:0 5px}.result-actions{flex-wrap:wrap}}@media (orientation:portrait) and (width<=359px){.mode-grid{grid-template-columns:1fr}.home-header nav{justify-content:flex-end;width:100%}.hud-mode .eyebrow{font-size:10px}.hud-time{font-size:24px}}@media (orientation:portrait) and (width<=1023px) and (height<=700px){.instruction-dialog{padding:20px 16px}.instruction-dialog>.eyebrow{padding-right:22px;font-size:8px}.instruction-dialog h1{margin:8px 0}.instruction-dialog .dialog-intro{font-size:12px}.instruction-runners{margin:10px 0}.instruction-mascot{width:48px;height:48px}.instruction-runner{gap:3px}.instruction-runner small{font-size:8px}.instruction-dialog .touch-hint{margin:10px 0;font-size:11px}.instruction-dialog .rule-callout{padding:8px;font-size:11px}.instruction-dialog .dialog-actions{margin:12px 0 4px}.instruction-dialog .fine-print{margin-top:8px;font-size:8px}.result-mascot{display:none}.result-dialog>.eyebrow{margin-top:0}.result-time{margin-top:12px;font-size:46px}.result-stats{margin:14px 0 10px;padding:12px 0}.result-stats dd{font-size:20px}.result-actions{gap:8px}.result-actions .button{gap:8px;padding:12px}}@media (width<=1023px),(height<=599px){.tap-zone{align-items:flex-end;padding:0}.tap-zone>.tap-button{width:calc(100% - 4px);min-height:clamp(82px,20vh,126px);margin:0 2px max(10px, env(safe-area-inset-bottom));background:linear-gradient(#3a294acc,#201f38f2);border:2px solid #ff93b8aa;border-radius:18px;flex-direction:column;justify-content:center;gap:2px;padding:8px 3px;box-shadow:inset 0 1px #ffffff26,0 7px 20px #080b17aa}.tap-zone[data-direction="-1"]>.tap-button{margin-right:1px}.tap-zone[data-direction="1"]>.tap-button{margin-left:1px}.tap-arrow,.tap-zone--toggle>.tap-button .tap-arrow{color:#fff;font-size:clamp(30px,8vw,42px);line-height:.9}.tap-action-label{color:#fff7fb;letter-spacing:.12em;font-size:clamp(8px,2.2vw,11px);font-weight:850;line-height:1;display:block}.runner-controls--inner-left .tap-button,.runner-controls--middle .tap-button{background:linear-gradient(#453521cc,#282337f2);border-color:#ffce75bb}.runner-controls--inner-right .tap-button,.runner-controls--right .tap-button{background:linear-gradient(#203f42cc,#1b2838f2);border-color:#72e5d3bb}.runner-control-label{bottom:calc(max(10px, env(safe-area-inset-bottom)) + clamp(82px, 20vh, 126px) + 8px);font-size:9px}.tap-zone kbd{display:none}}.touch-controls--many .runner-control-label{letter-spacing:0;font-size:8px}.touch-controls--many .tap-zone>.tap-button{gap:2px}.instruction-runners--many{flex-wrap:wrap}.instruction-runners--many .instruction-runner{flex:1 0 80px}.card-controls,.hud-key-guide{flex-wrap:wrap}