:root{--bg-0: #05060f;--bg-1: #0a0d1c;--bg-2: #111631;--bg-3: #1a2043;--surface: rgba(17, 22, 49, .72);--surface-strong: rgba(10, 13, 28, .92);--stroke: rgba(140, 160, 255, .16);--stroke-strong: rgba(140, 160, 255, .34);--accent: #5b6cff;--accent-soft: #8fa2ff;--cyan: #12f7c8;--magenta: #ff2fa8;--amber: #ffc93c;--danger: #ff4d6d;--text: #e8ecff;--text-dim: #9aa3cc;--text-faint: #626b96;--glow-accent: 0 0 24px rgba(91, 108, 255, .45);--glow-cyan: 0 0 24px rgba(18, 247, 200, .35);--glow-magenta: 0 0 28px rgba(255, 47, 168, .35);--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--ease: cubic-bezier(.22, 1, .36, 1);--dur: .26s;--font: "Segoe UI", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Mono", ui-monospace, "SF Mono", Menlo, monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}@media(prefers-reduced-motion:reduce){:root{--dur: 1ms}}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#061729;color:#e8faff;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d6ff85;outline-offset:5px}[hidden]{display:none!important}#circuit-viewport{position:absolute;inset:0;touch-action:none}#circuit-viewport canvas{display:block;width:100%;height:100%}.circuit-top{position:absolute;inset:0 0 auto;height:90px;padding:24px 42px;display:flex;align-items:center;justify-content:space-between;z-index:4;pointer-events:none}.circuit-top a,.circuit-top button{pointer-events:auto}.circuit-brand{text-decoration:none;font-size:17px;font-weight:900;letter-spacing:2px;color:#fff;display:flex;align-items:center;gap:4px}.circuit-brand>span:last-child{color:#acfc61}.brand-mark{font-size:36px;color:#a7f7de;margin-right:10px}.circuit-top-actions{display:flex;align-items:center;gap:28px}.edition{font-size:10px;letter-spacing:2px;color:#91a9ba}.round-control{display:grid;place-items:center;width:40px;height:40px;background:#0b2136b0;border:1px solid #5d9aa653;color:#c4eeed;border-radius:50%;font-size:20px}.round-control:hover{background:#275566}.circuit-welcome{position:absolute;inset:0;background:linear-gradient(90deg,#041422f5,#05192ddd 31%,#05192d33 70%);z-index:2}.welcome-copy{position:absolute;left:8%;top:19%;max-width:580px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.6px;color:#a6fba4;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:#a6fba4;box-shadow:0 0 16px #92ff74}h1{font-family:Arial Black,Arial,sans-serif;font-size:clamp(52px,6.8vw,104px);font-weight:950;line-height:.91;letter-spacing:-4px;margin:28px 0 24px}h1 em{font-style:normal;color:#c2ff74;text-shadow:0 0 50px #97ff3920}.welcome-description{color:#9eb7c7;font-size:15px;line-height:1.65;margin:0 0 28px}.stage-spec{display:flex;gap:26px;margin-bottom:30px;color:#7894a5;letter-spacing:1.5px;font-size:9px}.stage-spec span{display:flex;align-items:baseline;gap:8px}.stage-spec b{font-size:18px;font-weight:800;color:#d5ebf1;letter-spacing:0}.circuit-play{display:flex;align-items:center;justify-content:space-between;gap:50px;width:310px;min-height:58px;padding:0 24px;background:#c2ff74;color:#11240f;border:1px solid #dbffa9;border-radius:5px;box-shadow:0 4px #5e863b,0 10px 40px #9fff2111;font-size:13px;font-weight:900;letter-spacing:1.2px;transition:transform .15s,background .15s}.circuit-play:hover{background:#d4ff9e;transform:translateY(-2px)}.circuit-play:active{transform:translateY(2px);box-shadow:0 1px #5e863b}.local-note{font-size:10px;color:#77929e;letter-spacing:.3px;margin:18px 0}.icon-picker{position:absolute;right:8%;bottom:28%;padding:22px 25px;border:1px solid #73c7d324;background:#041a2bd6;border-radius:8px;backdrop-filter:blur(12px)}.icon-picker>p{font-size:10px;letter-spacing:2px;color:#90b4c5;margin:0 0 20px}.icon-picker>span{font-size:10px;color:#759ba9}.icon-options{display:flex;gap:12px;margin-bottom:17px}.icon-option{width:70px;height:70px;background:#0c2838;border:1px solid #35606c;border-radius:5px;display:grid;place-items:center}.icon-option.selected{border-color:#c2ff74;background:#203929;box-shadow:0 0 0 2px #c2ff7422}.mini-icon{position:relative;width:38px;height:38px;background:var(--icon);border:3px solid #081824;box-shadow:inset 0 0 0 2px #ffffff85;transform:rotate(-7deg)}.lime{--icon:#b5f460}.ice{--icon:#6ce9ff}.rose{--icon:#f395dc}.mini-icon i{position:absolute;top:8px;width:8px;height:8px;background:#0a2435}.mini-icon i:first-child{left:5px}.mini-icon i:nth-child(2){right:5px}.mini-icon b{position:absolute;bottom:6px;left:8px;right:8px;height:4px;background:#0a2435}.welcome-footer{position:absolute;bottom:27px;left:42px;right:42px;display:flex;justify-content:space-between;border-top:1px solid #73c7d31c;padding-top:21px;color:#7397a6;font-size:9px;letter-spacing:1.4px}.welcome-footer b{font-weight:400;color:#c6e9ef;margin-left:8px}.circuit-hud{position:absolute;top:22px;left:32px;right:32px;display:flex;align-items:center;gap:30px;z-index:5;pointer-events:none}.circuit-hud button{pointer-events:auto}.stage-name{display:flex;gap:12px;align-items:center;min-width:180px}.stage-name>b{font-size:30px;font-weight:900;color:#73e0ed}.stage-name>span{font-size:11px;letter-spacing:1.4px;font-weight:800}.stage-name small{display:block;font-size:8px;font-weight:400;color:#91b3c7;margin-top:5px;letter-spacing:1.6px}.run-progress{display:flex;align-items:center;gap:14px;width:min(400px,34vw);margin:auto}.run-progress>div{flex:1;height:7px;background:#09162780;border:1px solid #779eae66;border-radius:9px;padding:1px}.run-progress i{display:block;width:0;height:100%;background:#c2ff74;border-radius:8px;box-shadow:0 0 13px #c2ff7455;transition:width .09s linear}.run-progress>b{font-size:13px;font-weight:800;min-width:38px}.run-stats{display:flex;align-items:center;gap:22px}.coin-counter{color:#ffd88a;font-size:15px}.coin-counter b{margin-left:5px}.attempt-label{font-size:9px;letter-spacing:1px;color:#96b7c5}.attempt-label b{color:#fff;margin-left:6px}.attempt-flash{position:absolute;top:23%;left:28%;transform:translate(-50%);font-size:14px;font-weight:800;letter-spacing:3px;color:#d5f5ff;pointer-events:none;animation:attempt 1.4s both}@keyframes attempt{0%{opacity:0;translate:0 8px}20%,65%{opacity:1;translate:0 0}to{opacity:0;translate:0 -8px}}.circuit-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#031021b3;backdrop-filter:blur(5px);z-index:6}.circuit-result{text-align:center;background:linear-gradient(145deg,#102b42f5,#061929fa);border:1px solid #538b9c55;border-radius:12px;padding:36px 44px;box-shadow:0 25px 100px #0007}.circuit-result .eyebrow{justify-content:center;font-size:9px}.circuit-result h2{font-size:38px;letter-spacing:-1px;margin:19px 0;color:#edffff}.result-percentage{font-size:80px;font-weight:900;letter-spacing:-5px;color:#c2ff74;line-height:1.1}.result-percentage>span{font-size:35px;letter-spacing:0;color:#80b557}.circuit-result>p:not(.eyebrow){color:#8dacbc;font-size:12px;margin:16px 0 27px}.circuit-result .circuit-play{margin:25px auto 10px}.text-control{display:block;margin:15px auto 0;background:none;border:0;color:#a5c6d5;letter-spacing:1.2px;font-size:10px;padding:8px}.text-control:hover{color:#c2ff74}.effects-option{display:flex;align-items:center;justify-content:center;gap:8px;color:#99b9c8;font-size:11px;margin-top:20px}.effects-option input{accent-color:#c2ff74}.orientation-note,body.is-running .circuit-top{display:none}@media(max-height:620px){.circuit-top{height:64px;padding:15px 28px}.welcome-copy{top:20%;left:7%}h1{font-size:62px;margin:15px 0}.welcome-description{font-size:12px;margin-bottom:16px}.stage-spec{margin-bottom:20px}.circuit-play{min-height:48px;width:280px}.icon-picker{bottom:25%;right:6%}.welcome-footer{bottom:15px;padding-top:13px}.local-note{margin-top:12px}.circuit-result{padding:20px 35px}.circuit-result h2{font-size:30px;margin:12px 0}.result-percentage{font-size:62px}}@media(max-width:800px){.edition{display:none}.circuit-hud{left:16px;right:16px;top:14px;gap:12px}.stage-name{min-width:125px}.stage-name>b{font-size:23px}.stage-name>span{font-size:9px}.stage-name small{font-size:7px}.run-stats{gap:12px}.attempt-label{display:none}.run-progress{width:auto;flex:1}.icon-picker{right:5%;padding:18px}.icon-option{width:53px;height:55px}.welcome-footer>span:last-child{display:none}.circuit-brand{font-size:13px}}@media(max-height:450px){.welcome-copy{top:19%}h1{font-size:49px;line-height:.88;margin:12px 0}.welcome-description{font-size:11px;line-height:1.4;margin-bottom:13px}.stage-spec{margin-bottom:15px}.local-note{font-size:9px}.circuit-play{min-height:42px;width:260px}.welcome-footer{font-size:8px;padding-top:9px;bottom:10px}.icon-picker{bottom:22%}.circuit-top{padding:10px 25px}.circuit-result{padding:16px 30px}.circuit-result .circuit-play{margin-top:16px}.text-control{margin-top:7px}.effects-option{margin-top:9px}}@media(orientation:portrait)and (max-width:700px){.orientation-note{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#071c30;font-size:70px;color:#c2ff74}.orientation-note b{font-size:24px;color:#fff}.orientation-note span{font-size:13px;color:#91b3c7}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.stage-picker{position:absolute;right:8%;top:15%;display:flex;flex-direction:column;gap:10px;width:min(420px,38vw);z-index:3}.stage-picker>p{margin:0;font-size:12px;letter-spacing:.18em;color:#7f93bb}.stage-picker>span{font-size:11px;line-height:1.5;color:#64769c}.stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stage-card{--card-accent: #40dfff;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 10px;align-items:center;padding:10px 12px;border:1px solid #23305180;border-radius:12px;background:linear-gradient(160deg,#101a33,#0a1024);color:#dce7ff;font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease}.stage-card:hover{border-color:var(--card-accent);transform:translateY(-1px)}.stage-card.selected{border-color:var(--card-accent);box-shadow:0 0 0 1px var(--card-accent) inset,0 6px 20px #0006}.stage-card b{grid-row:1 / 3;font-size:20px;font-weight:900;color:var(--card-accent)}.stage-card span{font-size:13px;font-weight:700}.stage-card i{font-size:10px;font-style:normal;letter-spacing:.12em;color:#7f93bb}@media(max-width:900px){.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-picker{max-width:none}}@media(max-height:620px){.stage-picker{top:12%;gap:6px}.stage-card{padding:7px 10px}.stage-card b{font-size:16px}.stage-card span{font-size:11px}.icon-picker{bottom:8%}}.circuit-welcome{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-content:center;gap:clamp(16px,3vw,48px);padding:clamp(70px,9vh,110px) clamp(20px,6vw,90px) clamp(56px,8vh,86px);overflow-y:auto}.circuit-welcome>.welcome-copy,.circuit-welcome>.icon-picker,.circuit-welcome>.stage-picker{position:static;inset:auto;max-width:none;width:auto}.circuit-welcome>.welcome-copy{grid-column:1;grid-row:1 / 3;align-self:center}.circuit-welcome>.stage-picker{grid-column:2;grid-row:1;align-self:end}.circuit-welcome>.icon-picker{grid-column:2;grid-row:2;align-self:start}.circuit-welcome h1{font-size:clamp(34px,5.2vw,84px);letter-spacing:-2px;margin:16px 0 18px}.circuit-welcome .welcome-description{margin-bottom:20px}.circuit-welcome .stage-spec{margin-bottom:22px;flex-wrap:wrap;row-gap:10px}.circuit-welcome .circuit-play{width:min(310px,100%)}.circuit-welcome .welcome-footer{position:static;grid-column:1 / -1;grid-row:3;margin-top:clamp(10px,2vh,26px)}@media(max-width:1000px),(max-height:560px){.circuit-welcome{grid-template-columns:minmax(0,1fr);align-content:start;padding-top:clamp(58px,11vh,96px)}.circuit-welcome>.welcome-copy,.circuit-welcome>.stage-picker,.circuit-welcome>.icon-picker,.circuit-welcome .welcome-footer{grid-column:1;grid-row:auto;align-self:stretch}.circuit-welcome h1{font-size:clamp(30px,8vw,54px);margin:10px 0 12px}.circuit-welcome .welcome-description{font-size:13px;margin-bottom:14px}.icon-picker{padding:14px 16px}.icon-picker>p{margin-bottom:12px}.icon-option{width:52px;height:52px}}@media(max-height:440px){.circuit-welcome>.icon-picker{display:none}.circuit-welcome .welcome-footer{display:none}}