.run-page{color:#17376f;min-height:100dvh;font-family:var(--font-ui,Tahoma,sans-serif);background:radial-gradient(at 80% 75%,#fce4eb,#0000 55%),linear-gradient(135deg,#eff4ff,#fff)}.run-page *{box-sizing:border-box}.run-page header{background:#ffffffdc;border-bottom:1px solid #dce4f1;justify-content:space-between;align-items:center;height:76px;padding:0 5%;display:flex}.run-page header a{color:#fff;background:#ce2242;border-radius:12px;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.run-page header svg{width:20px;height:20px}.run-page header strong{font-size:22px}.run-page header strong span{color:#ce2242}.run-welcome{grid-template-columns:1fr 1fr;align-items:center;gap:24px;max-width:1080px;min-height:calc(100dvh - 76px);margin:auto;padding:40px 32px;display:grid}.run-eyebrow{letter-spacing:3px;color:#cc2546;font-size:12px;font-weight:700}.run-copy h1{letter-spacing:normal;color:#203e81;margin:20px 0;font-size:clamp(42px,6vw,76px);line-height:1.4}.run-copy h1 span{color:#ce2242;letter-spacing:normal;margin-top:14px;font-size:clamp(18px,2.4vw,28px);line-height:1.6;display:block}.run-copy p{color:#60708a;font-size:17px;line-height:1.9}.run-soon{color:#294785;background:#e5edfc;border-radius:30px;margin-top:12px;padding:10px 16px;font-size:13px;display:inline-flex}.run-hero-athlete{object-fit:contain;filter:drop-shadow(0 15px 24px #22448918);width:100%;height:min(70vh,660px);display:block}@media (max-width:600px){.run-page header{height:64px;padding:0 16px}.run-page header a{font-size:12px}.run-page header strong{font-size:17px}.run-welcome{text-align:center;grid-template-columns:1fr;gap:12px;padding:36px 20px}.run-copy h1{font-size:46px}.run-hero-athlete{grid-row:2;height:40vh}.run-copy p{font-size:14px}}.run-page header .run-brand{align-items:center;gap:5px;display:flex}.run-brand>small{color:#7d878b;letter-spacing:2px;white-space:nowrap;border-left:1px solid #d9dde2;margin-left:12px;padding-left:17px;font-size:10px;font-weight:500}@media (max-width:700px){.run-brand>small{display:none}}.run-xp-exchange{color:#755013;width:100%;min-height:48px;font:inherit;cursor:pointer;background:linear-gradient(120deg,#fff1bd,#f4d27d);border:1px solid #e4be65;border-radius:13px;justify-content:center;align-items:center;gap:9px;margin:18px 0 12px;padding:10px 16px;font-weight:600;display:flex}.run-xp-exchange:disabled{color:#94a0b4;cursor:not-allowed;background:#f1f4f8;border-color:#e2e7ee}.run-xp-exchange:focus-visible{outline-offset:3px;outline:2px solid #9f701c}.run-dashboard{font-size:15px;line-height:1.6}.run-dashboard button,.run-dashboard select,.run-race button{font:inherit;cursor:pointer}.run-dashboard button:disabled,.run-race button:disabled{opacity:.5;cursor:default}.run-dashboard h1,.run-dashboard h2,.run-dashboard h3{letter-spacing:normal;line-height:1.5;font-family:var(--font-ui)}.run-dashboard-shell{max-width:1200px;margin:auto;padding:40px 28px 70px}.run-section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.run-section-title h1{color:#213f80;margin:8px 0;font-size:42px;font-weight:700}.run-section-title h1 span{color:#b52b4b;margin-top:2px;font-size:17px;font-weight:500;display:block}.run-section-title nav{background:#ffffffa8;border:1px solid #dae3f3;border-radius:16px;flex-wrap:wrap;gap:6px;padding:5px;display:flex}.run-section-title nav button{color:#64728a;background:0 0;border:0;border-radius:11px;padding:10px 15px}.run-section-title nav button[aria-current=page]{color:#fff;background:#244a96;box-shadow:0 4px 12px #244a9626}.run-overview{grid-template-columns:1.2fr 1fr;align-items:start;gap:28px;display:grid}.run-journey-card{background:#ffffffbc;border:1px solid #d8e2f1;border-radius:26px;overflow:hidden;box-shadow:0 14px 50px #2442770b}.run-card-heading{border-bottom:1px solid #e7ecf4;justify-content:space-between;gap:10px;padding:22px 26px;font-weight:700;display:flex}.run-card-heading small{letter-spacing:2px;color:#8797b1;font-size:10px}.run-map{padding:18px 24px 20px}.run-map svg{width:100%;height:570px;display:block}.run-map small{text-align:center;color:#8694ab;font-size:10px;display:block}.run-map a{color:inherit}.run-map-loading{color:#6c7e9b;place-items:center;min-height:500px;display:grid}.run-progress-card{background:#fff;border:1px solid #e0e7f2;border-radius:24px;padding:30px;box-shadow:0 14px 50px #2442770a}.run-progress-card h2{margin:12px 0 18px;font-size:24px}.run-total{flex-direction:column;margin-bottom:20px;display:flex}.run-total strong{color:#234895;font-variant-numeric:tabular-nums;font-size:clamp(34px,4vw,54px);line-height:1.4}.run-total span{color:#8996ac;font-size:13px}.run-progress-card progress{-webkit-appearance:none;appearance:none;accent-color:#da254b;background:#e7edf7;border:0;border-radius:20px;width:100%;height:8px;display:block;overflow:hidden}.run-progress-card progress::-webkit-progress-bar{background:#e7edf7}.run-progress-card progress::-webkit-progress-value{background:linear-gradient(90deg,#2c58b6,#e72d53)}.run-progress-label{color:#8291a8;justify-content:space-between;margin:8px 0 22px;font-size:12px;display:flex}.run-progress-card dl{margin:0 0 25px}.run-progress-card dl>div{border-bottom:1px solid #edf0f6;justify-content:space-between;gap:15px;padding:9px 0;display:flex}.run-progress-card dt{color:#8291a8}.run-progress-card dd{text-align:right;margin:0;font-weight:600}.run-start{color:#fff;background:linear-gradient(115deg,#224b9d 0%,#234491 65%,#d82248 66%);border:0;border-radius:13px;justify-content:center;align-items:center;width:100%;padding:14px 20px;text-decoration:none;display:flex;box-shadow:0 7px 18px #26448625;font-weight:700!important}.run-progress-card>small{text-align:center;color:#8b98ae;margin-top:12px;font-size:11px;display:block}.run-mini-hero{background:linear-gradient(110deg,#e6edff,#ffedf1);border-radius:24px;align-items:center;gap:20px;min-height:185px;margin-top:20px;padding:12px 22px;display:flex}.run-mini-hero img{object-fit:contain;width:95px;height:158px}.run-mini-hero h3{margin:0;font-size:18px}.run-mini-hero p{color:#75839b;font-size:12px}.run-history{margin-top:24px}.run-history h2{font-size:19px}.run-history>div{border-bottom:1px solid #dfe6f1;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.run-history small{color:#8291a8;display:block}.run-ranking,.run-rules{padding:0}.run-rank-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.run-rank-heading select{color:#294576;background:#fff;border:1px solid #dce4f2;border-radius:10px;padding:10px}.run-ranking h2,.run-rules h2{margin:0;font-size:25px}.run-my-rank{color:#34558c;background:#edf2ff;border-radius:12px;padding:14px 18px}.run-ranking ol{margin:20px 0;padding:0;list-style:none}.run-ranking li{border-bottom:1px solid #e7edf5;align-items:center;gap:16px;padding:16px 12px;display:flex}.run-ranking li>b{text-align:center;color:#ce2448;width:30px}.run-ranking li>strong{flex:1}.run-ranking li>span:last-child{font-variant-numeric:tabular-nums;font-weight:700}.run-ranking li small{color:#8896ab;font-size:11px;font-weight:400}.run-ranking li img,.run-avatar{object-fit:cover;background:#e7edfa;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.run-ranking .is-me{background:#f0f4ff}.run-ranking>small{color:#8a96aa}.run-paging{justify-content:center;align-items:center;gap:20px;margin:20px;display:flex}.run-paging button{color:#34528b;background:#fff;border:1px solid #dce4f1;border-radius:10px;padding:8px 14px}.run-rules li{color:#60708a;margin:16px 0}.run-rules a{color:#3159a1}.run-race{z-index:40;color:#fff;font-family:var(--font-ui,"Sukhumvit Set",Tahoma,sans-serif);touch-action:none;background:#18334e;position:fixed;inset:0;overflow:hidden}.run-race canvas{width:100%;height:100%;display:block}.run-race header{left:22px;right:22px;top:max(16px,env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute}.run-race header button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#142a4fdf;border:1px solid #fff4;border-radius:12px;padding:11px 16px}.run-race header>span{letter-spacing:2px;text-shadow:0 2px 6px #000;font-size:12px}.run-race header b{color:#ffbdca}.race-distance{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;white-space:nowrap;background:#102a50d9;border:1px solid #ffffff32;border-radius:20px;flex-direction:column;align-items:center;min-width:230px;padding:14px 32px;display:flex;position:absolute;top:90px;left:50%;transform:translate(-50%)}.race-distance small{color:#b8c9e5;font-size:11px}.race-distance strong{font-variant-numeric:tabular-nums;font-size:38px;line-height:1.5}.race-distance em{font-size:14px;font-style:normal;font-weight:400}.race-distance>span{color:#c3d1e7;font-size:12px}.race-distance i{background:#fff8;border-radius:50%;width:3px;height:3px;margin:0 10px;display:inline-block}.race-controls{bottom:calc(50px + env(safe-area-inset-bottom));justify-content:space-between;align-items:end;gap:18px;display:flex;position:absolute;left:26px;right:26px}.race-controls>div{gap:10px;display:flex}.race-controls button{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#142e53c9;border:1px solid #fff7;border-radius:18px;min-width:62px;height:62px;font-size:24px}.race-controls .race-forward{background:#ce2448e8;padding:0 25px;font-size:17px;font-weight:700;box-shadow:0 5px 24px #2d102044}.race-controls button:active{background:#3562ae}.race-help{bottom:calc(8px + env(safe-area-inset-bottom));text-align:center;color:#fff;text-shadow:0 1px 5px #000;pointer-events:none;font-size:11px;position:absolute;left:16px;right:16px}.race-notice{text-align:center;background:#172e53ed;border-radius:16px;max-width:90%;padding:20px;font-size:14px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}@media (max-width:700px){.run-dashboard-shell{padding:25px 16px 40px}.run-section-title h1{font-size:34px}.run-eyebrow{letter-spacing:2px;font-size:10px}.run-section-title nav{justify-content:center;width:100%}.run-section-title nav button{padding:9px 12px;font-size:12px}.run-overview{grid-template-columns:1fr;gap:20px}.run-map svg{height:410px}.run-progress-card{padding:24px}.run-overview>aside{display:contents}.run-journey-card{grid-row:2}.run-progress-card{grid-row:1}.run-mini-hero{grid-row:3}.run-ranking li{gap:9px;padding:14px 0;font-size:13px}.run-ranking h2{font-size:20px}.run-race header{left:12px;right:12px}.run-race header>span{letter-spacing:1px;font-size:10px}.run-race header button{font-size:12px}.race-distance{padding:10px 24px;top:80px}.race-distance strong{font-size:30px}.race-controls{left:16px;right:16px}.race-controls button{min-width:52px;height:56px}.race-controls .race-forward{padding:0 18px;font-size:14px}.race-help{font-size:9px}}@media (max-height:500px){.race-distance{min-width:160px;padding:7px 15px;top:68px;left:auto;right:18px;transform:none}.race-distance strong{font-size:25px}.race-controls{bottom:35px}.race-controls button{height:48px}.race-help{bottom:0}}.run-demo{color:#294f99;background:#f5f8ff;border:1px solid #d9e4f5;border-radius:12px;width:100%;margin-top:12px;padding:10px;font-size:13px}.race-checkpoint{color:#fff;white-space:nowrap;background:#163157d9;border-radius:10px;padding:6px 14px;font-size:11px;position:absolute;top:220px;left:50%;transform:translate(-50%)}.race-retry{z-index:2;color:#fff;cursor:pointer;background:#c72449;border:0;border-radius:12px;padding:12px 20px;position:absolute;top:56%;left:50%;transform:translate(-50%)}@media (max-width:700px){.race-checkpoint{font-size:10px;top:195px}}@media (max-height:500px){.race-checkpoint{top:172px;left:auto;right:18px;transform:none}}.race-retry{background:0 0;flex-wrap:wrap;justify-content:center;gap:10px;width:90%;max-width:420px;display:flex}.race-retry button{color:#fff;background:#c72449;border:1px solid #fff7;border-radius:10px;padding:10px 15px;font-size:13px}.race-retry button+button{background:#243e65}.run-dashboard{--run-header-height:76px}.run-dashboard>header{z-index:30;height:var(--run-header-height);background:#fff;position:sticky;top:0}.run-section-menu{top:var(--run-header-height);z-index:29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f7fff5;border-bottom:1px solid #dce4f1;justify-content:flex-end;gap:8px;padding:14px max(20px,50% - 572px);display:flex;position:sticky}.run-section-menu button{color:#34528b;white-space:nowrap;background:#fff;border:1px solid #d9e3f4;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;display:inline-flex}.run-section-menu button[aria-current=page]{color:#fff;background:#244a96;border-color:#244a96}.run-dashboard button,.run-race button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.run-start{gap:8px}.run-dashboard .ui-icon,.run-race .ui-icon{width:20px;height:20px;color:inherit;flex-shrink:0}.run-confirm{font-family:var(--font-ui,Tahoma,sans-serif);touch-action:auto;border:0;max-height:calc(100dvh - 40px);margin:auto;overflow:auto}.run-confirm::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08132fa6}.run-confirm button{font-family:inherit}.run-confirm button:focus-visible{outline-offset:3px;outline:2px solid #244a96}@media (max-width:600px){.run-dashboard{--run-header-height:64px}.run-section-menu{justify-content:center;gap:5px;padding:10px 8px}.run-section-menu button{gap:5px;padding:9px 8px;font-size:12px}.run-section-menu .ui-icon{width:17px;height:17px}}.race-controls .race-forward{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#e7efff40;border:2px solid #edf3ffb3;border-radius:50%;place-items:center;width:116px;min-width:116px;height:116px;padding:0;transition:background .15s,box-shadow .15s;display:grid;position:relative;box-shadow:0 5px 24px #10294a33}.race-run-knob{pointer-events:none;background:linear-gradient(145deg,#f04363,#bd183b);border:2px solid #fff0f3;border-radius:50%;place-items:center;width:54px;height:54px;transition:transform .15s;display:grid;box-shadow:0 4px 16px #43142944}.run-race .race-run-knob .ui-icon{color:#fff;width:28px;height:28px}.race-run-label{pointer-events:none;text-shadow:0 1px 4px #10294a;font-size:11px;font-weight:700;line-height:1.2;position:absolute;bottom:7px}.race-controls .race-forward:active,.race-controls .race-forward[aria-pressed=true]{background:#f850704a;box-shadow:0 0 0 5px #ffb0c024,0 5px 24px #10294a33}.race-forward:active .race-run-knob,.race-forward[aria-pressed=true] .race-run-knob{transform:scale(.92)}@media (max-width:700px),(max-height:500px){.race-controls .race-forward{width:104px;min-width:104px;height:104px;padding:0}.race-run-knob{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.race-controls .race-forward,.race-run-knob{transition:none}}.race-unified-controls{justify-content:flex-end}.race-controls .race-joystick{width:132px;min-width:132px;height:132px}.race-joystick .race-run-knob{z-index:1;transition:none;position:relative}.race-joy-up,.race-joy-left,.race-joy-right{pointer-events:none;color:#fff;opacity:.85;place-items:center;display:grid;position:absolute}.race-joy-up{top:7px}.race-joy-left{left:6px}.race-joy-right{right:6px}.run-race .race-joystick .race-joy-up svg,.run-race .race-joystick .race-joy-left svg,.run-race .race-joystick .race-joy-right svg{width:17px;height:17px}@media (max-width:700px),(max-height:500px){.race-controls .race-joystick{width:116px;min-width:116px;height:116px}}.run-race .race-joystick :is(.race-joy-up,.race-joy-left,.race-joy-right) .ui-icon{stroke:currentColor;color:#fff!important}.run-collection{background:0 0;border:0;margin-top:36px;padding:28px 0}.run-collection-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.run-collection h2{margin:8px 0;font-size:24px}.run-collection p{color:#647590;margin:0;font-size:13px}.run-collection-heading>strong{white-space:nowrap;color:#274d96;background:#e9effc;border-radius:30px;padding:10px 15px}.run-milestone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.run-milestone-grid article{background:#fff;border:1px solid #dce4f1;border-radius:18px;overflow:hidden}.run-milestone-grid article.is-earned{border-color:#c9a66a}.run-milestone-grid article>img{object-fit:cover;width:100%;height:135px;display:block}.run-milestone-copy{text-align:center;padding:0 18px 20px}.run-badge{filter:drop-shadow(0 4px 6px #19365320);width:86px;height:104px;margin:auto;display:block}.run-milestone-copy>.run-badge{margin-top:-36px;position:relative}.run-milestone-copy small{color:#6d7c95;margin-top:12px;font-size:11px;display:block}.run-milestone-copy h3{margin:7px 0;font-size:18px}.run-badge-status{color:#637695;justify-content:center;align-items:center;gap:6px;margin:16px 0;font-size:12px;display:flex}.is-earned .run-badge-status{color:#23846c}.run-collection>small{color:#647590;margin-top:16px;font-size:11px;display:block}.race-stage{color:#fff;pointer-events:none;background:#102a50dd;border:1px solid #ffffff38;border-radius:14px;align-items:center;gap:10px;max-width:270px;padding:12px 16px;font-size:14px;display:flex;position:absolute;top:100px;left:22px}.race-stage small{color:#d4e1f5;margin-top:4px;font-size:10px;display:block}.run-reward{padding:22px 0 12px;position:relative;overflow:hidden}.run-reward>.run-badge{width:115px;height:138px;animation:.6s ease-out run-badge-arrive}.run-reward i{top:5px;left:calc(5% + var(--n)*6%);width:5px;height:9px;animation:2s ease-out both run-confetti;animation-delay:calc(var(--n)*40ms);background:#d42b52;position:absolute}.run-reward i:nth-child(3n){background:#ddb457}.run-reward i:nth-child(3n+1){background:#395bb5}.race-rest-toast{color:#226744;text-align:center;pointer-events:none;background:#e7f7ec;border-radius:12px;padding:10px 18px;font-size:12px;position:absolute;top:275px;left:50%;transform:translate(-50%)}@keyframes run-badge-arrive{0%{opacity:0;transform:scale(.65)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes run-confetti{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(165px)rotate(260deg)}}@media (max-width:700px){.run-collection{padding:20px 0}.run-collection h2{font-size:20px}.run-milestone-grid{grid-template-columns:1fr}.run-milestone-grid article>img{height:170px}.race-stage{max-width:220px;padding:8px 10px;font-size:12px;top:240px;left:12px}.race-stage small{font-size:9px}.race-rest-toast{width:max-content;max-width:90%;top:335px}.run-collection-heading{align-items:start}}@media (max-height:500px){.race-stage{max-width:220px;top:78px;left:12px}.race-rest-toast{top:205px}}@media (prefers-reduced-motion:reduce){.run-reward>.run-badge,.run-reward i{animation:none}.run-reward i{display:none}}.journey-atlas{min-width:0;box-shadow:none;background:0 0;border:0;align-self:start;padding:8px 8px 0}.atlas-heading{text-align:center;margin-bottom:12px}.atlas-heading>span{letter-spacing:1.1px;color:#bf3853;font-size:11px}.run-dashboard .atlas-heading h2{color:#23487f;margin:8px 0;font-size:28px}.atlas-heading p{color:#6d8099;justify-content:center;align-items:center;gap:12px;margin:0;font-size:12px;display:flex}.atlas-heading i{background:#b68b4e;border-radius:50%;width:3px;height:3px}.atlas-canvas{position:relative}.atlas-art{width:100%;height:650px;display:block;overflow:hidden}.atlas-city text{font-family:var(--font-ui,Tahoma,sans-serif);fill:#254467;paint-order:stroke;stroke:#f7f9f4;stroke-width:3px;stroke-linejoin:round;font-size:10px;font-weight:600}.atlas-marker{cursor:pointer}.atlas-marker:hover circle{fill:#e23759;stroke:#fff}.atlas-active-label{font-family:var(--font-ui,Tahoma,sans-serif);fill:#a91e3a;paint-order:stroke;stroke:#fff;stroke-width:1.5px;stroke-linejoin:round}.atlas-zoom{flex-direction:column;gap:6px;display:flex;position:absolute;top:18px;right:0}.atlas-zoom button,.atlas-picker button{color:#315997;background:#fff;border:0;border-radius:50%;width:36px;height:36px;padding:0;box-shadow:0 3px 12px #274d9612}.atlas-zoom button:disabled,.atlas-picker button:disabled{opacity:.35}.atlas-explore{max-width:410px;margin:12px auto 0}.atlas-explore>label{color:#365781;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.atlas-picker{align-items:center;gap:8px;display:flex}.atlas-picker select{color:#294977;min-width:0;max-width:100%;font:inherit;background:0 0;border:0;border-bottom:1px solid #c7d4e6;flex:1;padding:9px 2px;font-size:13px}.atlas-explore p{color:#71839b;align-items:center;gap:6px;margin:10px 0;font-size:11px;display:flex}.atlas-explore p .ui-icon{width:14px;height:14px}.atlas-explore p>span{margin-left:auto}.atlas-caption{text-align:center;color:#6f839a;margin-top:18px;font-size:11px;display:block}.atlas-credit{text-align:center;margin-top:12px;font-size:14px;line-height:1.6;display:block}.atlas-credit a,.atlas-credit a:hover{color:inherit;text-decoration:none}.atlas-credit a:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #315997}@media (max-width:700px){.journey-atlas{grid-row:2;padding:8px 0}.atlas-art{height:570px}.run-dashboard .atlas-heading h2{font-size:25px}.atlas-zoom{right:2px}.atlas-explore{padding:0 8px}}@media (max-width:380px){.atlas-art{height:510px}.atlas-picker select{font-size:12px}}.atlas-picker{align-items:flex-end}.atlas-picker>.sheet-select-field{flex:1;min-width:0}.atlas-picker>button{flex:none;margin-bottom:6px}.atlas-picker .sheet-select-trigger{font:inherit;box-shadow:none;font-size:13px}.atlas-picker .sheet-select-label{color:#365781;font-size:12px}.run-rank-heading>.sheet-select-field{min-width:180px}.run-rank-heading .sheet-select-trigger{font-family:inherit;font-size:14px}@media (max-width:480px){.run-rank-heading{flex-direction:column;align-items:start}.run-rank-heading>.sheet-select-field{width:100%}}.race-speed-power{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;text-align:center;font-variant-numeric:tabular-nums;color:#fff;background:linear-gradient(155deg,#102a50ed,#102a50bf);border:1px solid #ffffff40;border-radius:18px;width:132px;padding:12px;position:absolute;top:100px;right:22px;box-shadow:0 8px 28px #061a3430}.speed-power-title{color:#d5e5ff;font-size:11px}.speed-power-number{margin:5px 0 10px;font-size:29px;line-height:1.2;display:block}.speed-power-number small{color:#c0d0e9;margin-top:3px;font-size:9px;font-weight:400;display:block}.speed-power-gauge{width:62px;height:clamp(100px,21vh,180px);margin:0 auto 12px;position:relative}.speed-power-track{background:repeating-linear-gradient(0deg,#ffffff0c 0 calc(6.25% - 2px),#ffffff25 calc(6.25% - 2px) 6.25%);border:1px solid #ffffff40;border-radius:10px;position:absolute;inset:0 23px 0 0;overflow:hidden;box-shadow:inset 0 2px 10px #0004}.speed-power-fill{clip-path:inset(calc(100% - var(--speed-fill)) 0 0);filter:drop-shadow(0 0 8px #53edc8);background:linear-gradient(#ffb54c 0%,#e5ee70 25%,#36e0b4 50%,#21b9e4 100%);transition:clip-path .12s linear;position:absolute;inset:0}.speed-power-divider{border-top:1px solid #f4f8ff8c;position:absolute;left:0;right:0}.speed-power-base{bottom:50%}.speed-power-streak{bottom:75%}.speed-power-ceiling{left:0;right:0;bottom:var(--speed-ceiling);border-top:2px dashed #fff;transition:bottom .2s linear;position:absolute;transform:translateY(2px)}.speed-power-scale{color:#c8d9ef;width:18px;font-size:9px;position:absolute;inset:0 0 0 auto}.speed-power-scale span{position:absolute;right:0;transform:translateY(50%)}.speed-power-scale span:first-child{top:0;transform:translateY(-40%)}.speed-power-scale span:nth-child(2){bottom:75%}.speed-power-scale span:nth-child(3){bottom:50%}.speed-power-scale span:nth-child(4){bottom:0}.speed-power-bonuses{text-align:left;gap:5px;font-size:9px;display:grid}.speed-power-bonuses>span{color:#d5e5ff;justify-content:space-between;gap:3px;display:flex}.speed-power-bonuses b{color:#77efce;font-weight:600}.speed-power-bonuses i{color:#a8bdd8;font-style:normal;font-weight:400}.speed-power-potential{color:#d5e5ff;border-top:1px solid #ffffff25;margin:10px 0 6px;padding-top:9px;font-size:9px}.speed-power-potential strong{color:#ffe399;font-size:18px;line-height:1.5;display:block}.speed-power-potential small{font-size:8px;font-weight:400}.speed-power-tip{color:#b6cce6;font-size:9px;line-height:1.6}.speed-power-accessible{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:700px){.race-speed-power{border-radius:14px;width:104px;padding:9px;top:240px;right:12px}.speed-power-title{font-size:10px}.speed-power-number{margin-bottom:8px;font-size:24px}.speed-power-gauge{height:clamp(70px,15vh,120px);margin-bottom:9px}.speed-power-bonuses{gap:4px;font-size:8px}.speed-power-potential{margin-top:7px;padding-top:6px}.speed-power-potential strong{font-size:16px}.speed-power-tip{font-size:8px}.race-stage{max-width:calc(100vw - 140px)}}@media (max-height:650px) and (min-height:501px){.speed-power-gauge{height:75px}.speed-power-tip{display:none}}@media (max-height:500px){.race-speed-power{width:108px;padding:8px;top:70px;right:18px}.speed-power-gauge{height:65px;margin-bottom:7px}.speed-power-number{margin:3px 0 6px;font-size:22px}.speed-power-tip{display:none}.speed-power-bonuses{gap:3px;font-size:8px}.speed-power-potential{margin:5px 0 0;padding-top:5px}.race-distance{right:145px}}@media (prefers-reduced-motion:reduce){.speed-power-fill,.speed-power-ceiling{transition:none}}@media (max-width:700px) and (min-height:501px) and (max-height:750px){.race-speed-power{padding:8px;top:230px}.speed-power-gauge{height:65px;margin-bottom:7px}.speed-power-number{margin:3px 0 6px;font-size:22px}.speed-power-tip{display:none}.speed-power-bonuses{gap:3px}.speed-power-potential{margin:5px 0 0;padding-top:5px}}.speed-power-ceiling-label{color:#c8d9ef;margin:-5px 0 9px;font-size:8px;display:block}@media (max-width:700px) and (min-height:651px) and (max-height:750px){.speed-power-gauge{height:45px}}@media (max-width:700px) and (min-height:501px) and (max-height:650px){.race-speed-power{top:80px}.race-distance{width:calc(100% - 140px);min-width:0;padding:10px 8px;left:12px;transform:none}.race-distance strong{font-size:24px}.race-distance>span{font-size:10px}.race-checkpoint{padding:5px 8px;font-size:8px;top:185px;left:12px;transform:none}.race-stage{top:225px}.speed-power-gauge{height:45px}}@media (max-height:500px){.speed-power-bonuses,.speed-power-ceiling-label{display:none}.speed-power-gauge{height:50px}.speed-power-potential{border:0;padding:0;font-size:8px}.speed-power-potential strong{margin-left:3px;font-size:12px;display:inline}}.race-header-tools{align-items:center;gap:12px;display:flex}.race-header-tools>span{letter-spacing:2px;text-shadow:0 2px 6px #000;font-size:12px}.race-header-tools b{color:#ffbdca}.run-race header .race-sound-toggle{align-items:center;gap:6px;padding:8px 10px;display:flex}.race-sound-toggle svg{width:18px;height:18px}.race-sound-toggle small{font-size:10px}.race-sound-toggle[aria-pressed=false]{opacity:.7}@media (max-width:700px){.race-header-tools>span{display:none}.race-header-tools{gap:6px}}.run-collection-heading h2{scroll-margin-top:calc(var(--run-header-height,76px) + 96px)}.run-checkpoint-page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;display:flex}.run-checkpoint-page-heading>span{color:#647590;font-size:12px}.run-checkpoint-paging{justify-content:center;align-items:center;gap:10px;margin:18px 0;display:flex}.run-checkpoint-page-heading .run-checkpoint-paging{margin:0}.run-checkpoint-paging button{color:#34528b;background:#fff;border:1px solid #dce4f1;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:9px 12px;font-size:12px;display:flex}.run-checkpoint-paging svg{width:16px;height:16px}@media (max-width:480px){.run-checkpoint-page-heading{justify-content:center}.run-checkpoint-paging{gap:7px}.run-checkpoint-paging button{padding:9px}}.run-checkpoint-page-number{text-align:center;color:#34528b;font-variant-numeric:tabular-nums;min-width:32px;font-size:14px;font-weight:600}.run-runner-picker{padding:0}.run-runner-picker h2{color:#213f80;margin:0;font-size:25px}.run-runner-picker>p{color:#647590;margin:8px 0 24px}.run-runner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.run-runner-grid>button{color:#294576;cursor:pointer;background:#fff;border:1px solid #dce4f1;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:18px;display:flex}.run-runner-grid>button[aria-pressed=true]{background:#f0f5ff;border:2px solid #3159a1;box-shadow:0 6px 20px #3159a118}.run-runner-preview{background:radial-gradient(at 50% 90%,#dce6f3,#0000 60%);border-radius:14px;justify-content:center;align-items:center;width:100%;height:230px;display:flex}.run-runner-preview img{object-fit:contain;width:100%;height:100%}.run-runner-grid strong{font-size:15px}.run-runner-grid>button>span{color:#627897;align-items:center;gap:6px;font-size:12px;display:flex}.run-runner-grid svg{width:16px;height:16px}@media (max-width:700px){.run-runner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.run-runner-preview{height:180px}.run-runner-grid>button{padding:12px}.run-runner-grid strong{font-size:12px}.run-section-menu{flex-wrap:wrap}}.run-history-all{margin-top:0;padding:0}.run-history-all h2{margin-top:0;font-size:25px}.run-history-all>.run-history-items{border:0;padding:0;display:block}.run-history-items article{border-bottom:1px solid #e7edf5;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.run-history-items article>b{white-space:nowrap;color:#234895}.run-history-all>.run-paging{border:0;padding:0;font-size:13px}@media (max-width:600px){.run-history-items article{font-size:13px}}.race-distance>small{align-items:center;gap:10px;display:flex}.race-run-time{color:#ffe399;font-variant-numeric:tabular-nums;border-left:1px solid #ffffff40;padding-left:10px;font-size:13px;font-weight:600;display:inline-block}.run-race>canvas.game-completion-fireworks,.run-confirm>canvas.game-completion-fireworks{pointer-events:none;z-index:5;background:0 0;width:100vw;max-width:none;height:100dvh;max-height:none;position:fixed;inset:0}.run-confirm>canvas.game-completion-fireworks{z-index:10}.run-race .race-run-time{letter-spacing:.4px}@media (max-width:700px){.race-distance>small{gap:6px;font-size:9px}.race-run-time{padding-left:6px;font-size:11px}}@media (prefers-reduced-motion:reduce){.run-race .game-completion-fireworks,.run-confirm .game-completion-fireworks{display:none}}.run-fitness-rules{margin:24px 0 30px}.run-fitness-rules h3{color:#234895;margin:0 0 12px;font-size:19px}.run-fitness-rules>p{color:#647590;margin:12px 0 22px;font-size:12px;line-height:1.8}.run-fitness-table-scroll{background:#fff;border:1px solid #dce4f1;border-radius:14px;overflow-x:auto}.run-fitness-table-scroll+.run-fitness-table-scroll{margin-top:24px}.run-fitness-table-scroll table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.run-fitness-table-scroll caption{text-align:left;color:#34528b;background:#f4f7fd;padding:12px 15px;font-size:12px}.run-fitness-table-scroll th,.run-fitness-table-scroll td{border-top:1px solid #e7edf5;padding:12px 15px}.run-fitness-table-scroll thead{color:#294576;background:#eaf0fc}.run-fitness-table-scroll tbody th{font-weight:600}.run-fitness-table-scroll td{color:#536783}.speed-power-bonuses .speed-power-fitness{font-weight:600}.speed-power-fitness i{color:inherit}@media (max-width:600px){.run-fitness-table-scroll table{font-size:11px}.run-fitness-table-scroll th,.run-fitness-table-scroll td{padding:10px 8px}.run-fitness-rules h3{font-size:17px}}@media (max-height:500px){.speed-power-bonuses .speed-power-fitness{display:flex}.speed-power-bonuses:has(.speed-power-fitness){display:block}.speed-power-bonuses:has(.speed-power-fitness)>span:not(.speed-power-fitness){display:none}}.run-checkpoint-paging{flex-wrap:wrap}.run-checkpoint-paging .run-show-all{color:#234895;background:#edf3ff;border-color:#b9cbed}@media (orientation:landscape) and (max-height:500px){.run-race{--race-side:max(12px,env(safe-area-inset-left));--race-right:max(12px,env(safe-area-inset-right));--race-route-width:clamp(160px,28vw,220px)}.run-race .race-stage{left:var(--race-side);width:var(--race-route-width);max-width:var(--race-route-width);padding:8px 10px;font-size:12px;top:78px}.run-race .race-stage small{font-size:9px;line-height:1.6}.run-race .race-checkpoint{left:var(--race-side);width:var(--race-route-width);white-space:normal;overflow-wrap:anywhere;padding:7px 10px;font-size:10px;line-height:1.6;top:176px;right:auto;transform:none}.run-race .race-distance{left:auto;right:calc(var(--race-right) + 120px);width:clamp(180px,28vw,250px);min-width:0;padding:8px 10px;top:68px;transform:none}.run-race .race-distance strong{font-size:25px}.run-race .race-distance>span{font-size:10px}.run-race .race-distance>small{gap:6px;font-size:9px}.run-race .race-run-time{padding-left:6px;font-size:11px}.run-race .race-speed-power{right:var(--race-right);width:104px;top:68px}.run-race .speed-power-gauge{height:35px;margin-bottom:5px}.run-race .speed-power-potential{margin-top:4px;padding-top:4px;font-size:8px}.run-race .speed-power-potential strong{font-size:14px}.run-race .race-controls{right:var(--race-right);bottom:calc(30px + env(safe-area-inset-bottom))}.run-race .race-controls .race-joystick{width:104px;min-width:104px;height:104px}}@media (orientation:landscape) and (max-height:380px){.run-race .race-speed-power{padding:7px}.run-race .speed-power-gauge,.run-race .speed-power-potential{display:none}.run-race .speed-power-number{margin:3px 0 5px}.run-race .race-header-tools>span{display:none}}.race-xp{color:#fff4ce;white-space:nowrap;text-shadow:0 2px 5px #102034,0 0 12px #10203480;pointer-events:none;background:0 0;border:0;align-items:baseline;padding:0;font-size:28px;font-weight:700;line-height:1.2;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-100%)}.race-xp b{font-size:inherit;font-weight:inherit;color:inherit;transition:color .15s}.race-xp b.is-increasing{color:#65f09b}@media (orientation:landscape) and (max-height:500px){.race-xp{font-size:24px}}.run-progress-card dd>small{white-space:normal;margin-top:5px;font-size:12px;font-weight:400;line-height:1.5;display:block}.run-checkpoint-filter{color:#34528b;flex:330px;align-items:center;gap:8px;min-width:0;max-width:480px;display:flex}.run-dashboard .run-checkpoint-filter>svg{width:18px;height:18px}.run-checkpoint-filter-options{background:#fff;border:1px solid #b9cbed;border-radius:10px;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid;overflow:hidden}.run-checkpoint-filter-options label{cursor:pointer;min-width:0;position:relative}.run-checkpoint-filter-options label+label{border-left:1px solid #b9cbed}.run-checkpoint-filter-options input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.run-checkpoint-filter-options>label>span{white-space:nowrap;justify-content:center;align-items:center;min-height:44px;padding:8px 6px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.run-checkpoint-filter-options label:hover>span{background:#edf3ff}.run-checkpoint-filter-options input:checked+span{color:#fff;background:#244a96}.run-checkpoint-filter-options input:focus-visible+span{outline-offset:-4px;outline:2px solid #b98732}.run-collection .run-checkpoint-empty{text-align:center;padding:24px 0}@media (max-width:700px){.run-collection-heading h2{scroll-margin-top:calc(var(--run-header-height,76px) + 144px)}}@media (max-width:600px){.run-checkpoint-page-heading>span{flex-basis:100%}.run-checkpoint-filter{flex-basis:100%;max-width:none}}@media (max-width:360px){.run-checkpoint-filter-options>label>span{font-size:12px}}.run-milestone-grid .is-earned .run-badge-status{box-sizing:border-box;color:#805700;background:#fff1c9;border:1px solid #ebd18b;border-radius:999px;max-width:100%;min-height:28px;padding:5px 9px;font-weight:600;line-height:1.5;display:inline-flex}.run-milestone-grid .is-earned .run-badge-status svg{flex:none;width:15px;height:15px}.run-header-actions{align-items:center;gap:24px;min-width:0;display:flex}.run-equipment-button{color:#fff;min-height:44px;font:inherit;white-space:nowrap;cursor:pointer;background:linear-gradient(110deg,#294898 0 50%,#e51d46 50% 100%);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #29489820}.run-equipment-button:hover{filter:brightness(1.08)}.run-equipment-button:focus-visible{outline-offset:3px;outline:2px solid #294898}@media (max-width:700px){.run-dashboard{--run-header-height:64px}.run-dashboard>header{height:var(--run-header-height);flex-wrap:nowrap;gap:8px;padding:0 12px}.run-dashboard>header>a{flex:none;gap:5px;padding:8px;font-size:12px}.run-header-actions{justify-content:flex-end;gap:8px;width:auto}.run-equipment-button{gap:5px;min-height:40px;padding:8px;font-size:12px}.run-header-actions .run-brand{white-space:nowrap;font-size:17px}.run-equipment-button>svg{width:18px;height:18px}}@media (max-width:360px){.run-dashboard>header{gap:6px;padding-inline:10px}.run-header-actions{gap:6px}.run-header-actions .run-brand{gap:3px;font-size:14px}.run-dashboard>header>a,.run-equipment-button{padding-inline:7px;font-size:11px}}.run-dashboard.run-equipment-page{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.run-equipment-page>header,.run-equipment-page>.run-section-menu{flex:none}.run-equipment-page>.run-dashboard-shell{flex-direction:column;flex:1;width:100%;min-height:0;margin:0 auto;padding:16px 28px;display:flex;overflow:hidden}.run-equipment-page .affiliate-catalog{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.run-equipment-page .affiliate-filters-row{flex:none;margin:0 0 16px}.run-equipment-page .affiliate-products-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.run-equipment-page .affiliate-empty-state{background:0 0}.run-equipment-page .affiliate-footer{background:#fff;border-top:1px solid #dce4f1;flex:none;margin:0;padding:12px 0 0}.run-equipment-page .affiliate-footer>.run-checkpoint-paging{justify-content:center;align-items:center;gap:12px;margin:0;padding:0;display:flex}@media (max-width:700px){.run-dashboard.run-equipment-page{height:auto;min-height:100dvh;display:block;overflow:visible}.run-equipment-page>.run-dashboard-shell{padding:12px 16px;display:block;overflow:visible}.run-equipment-page .affiliate-catalog{display:block;overflow:visible}.run-equipment-page .affiliate-products-scroll{overflow:visible}.run-equipment-page .affiliate-footer{position:static}}@media (min-width:701px){.run-dashboard.run-equipment-page{height:auto;min-height:100dvh;display:block;overflow:visible}.run-equipment-page>.run-dashboard-shell,.run-equipment-page .affiliate-catalog{display:block;overflow:visible}.run-equipment-page .affiliate-filters-row{top:calc(var(--run-header-height,76px) + 75px);z-index:28;background:#f4f7ff;position:sticky}.run-equipment-page .affiliate-products-scroll{overflow:visible}.run-equipment-page .affiliate-footer{position:static}}.run-spectator-entry{isolation:isolate;box-sizing:border-box;color:#fff;background:#070e24;border:0;border-radius:17px;align-items:flex-end;min-height:170px;margin:12px 0 18px;padding:24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:clip;box-shadow:0 6px #101d42,0 14px 28px #243f7224}.run-spectator-entry:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#080f2510 0%,#080f2560 52%,#050b20f2 100%);position:absolute;inset:0}.run-spectator-scene{z-index:-2;object-fit:cover;object-position:center 45%;width:100%;height:100%;transition:transform .45s;position:absolute;inset:0}.run-spectator-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c5ebff;letter-spacing:1px;background:#08172aa8;border:1px solid #a1d8ff55;border-radius:7px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:14px;left:16px}.run-dashboard .run-spectator-badge .ui-icon{width:13px;height:13px}.run-spectator-copy{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.run-spectator-copy strong{color:#fff;text-shadow:0 2px 8px #050b20;font-size:19px;font-weight:650;line-height:1.5}.run-spectator-copy small{color:#c2d3ee;font-size:11px;line-height:1.6}.run-spectator-entry:hover{transform:translateY(-3px);box-shadow:0 9px #101d42,0 19px 32px #243f7230}.run-spectator-entry:hover .run-spectator-scene{transform:scale(1.045)}.run-spectator-entry:active{transform:translateY(3px);box-shadow:0 3px #101d42,0 7px 16px #243f7220}.run-spectator-entry:focus-visible{outline-offset:5px;outline:3px solid #3c9be8}@media (max-width:700px){.run-spectator-entry{min-height:155px;margin-bottom:18px;padding:20px}.run-spectator-copy strong{font-size:17px}.run-spectator-copy small{font-size:10px}}@media (prefers-reduced-motion:reduce){.run-spectator-entry,.run-spectator-scene{transition:none}.run-spectator-entry:hover .run-spectator-scene{transform:none}}button.run-spectator-entry{text-align:left;width:100%;font-family:inherit}.run-race header .race-info-toggle{align-items:center;gap:6px;min-height:38px;padding:8px 10px;display:flex}.race-info-toggle svg{width:18px;height:18px}.race-info-toggle small{font-size:10px}.race-info-toggle:focus-visible{outline-offset:3px;outline:2px solid #fff}.run-race[data-info-panels=hide]>:is(.race-distance,.race-stage,.race-checkpoint,.race-xp,.race-speed-power,.race-help){display:none}@media (max-width:700px){.run-race[data-info-panels=auto]>:is(.race-distance,.race-stage,.race-checkpoint,.race-xp,.race-speed-power,.race-help){display:none}.run-race header .race-info-toggle{min-width:38px;min-height:38px}}.run-checkpoint-filter-options>label>span{white-space:normal;text-align:center;gap:6px}.run-dashboard .run-checkpoint-filter-options>label>span>svg{flex:none;width:17px;height:17px}@media (max-width:360px){.run-checkpoint-filter-options>label>span{gap:4px;padding-inline:4px}.run-dashboard .run-checkpoint-filter-options>label>span>svg{width:15px;height:15px}}@media (max-width:600px){.run-dashboard .run-section-menu{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px 16px;display:grid}.run-dashboard .run-section-menu button{gap:0;min-width:0;min-height:48px;padding:10px}.run-dashboard .run-section-menu button .run-tab-label{display:none}.run-dashboard .run-section-menu button .ui-icon{flex:none;width:26px;height:26px}}