:root{--navy:#172b4d;--ink:#0b1630;--night:#05080e;--blue:#356bff;--orange:#ff6b35;--lime:#d5ff52;--cream:#fff5e6;--red:#e5383b;--gold:#ffc93c;--muted:#c9d4ee;--font:"Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--radius:14px;--gap:8px;--pad-w:0px;--pads-total:0px;--hud-h:0px;--chrome:48px;--stage-w:max(240px, min(calc(100vw - 32px - 2 * var(--pad-w) - 2 * var(--gap)), calc((100dvh - var(--hud-h) - var(--chrome)) * 16 / 9), 1280px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;color:var(--cream);font-family:var(--font);-webkit-tap-highlight-color:transparent;margin:0}body{touch-action:manipulation;background:radial-gradient(circle at 50% 0%, #1d3566 0%, var(--ink) 60%) fixed}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute}#app{justify-content:center;align-items:center;gap:var(--gap);flex-direction:column;min-height:100dvh;padding:8px 16px;display:flex}.btn{height:44px;font:800 15px/1 var(--font);letter-spacing:.03em;color:var(--ink);background:var(--cream);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;white-space:nowrap;border-radius:12px;padding:0 20px;transition:transform .12s,box-shadow .12s,background-color .12s}.btn:hover{box-shadow:0 5px 0 var(--ink);background:#fff;transform:translateY(-1px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn:focus-visible,.pad:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.btn-primary{background:var(--lime)}.btn-primary:hover{background:#e4ff8a}.btn-big{height:62px;box-shadow:0 6px 0 var(--ink);border-radius:16px;padding:0 38px;font-size:22px}.btn-big:hover{box-shadow:0 7px 0 var(--ink)}.btn-big:active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.btn-small{height:32px;box-shadow:0 3px 0 var(--ink);border-width:2px;border-radius:10px;padding:0 12px;font-size:12px}.btn-marathon{background:var(--orange)}.btn-marathon:hover{background:#ff8a5b}.btn:disabled{cursor:progress;box-shadow:0 4px 0 var(--ink);background:#8d95a6;transform:none}.hud{width:calc(var(--stage-w) + var(--pads-total));background:var(--navy);border-radius:var(--radius);max-width:100%;box-shadow:0 4px 0 var(--orange);border:2px solid #fff5e6d9;flex-direction:column;gap:6px;padding:8px 12px;display:flex}.hud-row{flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.label{letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:700}.label b{color:var(--cream)}.value{color:var(--cream);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:800}#h-dist,#h-pace{min-width:8ch}#h-score{min-width:6ch;color:var(--lime)}#h-kudos{min-width:3ch;color:var(--orange)}#h-ghost{color:#bfe2ff;min-width:7ch}.hud-actions{gap:10px;margin-left:auto;display:flex}.meter{flex-direction:column;flex:200px;gap:4px;min-width:0;display:flex}.bar{background:var(--ink);border:2px solid var(--cream);border-radius:6px;height:10px}.fill{background:var(--lime);border-radius:4px;width:0;height:100%;transition:width .15s linear}#m-brainrot .fill{background:linear-gradient(90deg, var(--blue), var(--orange))}.meter.is-low .fill{background:var(--orange)}.meter.is-low .label b{color:var(--orange)}.meter.is-empty .bar{border-color:var(--red)}.meter.is-empty .label b:after{content:" · CRISI";color:#ff8a8c}.stat-pb .value{min-width:7ch}.race-bar{position:relative}#m-race .fill{background:linear-gradient(90deg, var(--blue), var(--lime))}.ghost-mark{border:1px solid var(--ink);background:#bfe2ff;border-radius:2px;width:4px;height:16px;margin-left:-2px;position:absolute;top:-5px}.icon{object-fit:contain;vertical-align:-2px;width:14px;height:14px;margin-right:4px}.lives{min-height:20px;color:var(--red);align-items:center;gap:3px;display:inline-flex}.life{object-fit:contain;width:18px;height:18px}.life.lost{opacity:.25;filter:grayscale()}#h-lives.has-sprites .lives-text{display:none}.meter-brainrot{flex-direction:row;align-items:center;gap:8px}.meter-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.portrait{flex:none;width:auto;height:40px}#play{gap:var(--gap);grid-template-areas:"stage";justify-items:center;display:grid}#stage{width:var(--stage-w);aspect-ratio:16/9;border:3px solid var(--cream);border-radius:var(--radius);box-shadow:0 6px 0 var(--blue);background:var(--navy);grid-area:stage;position:relative;container-type:inline-size}#game{border-radius:calc(var(--radius) - 3px);touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.pad{display:none}#callout{text-align:center;width:max-content;max-width:min(84%,640px);color:var(--ink);background:var(--cream);border:3px solid var(--ink);box-shadow:0 4px 0 var(--orange);pointer-events:none;opacity:0;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;column-gap:.7em;padding:.5em .9em;font-size:clamp(12px,2.4cqw,22px);font-weight:800;line-height:1.25;transition:opacity .3s,transform .3s;display:grid;position:absolute;top:3.5%;left:50%;transform:translate(-50%,-10px)scale(.96)}#callout:empty{display:none}#callout.show{opacity:1;transform:translate(-50%)scale(1)}#callout>:not(.callout-variant){grid-column:1/-1}#callout:has(.callout-variant)>:not(.callout-variant){text-align:left;grid-column:2}#callout.bad{background:var(--red);color:#fff;box-shadow:0 4px 0 var(--ink)}#callout.info{background:var(--blue);color:#fff;box-shadow:0 4px 0 var(--ink)}#callout.level{background:var(--lime);box-shadow:0 4px 0 var(--blue)}#callout.feed{text-align:left}#callout.held{visibility:hidden}.station-info{text-align:center;color:#fff;background:var(--blue);border:3px solid var(--ink);width:max-content;max-width:min(84%,640px);box-shadow:0 4px 0 var(--ink);pointer-events:none;border-radius:14px;padding:.45em .9em;font-size:clamp(12px,2.2cqw,20px);font-weight:800;line-height:1.25;display:grid;position:absolute;top:3.5%;left:50%;transform:translate(-50%)}.station-info .callout-title{color:var(--lime);font-variant-numeric:tabular-nums}.callout-title{letter-spacing:.08em;color:#a8360f;font-size:.68em}#callout.level .callout-title{color:var(--navy)}.callout-quote{font-size:.78em;font-weight:700}.callout-variant{grid-area:1/1/span 3;width:auto;height:3.4em}.hud-tags{pointer-events:none;flex-wrap:wrap-reverse;gap:4px;display:flex;position:absolute;bottom:2.5%;left:1.5%;right:1.5%}.tag{color:var(--ink);background:var(--lime);border:2px solid var(--ink);border-radius:999px;align-items:center;padding:2px 8px;font-size:clamp(10px,1.5cqw,13px);font-weight:800;display:inline-flex}.tag .icon{width:12px;height:12px}.tag-bad{background:var(--red);color:#fff}.tag-warn{background:var(--orange);color:var(--ink)}.screen{z-index:10;background:#0b16309e;place-items:center;padding:16px;transition:opacity .26s;display:grid;position:fixed;inset:0;overflow-y:auto}.screen.leaving{opacity:0}.panel{text-align:center;background:var(--navy);border:3px solid var(--cream);width:min(100%,560px);box-shadow:0 8px 0 var(--orange);border-radius:20px;padding:24px}.subtitle{color:var(--cream);margin:8px 0 18px;font-size:15px;font-weight:700}.screen-title{letter-spacing:.02em;color:var(--orange);text-shadow:0 3px 0 var(--ink);margin:0 0 6px;font-size:clamp(30px,7vw,48px);font-weight:900}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.screen-home{background:radial-gradient(#05080e59 0%,#05080ebf 100%)}.title-card{text-align:center;background:var(--night);width:min(100%,640px);box-shadow:0 8px 0 var(--orange), 0 18px 40px #00000073;border:3px solid #fff5e6e6;border-radius:24px;padding:18px 22px 16px}#title-heading:not(.sr-only){color:var(--orange);margin:0 0 8px;font-size:clamp(32px,7vw,56px);font-weight:900}.logo-img{object-fit:contain;width:100%;max-width:540px;height:auto;max-height:36vh;margin:0 auto;display:block}.title-body{justify-content:center;align-items:center;gap:clamp(10px,4vw,28px);margin-top:6px;display:flex}.hero-runner{transform-origin:50% 100%;flex:none;width:auto;height:clamp(96px,20vh,170px);animation:1.8s ease-in-out infinite idle}@keyframes idle{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-2px)scaleY(1.015)}}.title-cta{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.tagline{color:var(--lime);margin:0;font-size:clamp(15px,2.2vw,18px);font-weight:800}.loading{flex-direction:column;gap:6px;width:min(100%,280px);display:flex}.progress{background:var(--navy);border:2px solid var(--cream);border-radius:6px;height:10px}.progress-fill{background:linear-gradient(90deg, var(--lime), var(--orange));border-radius:4px;width:0;height:100%;transition:width .2s}.loading-text{color:var(--cream);margin:0;font-size:13px;font-weight:700}.records{color:var(--muted);margin:0;font-size:13px;font-weight:700}.records b{color:var(--lime);font-size:15px}.controls-hint{color:var(--cream);margin:0;font-size:13px;font-weight:600}.touch-hint{display:none}.asset-warning{color:#fff;background:var(--red);border-radius:8px;margin:0;padding:6px 10px;font-size:13px;font-weight:700}.fineprint{color:var(--muted);margin:12px 0 0;font-size:11px}.legend-badge{letter-spacing:.04em;color:var(--ink);background:var(--gold);border:2px solid var(--ink);border-radius:999px;margin:0;padding:4px 12px;font-size:13px;font-weight:900}.unlock-banner{color:var(--ink);background:var(--orange);border:3px solid var(--ink);border-radius:12px;margin:4px 0 8px;padding:8px 12px;font-weight:900}.medal{width:auto;height:72px;margin:0 auto 8px;display:block}.marathon-card{flex-direction:column;align-items:center;gap:10px;display:flex}.marathon-hero,.marathon-info{flex-direction:column;align-items:center;gap:10px;width:100%;min-width:0;display:flex}.marathon-info .subtitle,.marathon-info .actions{margin:0}.logo-small{max-width:300px;max-height:18vh}.start-arch{width:min(100%,320px);height:auto}.stages{text-align:left;width:100%;color:var(--ink);background:var(--cream);border:3px solid var(--ink);border-radius:14px;margin:0;padding:10px 14px 10px 34px;font-size:14px;font-weight:600;line-height:1.35}.stages li+li{margin-top:4px}.stages b{color:#a8360f;display:block}.pb-badge{color:var(--ink);background:var(--lime);border:3px solid var(--ink);border-radius:999px;margin:4px 0 8px;padding:6px 14px;font-weight:900;display:inline-block;transform:rotate(-2deg)}.message{color:var(--lime);margin:6px 0 16px;font-size:clamp(16px,2.4vw,19px);font-weight:800;line-height:1.35}.activity{text-align:left;color:var(--ink);background:var(--cream);border:3px solid var(--ink);border-radius:14px;padding:14px}.activity-head{margin:0 0 10px;font-size:13px}.activity-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px 14px;margin:0;display:grid}.activity-stats .wide{grid-column:span 2}.activity-stats dt{letter-spacing:.06em;color:#a8360f;font-size:11px;font-weight:800}.activity-stats dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:18px;font-weight:900}.activity-stats .peak{align-items:center;gap:10px;display:flex}.activity-stats .peak .portrait{height:56px}@media (pointer:coarse){.pad{height:64px;font:900 18px/1 var(--font);color:var(--ink);background:var(--lime);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:16px;display:block}#pad-jump{grid-area:jump}#pad-slide{background:var(--orange);grid-area:slide}.pad:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.touch-hint{display:block}:root{--chrome:128px}#play{width:var(--stage-w);grid-template-columns:1fr 1fr;grid-template-areas:"stage stage""jump slide"}.pad{width:100%}}@media (pointer:coarse) and (orientation:landscape){:root{--pad-w:88px;--pads-total:calc(2 * 88px + 2 * var(--gap));--chrome:40px}#play{grid-template-areas:"jump stage slide";grid-template-columns:var(--pad-w) auto var(--pad-w);align-items:stretch;width:auto}.pad{height:auto;min-height:64px}}@media (width<=560px){.value{font-size:15px}.hud-row{gap:6px 12px}.panel{padding:18px 14px}.title-card{padding:14px 12px}.activity-stats .wide{grid-column:1/-1}.btn-big{padding:0 24px;font-size:19px}.stages{font-size:13px}.logo-small{max-height:13vh}.start-arch{width:min(100%,220px)}.marathon-card .screen-title{font-size:28px}}@media (height<=520px){.hud{gap:3px;padding:4px 10px}.label{font-size:10px}.value{font-size:13px}.btn-small{height:28px}#app{gap:6px;padding:4px 12px}.portrait{height:28px}.life{width:15px;height:15px}.title-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;width:min(100%,860px);display:grid}.logo-img{max-height:62vh}.title-body{margin-top:0}.hero-runner{height:clamp(80px,34vh,140px)}.fineprint{grid-column:1/-1;margin-top:6px}.marathon-card{flex-direction:row;align-items:center;gap:14px}.marathon-hero,.marathon-info{flex:1 1 0}.marathon-info .subtitle{margin:0 0 6px;font-size:13px}.marathon-card .logo-small{max-height:22vh}.marathon-card .start-arch{max-height:18vh}.marathon-card .screen-title{font-size:26px}.stages{padding:6px 10px 6px 28px;font-size:12px}}@media (prefers-reduced-motion:reduce){.hero-runner{animation:none}#callout,.screen,.fill,.progress-fill,.btn{transition:none}}