.loading-screen{z-index:1000;padding:clamp(24px, calc(4vw / var(--ui-scale,1)), 56px);color:#f5f5f5;background:#151515;flex-direction:column;justify-content:space-between;font-family:Satoshi,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:auto}.loading-meta{letter-spacing:1.2px;justify-content:space-between;gap:20px;font-size:11px;display:flex}.loading-meta>:last-child{color:#bdff63}.loading-content{text-align:center;width:min(100%,720px);margin:auto;padding:48px 0}.loading-content>:not(.loading-logo){max-width:480px;margin-inline:auto}.loading-logo{width:min(100%,720px);margin:0 auto 40px;padding:36px 48px}.loading-logo img{width:100%;height:auto;display:block}.loading-eyebrow{color:#bdff63;letter-spacing:2px;margin:0 0 14px;font-size:10px}.loading-content h1{font-size:clamp(28px, calc(5vw / var(--ui-scale,1)), 40px);letter-spacing:-1.4px;margin:0 0 18px;font-weight:500;line-height:1.15}.loading-status{color:#bdbdbd;min-height:40px;margin:0 0 20px;font-size:14px;line-height:1.5}.loading-track{background:#383838;height:3px;overflow:hidden}.loading-track span{background:#bdff63;width:35%;height:100%;animation:1.6s ease-in-out infinite alternate loading-stride;display:block}.loading-retry{color:#151515;background:#bdff63;border:0;padding:14px 28px;font-weight:700}@keyframes loading-stride{0%{transform:translate(-100%)}to{transform:translate(286%)}}@media (max-width:480px){.loading-meta{letter-spacing:.5px;font-size:9px}.loading-meta:last-child{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){.loading-track span{opacity:.7;width:100%;animation:none}}@media (pointer:coarse) and (orientation:landscape) and (max-height:600px){.loading-screen{padding:16px max(20px, env(safe-area-inset-left), env(safe-area-inset-right));overflow:hidden}.loading-screen .loading-meta{letter-spacing:.5px;flex-shrink:0;gap:12px;font-size:9px}.loading-screen .loading-content{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:28px;width:min(100%,640px);min-height:0;padding:16px 0;display:grid}.loading-screen .loading-logo{width:100%;margin:0;padding:0}.loading-screen .loading-logo img{max-height:calc(32dvh / var(--ui-scale,1));object-fit:contain}.loading-screen .loading-message{text-align:left;width:100%;min-width:0}.loading-screen .loading-eyebrow{letter-spacing:1px;margin:0 0 8px;font-size:8px}.loading-screen .loading-content h1{font-size:clamp(20px, calc(3vw / var(--ui-scale,1)), 26px);letter-spacing:-.6px;margin:0 0 8px}.loading-screen .loading-status{overflow-wrap:anywhere;min-height:0;margin:0 0 12px;font-size:12px;line-height:1.4}.loading-screen .loading-retry{min-height:44px;padding:8px 16px;font-size:12px}}.pixel-preview-controls{z-index:40;bottom:max(20px,env(safe-area-inset-bottom));color:#f3f6e8;background:#142135f5;border:2px solid #9bcb6b;width:360px;max-width:calc(100% - 24px);padding:14px 18px;font:12px/1.5 monospace;position:fixed;left:50%;transform:translate(-50%);box-shadow:4px 4px #07111e}.pixel-preview-controls summary{cursor:pointer;letter-spacing:1px;min-height:28px;font-size:14px;font-weight:700}.pixel-preview-controls summary span{color:#adc2d6;margin-left:8px;font-size:9px}.pixel-preview-controls fieldset{border:0;gap:8px;margin:8px 0;padding:0;display:flex}.pixel-preview-controls button{color:#f3f6e8;cursor:pointer;background:#20334c;border:1px solid #7e9eb8;flex:1;min-height:44px;font:700 12px monospace}.pixel-preview-controls button[aria-pressed=true]{color:#142135;background:#b6df7d;border-color:#b6df7d}.pixel-preview-controls output{font-variant-numeric:tabular-nums;color:#dbeabf;font-size:11px;display:block}.pixel-preview-controls p{color:#bdcbd7;margin:6px 0;font-size:10px}.pixel-preview-controls a{color:#b6df7d;padding:5px 0;font-size:11px;display:inline-block}.pixel-preview-controls :focus-visible{outline-offset:3px;outline:2px solid #fff}.pixel-station-note{color:#c8e59b;margin:10px 0 0;font-size:11px}.pixel-sponsor-layer{z-index:32;pointer-events:none;color:#152331;font-family:Satoshi,Arial,sans-serif;position:fixed;inset:0}.pixel-sponsor-layer:not(.is-touring) .pixel-checkpoint{top:245px}.pixel-preview-controls.is-active:not(.is-touring){bottom:160px}.pixel-sponsor-logo{fill:currentColor;width:180px;max-width:100%;height:auto;display:block;overflow:visible}.pixel-checkpoint{border-top:6px solid var(--sponsor-accent);background:#fffef3;width:360px;max-width:calc(100% - 24px);padding:20px 24px;animation:6s both pixel-checkpoint-arrive;position:absolute;top:150px;left:50%;transform:translate(-50%)}.pixel-checkpoint-eyebrow{letter-spacing:2px;color:#536473;margin:0 0 6px;font-size:10px;font-weight:700}.pixel-checkpoint h2{letter-spacing:-.8px;margin:0 0 18px;font-size:32px;font-weight:700;line-height:1.1}.pixel-checkpoint-partner{border-top:1px solid #dce1d6;align-items:center;gap:18px;padding-top:10px;display:flex}.pixel-checkpoint-partner>span{letter-spacing:1px;max-width:60px;font-size:8px;font-weight:700}.pixel-checkpoint-partner .pixel-sponsor-logo{width:172px}.pixel-checkpoint small{color:#65717b;margin-top:8px;font-size:8px;display:block}@keyframes pixel-checkpoint-arrive{0%{opacity:0;translate:0 -8px}8%,88%{opacity:1;translate:0}to{opacity:0;translate:0 -4px}}@media (prefers-reduced-motion:reduce){.pixel-checkpoint{animation:none}}@media (max-width:700px){.pixel-preview-controls{top:max(12px,env(safe-area-inset-top));width:260px;max-width:calc(100% - 110px);padding:10px 12px;bottom:auto;left:12px;transform:none}.pixel-preview-controls summary span{display:none}.pixel-preview-controls fieldset{gap:5px}.pixel-preview-controls button{min-width:0}.pixel-preview-controls output{font-size:10px}}@media (max-width:900px){.pixel-preview-controls{top:max(120px,calc(env(safe-area-inset-top) + 108px));width:260px;max-width:calc(100% - 24px);bottom:auto;left:12px;transform:none}.pixel-checkpoint{width:320px;padding:16px 20px;top:42%}.pixel-checkpoint h2{margin-bottom:12px;font-size:27px}.pixel-preview-controls:not(.is-active){top:160px}.pixel-preview-controls.is-active:not(.is-touring){top:210px;bottom:auto}.pixel-sponsor-layer:not(.is-touring) .pixel-checkpoint{top:280px}}.section-partner-card .pixel-sponsor-logo{width:128px;margin-top:8px}html[data-design] .game .left-stack .section-partner-card>strong{letter-spacing:0;margin-top:6px;font-family:Satoshi,Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.3;display:block}.progress-sponsors{display:none}@media (min-width:901px){html[data-design] .game .marathon-progress.has-sponsors{grid-template-columns:max-content minmax(0,1fr) max-content 64px}.progress-sponsors{width:64px;min-width:0;color:inherit;display:block}.sponsor-logo-window{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.sponsor-logo-track{width:max-content;animation:8s steps(2,end) infinite sponsor-logo-scroll;display:flex}.sponsor-logo-group{flex-shrink:0;align-items:center;gap:8px;padding-right:8px;display:flex}.sponsor-logo-group .pixel-sponsor-logo{flex-shrink:0;width:56px}.progress-sponsors:hover .sponsor-logo-track{animation-play-state:paused}html[data-design] .game.fly-through>section.marathon-progress.hud-card.has-sponsors{display:grid!important}html[data-design] .game.fly-through:has(>.marathon-progress.has-sponsors) .fly-through-controls{top:110px}html[data-design] .game.fly-through>aside#race-statistics.left-stack.sponsor-only{max-height:none;top:28px;bottom:auto;transform:translate(0,0);display:block!important}.game.fly-through .left-stack.sponsor-only>:not(.section-partner-card){display:none}}@media (min-width:901px) and (max-width:1000px){html[data-design] .game .marathon-progress.has-sponsors{grid-template-columns:max-content minmax(0,1fr) max-content 48px;gap:8px}html[data-design] .game .marathon-progress.has-sponsors .progress-heading>span{display:none}.progress-sponsors{width:48px}.sponsor-logo-group .pixel-sponsor-logo{width:40px}}@keyframes sponsor-logo-scroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.sponsor-logo-track{width:auto;animation:none}.sponsor-logo-group{gap:8px;min-width:0;padding:0}.sponsor-logo-group .pixel-sponsor-logo{width:28px}.sponsor-logo-group[aria-hidden=true]{display:none}.sponsor-logo-window{-webkit-mask-image:none;mask-image:none}}@media (prefers-reduced-motion:reduce) and (min-width:901px) and (max-width:1000px){.sponsor-logo-group .pixel-sponsor-logo{width:20px}}
