:root{--font-display: "Skyfall Display", "Segoe UI", system-ui, sans-serif;--font-body: "Skyfall Body", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--navy-900: #0b1b3a;--navy-800: #12285a;--navy-700: #1b3a7a;--sky-300: #93c5fd;--sky-100: #e0f2fe;--gold-300: #fde68a;--gold-400: #facc15;--gold-500: #f5b300;--gold-700: #b45309;--rose-400: #f472b6;--mint-400: #34d399;--danger: #f87171;--ink: #f8fafc;--ink-dim: #cbd5e1;--ink-mute: #94a3b8;--panel: rgba(11, 27, 58, .78);--panel-strong: rgba(11, 27, 58, .92);--panel-line: rgba(147, 197, 253, .22);--glass-blur: blur(14px);--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--shadow-lg: 0 18px 50px rgba(4, 12, 32, .45);--shadow-btn: 0 5px 0 var(--gold-700), 0 10px 24px rgba(180, 83, 9, .35);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#cfe9ff;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}.game-root{position:fixed;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.game-root:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 120% 90% at 50% 45%,transparent 60%,rgba(11,27,58,.28) 100%)}.game-root>.layer{z-index:1}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.layer{position:absolute;inset:0;pointer-events:none}.layer>*{pointer-events:auto}.game-root,.game-root *{scrollbar-width:thin;scrollbar-color:rgba(147,197,253,.55) transparent}.game-root *:hover{scrollbar-color:rgba(250,204,21,.75) transparent}.game-root ::-webkit-scrollbar{width:10px;height:10px}.game-root ::-webkit-scrollbar-track{background:transparent}.game-root ::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:var(--r-pill);background:#93c5fd8c padding-box}.game-root ::-webkit-scrollbar-thumb:hover{background:#facc15cc padding-box}.game-root ::-webkit-scrollbar-corner{background:transparent}.display{font-family:var(--font-display);font-weight:900;letter-spacing:.01em}.eyebrow{font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-300)}.muted{color:var(--ink-mute)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-5);border:1px solid var(--panel-line);border-radius:var(--r-pill);background:#ffffff14;font-family:var(--font-display);font-weight:800;font-size:16px;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease;touch-action:manipulation}.btn:hover{background:#ffffff24;border-color:#93c5fd73}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn:focus-visible,.icon-btn:focus-visible,.card-btn:focus-visible,.tab:focus-visible,.seg button:focus-visible{outline:3px solid var(--gold-300);outline-offset:3px}.btn-primary{min-height:60px;padding:0 var(--s-6);border:none;background:linear-gradient(180deg,var(--gold-300),var(--gold-500));color:#3b2300;font-size:22px;box-shadow:var(--shadow-btn);text-shadow:0 1px 0 rgba(255,255,255,.5)}.btn-primary:hover{background:linear-gradient(180deg,#fff1b0,var(--gold-400))}.btn-primary:active{transform:translateY(4px);box-shadow:0 1px 0 var(--gold-700),0 4px 12px #b453094d}.btn-small{min-height:40px;padding:0 var(--s-4);font-size:14px}.btn-block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:var(--r-pill);border:1px solid var(--panel-line);background:var(--panel);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);cursor:pointer}.icon{width:20px;height:20px;flex:none}.scrim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#0b1b3a26,#0b1b3a9e)}.scrim-strong{background:#0812289e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--s-5) + var(--safe-top)) calc(var(--s-4) + var(--safe-right)) calc(var(--s-5) + var(--safe-bottom)) calc(var(--s-4) + var(--safe-left));overflow-y:auto;animation:fade-in .22s ease both}.panel{width:min(560px,100%);max-height:100%;overflow-y:auto;padding:var(--s-5);border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--panel-line);box-shadow:var(--shadow-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);animation:rise-in .26s cubic-bezier(.2,.9,.3,1.2) both}.panel-head{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4)}.panel-head h2{flex:1;margin:0;font-size:26px}.stack{display:flex;flex-direction:column;gap:var(--s-3)}.row{display:flex;align-items:center;gap:var(--s-3)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}.title-wrap{text-align:center;margin-bottom:var(--s-5)}.logo{margin:0;font-size:clamp(44px,11vw,92px);line-height:.9;filter:drop-shadow(0 4px 0 #9a5b06) drop-shadow(0 14px 22px rgba(11,27,58,.45));text-transform:uppercase}.logo-word,.logo-sub{display:block;background:linear-gradient(180deg,#fffbea 0%,var(--gold-300) 45%,var(--gold-500) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-sub{font-size:.62em;letter-spacing:.28em;margin-left:.28em}.tagline{margin:var(--s-3) 0 0;font-family:var(--font-display);font-weight:800;font-size:clamp(14px,3.6vw,18px);color:#fff;text-shadow:0 2px 8px rgba(11,27,58,.6)}.menu-col{width:min(420px,100%);display:flex;flex-direction:column;gap:var(--s-3)}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);background:var(--panel);border:1px solid var(--panel-line);font-family:var(--font-display);font-weight:800;font-size:14px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.chip .icon{width:16px;height:16px}.coin-ico{color:var(--gold-400)}.mini-missions{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.bar{height:8px;border-radius:var(--r-pill);background:#ffffff1f;overflow:hidden}.bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold-400),var(--gold-300))}.bar.done>i{background:linear-gradient(90deg,var(--mint-400),#a7f3d0)}.mission{display:grid;grid-template-columns:1fr auto;gap:6px var(--s-3);align-items:center;font-size:14px}.mission .bar{grid-column:1 / -1}.reward{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-weight:800;color:var(--gold-300);white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:#ffffff1f}.badge-gold{background:var(--gold-400);color:#3b2300}.badge-mint{background:var(--mint-400);color:#053b2a}.tabs{display:flex;gap:var(--s-2);padding:4px;border-radius:var(--r-pill);background:#ffffff14;margin-bottom:var(--s-4)}.tab{flex:1;min-height:40px;border:none;border-radius:var(--r-pill);background:transparent;font-family:var(--font-display);font-weight:800;cursor:pointer;color:var(--ink-dim)}.tab[aria-selected=true]{background:var(--ink);color:var(--navy-900)}.seg{display:flex;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--panel-line)}.seg button{flex:1;min-height:38px;border:none;background:transparent;cursor:pointer;font-weight:700;font-size:13px;color:var(--ink-dim)}.seg button[aria-pressed=true]{background:var(--sky-100);color:var(--navy-900)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s-3)}.card-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-4) var(--s-3);border-radius:var(--r-md);border:2px solid transparent;background:#ffffff0f;text-align:center;cursor:pointer}.card-btn[aria-pressed=true]{border-color:var(--gold-400);background:#facc151a}.card-btn .name{font-family:var(--font-display);font-weight:900;font-size:16px}.card-btn .blurb{font-size:12px;color:var(--ink-mute);min-height:2.6em}.trail-swatch{width:100%;height:26px;border-radius:var(--r-pill)}.locked{filter:grayscale(.85) brightness(.75)}.sunburst{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 46%,#fff3c4 0,#ffd56a 14%,#2fb3e2 48%,#1689c4)}.sunburst:before{content:"";position:absolute;inset:-60%;z-index:-1;background:repeating-conic-gradient(from 0deg at 50% 50%,#ffffff29 0deg 8deg,#fff0 8deg 16deg)}.sunburst.spin:before{animation:rays 40s linear infinite}@keyframes rays{to{transform:rotate(360deg)}}.runner-stage{position:relative;width:100%;height:100%;touch-action:pan-y;cursor:grab}.preview-canvas{display:block;width:100%;height:100%}.runners-panel{width:min(640px,100%)}.stage-wrap{height:clamp(220px,38vh,340px);border-radius:var(--r-md);margin-bottom:var(--s-3)}.stage-wallet{position:absolute;top:var(--s-3);right:var(--s-3)}.stage-caption{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);text-align:center;margin-bottom:var(--s-4)}.stage-caption h3{margin:0;font-size:28px}.stage-caption p{margin:0;max-width:42ch;font-size:14px}.stage-action{min-width:min(260px,100%);min-height:52px;font-size:18px}.btn-equipped{border-color:#34d39999;background:#34d39929;color:#a7f3d0;cursor:default}.btn-equipped:hover{background:#34d39929;border-color:#34d39999}.stage-note{font-size:12px;max-width:36ch}.avatar{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 120%,var(--body) 0 48%,transparent 49%),radial-gradient(circle at 50% 40%,#ffffff40,#ffffff10);box-shadow:inset 0 0 0 3px var(--accent)}.avatar:after{content:"";position:absolute;left:50%;top:24%;width:40%;height:40%;transform:translate(-50%);border-radius:50%;background:var(--skin);box-shadow:0 -6px 0 1px var(--hair)}.card-btn{color:inherit;font:inherit}.reveal{position:absolute;inset:0;z-index:5;display:grid;grid-template-rows:1fr auto;padding:calc(var(--s-5) + var(--safe-top)) calc(var(--s-4) + var(--safe-right)) calc(var(--s-5) + var(--safe-bottom)) calc(var(--s-4) + var(--safe-left));animation:fade-in .25s ease both}.reveal-stage{min-height:0}.reveal-copy{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);text-align:center;animation:rise-in .4s .1s cubic-bezier(.2,.9,.3,1.2) both}.reveal-eyebrow{margin:0;font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-800)}.reveal-name{margin:0 0 var(--s-2);font-size:clamp(34px,9vw,52px);color:#fff;text-shadow:0 3px 0 var(--navy-700),0 10px 24px rgba(11,27,58,.35)}.reveal-continue{margin-top:var(--s-2);border:none;background:none;font-family:var(--font-display);font-weight:800;font-size:18px;color:#fff;text-shadow:0 2px 6px rgba(11,27,58,.45);cursor:pointer;min-height:44px}.reveal-continue:focus-visible{outline:3px solid var(--gold-300);outline-offset:3px}.home{position:absolute;inset:0;display:grid;grid-template-rows:auto auto 1fr auto;gap:var(--s-3);padding:calc(var(--s-3) + var(--safe-top)) calc(var(--s-4) + var(--safe-right)) calc(var(--s-4) + var(--safe-bottom)) calc(var(--s-4) + var(--safe-left))}.home:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to top,#08142eb8,#08142e00 46%),linear-gradient(to bottom,#08142e73,#08142e00 18%)}.home-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);animation:drop-in .4s var(--ease-out) .15s both}@keyframes drop-in{0%{opacity:0;transform:translateY(-14px)}}.home-top-right{display:flex;align-items:center;gap:var(--s-2)}.coin-chip{min-height:40px;padding:6px 14px;font-size:16px}.profile-chip{display:flex;align-items:center;gap:10px;min-width:0;padding:4px 14px 4px 4px;border-radius:var(--r-pill);border:1px solid var(--panel-line);background:var(--panel);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);cursor:pointer;text-align:left;transition:transform var(--dur-fast) var(--ease-spring)}.profile-chip:active{transform:scale(.96)}.profile-chip:focus-visible,.tile:focus-visible,.mission-ticker:focus-visible,.link-btn:focus-visible{outline:3px solid var(--gold-300);outline-offset:3px}.profile-face{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 40%,#ffe9a8,#2fb3e2 70%);box-shadow:inset 0 0 0 2px var(--ring, #fff)}.profile-face img,.tile-portrait img{width:112%;height:112%;object-fit:cover;margin-top:10%}.profile-face .avatar{width:80%;height:80%}.profile-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.profile-text b{font-family:var(--font-display);font-weight:900;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-text small{font-size:12px;color:var(--sky-300)}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center}.home-hero .logo{font-size:clamp(40px,9vw,80px)}.records{display:flex;gap:var(--s-2);margin-top:var(--s-3);animation:rise-in .45s var(--ease-out) .35s both}.record{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);text-align:left}.record .icon{color:var(--gold-300)}.record span{display:flex;flex-direction:column;line-height:1.1}.record small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}.record b{font-family:var(--font-display);font-weight:900;font-size:17px;font-variant-numeric:tabular-nums}.home-missions{position:absolute;left:calc(var(--s-5) + var(--safe-left));top:50%;width:330px;display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--panel-line);box-shadow:var(--shadow-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transform:translateY(-50%);animation:slide-from-left .5s var(--ease-out) .45s both}@keyframes slide-from-left{0%{opacity:0;transform:translate(-24px,-50%)}}.home-missions-head{display:flex;align-items:center;justify-content:space-between}.link-btn{display:inline-flex;align-items:center;gap:2px;min-height:32px;border:none;background:none;color:var(--gold-300);font-family:var(--font-display);font-weight:800;font-size:13px;cursor:pointer}.link-btn .icon{width:16px;height:16px}.home-bottom{grid-row:4;justify-self:center;width:min(520px,100%);display:flex;flex-direction:column;gap:var(--s-3)}.home-bottom>*{animation:rise-in .45s var(--ease-out) both}.home-bottom>:nth-child(1){animation-delay:.4s}.home-bottom>:nth-child(2){animation-delay:.48s}.home-bottom>.play-btn{animation:rise-in .45s var(--ease-out) .56s both,glow 2.4s ease-in-out 1.4s infinite}.play-btn{min-height:68px;font-size:26px;letter-spacing:.02em}.play-btn .icon{width:24px;height:24px}.mission-ticker{display:none;align-items:center;gap:var(--s-3);width:100%;padding:8px 12px 8px 8px;border-radius:var(--r-md);border:1px solid var(--panel-line);background:var(--panel-strong);text-align:left;cursor:pointer}.ticker-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.ticker-text b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-text small{font-size:12px;color:var(--ink-mute);font-variant-numeric:tabular-nums}.ticker-chev{color:var(--ink-mute)}.home-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-2)}.tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--s-3) var(--s-2);border-radius:18px;border:1px solid rgba(147,197,253,.28);background:linear-gradient(180deg,#1b3a7aeb,#0b1b3aeb);box-shadow:0 4px #040c2099,0 10px 22px #040c2059;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) ease}@media(hover:hover){.tile:hover{transform:translateY(-3px);box-shadow:0 7px #040c2099,0 14px 26px #040c2066}}.tile:active{transform:translateY(3px);box-shadow:0 1px #040c2099,0 4px 10px #040c204d}.tile-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;overflow:hidden;color:var(--tint, #fff);background:color-mix(in srgb,var(--tint, #fff) 20%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--tint, #fff) 45%,transparent)}.tile-icon .icon{width:24px;height:24px}.tile-portrait{background:radial-gradient(circle at 50% 40%,#ffe9a8,#2fb3e2 70%);box-shadow:inset 0 0 0 2px var(--ring, #fff)}.tile-label{font-family:var(--font-display);font-weight:900;font-size:15px}.tile-sub{font-size:11px;font-weight:600;color:var(--ink-mute)}.tile-badge{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:var(--r-pill);background:var(--gold-400);color:#3b2300;font-family:var(--font-display);font-weight:900;font-size:13px;box-shadow:0 0 0 3px #0b1b3ae6;animation:badge-pulse 1.8s ease-in-out infinite}@keyframes badge-pulse{50%{transform:scale(1.12)}}.mission-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--s-3)}.mission-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--tint);background:color-mix(in srgb,var(--tint) 18%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tint) 40%,transparent)}.mission-item[data-state=done] .mission-icon{color:#053b2a;background:var(--mint-400);box-shadow:none}.mission-body{display:flex;flex-direction:column;gap:6px;min-width:0}.mission-line{display:flex;align-items:center;gap:var(--s-2)}.mission-title{flex:1;min-width:0;font-size:14px;font-weight:650;line-height:1.25}.reward-pill{display:inline-flex;align-items:center;gap:4px;flex:none;padding:2px 8px 2px 5px;border-radius:var(--r-pill);background:#facc1524;color:var(--gold-300);font-family:var(--font-display);font-weight:800;font-size:13px}.reward-pill .icon{width:14px;height:14px}.mission-bar{flex:1;height:7px;border-radius:var(--r-pill);background:#ffffff1a;overflow:hidden}.mission-bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--tint) 70%,#fff),var(--tint));transform-origin:left center;animation:bar-fill .9s var(--ease-out) .5s both}.mission-item[data-state=near] .mission-bar>i{box-shadow:0 0 10px var(--tint)}.mission-item[data-state=done] .mission-bar>i{background:var(--mint-400)}.mission-count{flex:none;min-width:72px;text-align:right;font-size:12px;color:var(--ink-mute);font-variant-numeric:tabular-nums}.mission-item[data-state=done] .mission-count{color:#a7f3d0;font-weight:700}.ring{position:relative;display:grid;place-items:center;width:46px;height:46px;flex:none;color:var(--tint)}.ring>.ring-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#ffffff24;stroke-width:4}.ring-fill{fill:none;stroke:var(--tint);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease-out)}.ring .icon{width:20px;height:20px}@media(min-width:1081px){.home-missions{top:auto;bottom:calc(var(--s-5) + var(--safe-bottom));transform:none;animation-name:slide-from-left-flat}.home-bottom{position:absolute;right:calc(var(--s-5) + var(--safe-right));bottom:calc(var(--s-5) + var(--safe-bottom));width:360px}}@keyframes slide-from-left-flat{0%{opacity:0;transform:translate(-24px)}}@media(max-width:1080px){.home-missions{display:none}.mission-ticker{display:flex}}@media(max-width:420px){.profile-text small{display:none}.records .record{padding:5px 10px 5px 8px}.record b{font-size:15px}.tile-sub{font-size:10px}}@media(max-height:560px)and (orientation:landscape){.home{grid-template-rows:auto auto 1fr auto;gap:var(--s-2)}.home-hero .logo{font-size:40px}.tagline,.records,.mission-ticker,.home-missions{display:none}.home-bottom{flex-direction:row;align-items:stretch;width:min(760px,100%)}.home-tiles{flex:1.5}.play-btn{flex:1;min-height:0}.tile{flex-direction:row;justify-content:center;gap:8px;padding:8px}.tile-icon{width:34px;height:34px}.tile-icon .icon{width:18px;height:18px}.tile-sub{display:none}}.screen.runners-screen{justify-content:flex-start;align-items:stretch;gap:var(--s-3);background:radial-gradient(ellipse at 30% 20%,#12285a8c,#081228d9);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.runners-head{display:flex;align-items:center;gap:var(--s-3);width:min(1180px,100%);margin:0 auto;animation:rise-in .35s var(--ease-out) both}.runners-head h2{flex:1;margin:0;font-size:clamp(22px,4.5vw,32px)}.runners-body{flex:1;min-height:0;width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);gap:var(--s-4)}.runners-stage{position:relative;min-height:0;border-radius:var(--r-lg);box-shadow:inset 0 0 0 2px #ffffff2e,var(--shadow-lg);animation:stage-in .5s var(--ease-spring) .05s both}@keyframes stage-in{0%{opacity:0;transform:scale(.94)}}.stage-nav{position:absolute;top:50%;display:grid;place-items:center;width:52px;height:52px;margin-top:-26px;border:none;border-radius:50%;background:#0b1b3a8c;color:#fff;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 6px 16px #0b1b3a4d;transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-fast) ease}.stage-nav.prev{left:var(--s-3)}.stage-nav.next{right:var(--s-3)}.stage-nav.next .icon{transform:scaleX(-1)}.stage-nav:hover{background:#0b1b3acc}.stage-nav:active{transform:scale(.9)}.stage-nav:focus-visible{outline:3px solid var(--gold-300);outline-offset:3px}.stage-dots{position:absolute;left:50%;bottom:var(--s-4);display:flex;gap:6px;transform:translate(-50%)}.stage-dots i{width:8px;height:8px;border-radius:var(--r-pill);background:#ffffff80;transition:width .25s var(--ease-out),background .25s ease}.stage-dots i[data-on=true]{width:24px;background:#fff}.drag-hint{position:absolute;top:var(--s-3);left:50%;transform:translate(-50%);padding:4px 10px;border-radius:var(--r-pill);background:#0b1b3a66;font-size:12px;font-weight:700;color:#e0f2fe;pointer-events:none;animation:fade-hint 4s ease 1s forwards}@keyframes fade-hint{0%,70%{opacity:1}to{opacity:0}}.runners-side{display:flex;flex-direction:column;gap:var(--s-3);min-height:0;overflow-y:auto;padding:var(--s-4);border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--panel-line);box-shadow:var(--shadow-lg);animation:rise-in .45s var(--ease-out) .12s both}.runners-side .tabs{margin-bottom:0}.runner-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2);animation:info-in .22s var(--ease-out) both}@keyframes info-in{0%{opacity:.3;transform:translate(10px)}}.status-pill{padding:3px 10px;border-radius:var(--r-pill);background:#ffffff1a;font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sky-300)}.status-pill.on{background:#34d3992e;color:#a7f3d0}.runner-name{margin:0;font-size:clamp(30px,5vw,40px);line-height:1}.runner-blurb{margin:0;font-size:15px;max-width:44ch}.trait-row{display:flex;flex-wrap:wrap;gap:6px}.trait{padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--panel-line);background:#ffffff0d;font-size:12px;font-weight:700;color:var(--ink-dim)}.palette-row{display:flex;gap:6px}.palette-row i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 -3px #0000002e,0 0 0 2px #fff3}.trail-preview{width:100%;height:18px;border-radius:var(--r-pill)}.action-stack{display:flex;flex-direction:column;gap:6px;width:100%}.runner-info .stage-action{width:100%;margin-top:var(--s-1)}.need-bar{display:block;height:5px;margin-top:6px;border-radius:var(--r-pill);background:#ffffff1f;overflow:hidden}.need-bar i{display:block;height:100%;background:var(--gold-400);border-radius:inherit}.runner-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s-2)}.runner-card{padding:var(--s-2) var(--s-1);gap:4px}.runner-cards .portrait{max-width:72px}.runner-card .name{font-size:13px;line-height:1.15}.portrait{position:relative;display:grid;place-items:center;width:100%;max-width:96px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 38%,#fff3c4 0,#ffd56a 30%,transparent 62%),radial-gradient(circle at 50% 50%,#3cc0ea,#1689c4);box-shadow:inset 0 0 0 3px var(--ring, rgba(255, 255, 255, .3)),0 6px 14px #00000040;transition:transform .25s var(--ease-spring)}.portrait img{width:108%;height:108%;object-fit:cover;margin-top:8%;user-select:none}.portrait .avatar{width:70%;height:70%}.portrait.locked img,.portrait.locked .avatar{filter:grayscale(.9) brightness(.65)}.portrait.locked .trail-swirl{filter:saturate(.6) brightness(.75)}.portrait-lock,.portrait-check{position:absolute;display:grid;place-items:center;width:26px;height:26px;border-radius:50%}.portrait-lock{right:6%;bottom:6%;background:var(--navy-900);color:#fff}.portrait-check{right:6%;top:6%;background:var(--mint-400);color:#053b2a}.portrait-lock .icon,.portrait-check .icon{width:14px;height:14px}.runner-card[aria-pressed=true] .portrait{transform:scale(1.06);box-shadow:inset 0 0 0 3px var(--gold-400),0 0 0 3px #facc1559,0 8px 18px #0000004d}.trail-portrait{background:radial-gradient(circle at 50% 50%,#1b3a7a,#0b1b3a)}.trail-swirl{width:72%;height:72%;border-radius:50%;mask:radial-gradient(circle,transparent 38%,#000 40%);-webkit-mask:radial-gradient(circle,transparent 38%,#000 40%)}.runners-foot{margin:auto 0 0;font-size:12px;text-align:center}@media(max-width:860px){.screen.runners-screen{overflow-y:auto}.runners-body{grid-template-columns:1fr;flex:none}.runners-stage{height:clamp(260px,46vh,420px)}.runners-side{overflow:visible}.runners-side .runner-cards{order:1}.runners-side .tabs{order:0}.runners-side .runner-info{order:2}.runners-side .runners-foot{order:3}.stage-nav{width:44px;height:44px;margin-top:-22px}}@media(max-width:420px){.runner-cards{gap:6px}.runner-card .name{font-size:11px}}.setting{display:grid;grid-template-columns:1fr minmax(140px,52%);align-items:center;gap:var(--s-3);min-height:44px;font-size:15px}.setting label{font-weight:600}.setting small{display:block;color:var(--ink-mute);font-size:12px;font-weight:400}input[type=range]{width:100%;accent-color:var(--gold-400);height:28px}.switch{justify-self:end;position:relative;width:52px;height:30px;border-radius:var(--r-pill);border:none;background:#ffffff2e;cursor:pointer}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch[aria-checked=true]{background:var(--mint-400)}.switch[aria-checked=true]:after{transform:translate(22px)}.switch:focus-visible{outline:3px solid var(--gold-300);outline-offset:2px}.hud{position:absolute;top:calc(var(--s-3) + var(--safe-top));left:calc(var(--s-3) + var(--safe-left));right:calc(var(--s-3) + var(--safe-right));display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-3);pointer-events:none}.hud-block{padding:8px 14px;border-radius:var(--r-md);background:#0b1b3a8c;border:1px solid rgba(147,197,253,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 2px rgba(0,0,0,.35)}.hud-score{font-family:var(--font-display);font-weight:900;font-size:clamp(22px,5.5vw,32px);line-height:1;font-variant-numeric:tabular-nums}.hud-dist{margin-top:2px;font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--sky-100);font-variant-numeric:tabular-nums}.hud-right{display:flex;align-items:flex-start;gap:var(--s-2)}.hud-coins{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:900;font-size:20px;font-variant-numeric:tabular-nums}.hud-mult{display:inline-block;margin-left:4px;padding:1px 7px;border-radius:var(--r-pill);font-size:13px;background:#ffffff1f;color:var(--ink-dim);transition:background .2s,color .2s}.hud-mult[data-active=true]{background:var(--gold-400);color:#3b2300}.combo{height:4px;margin-top:6px;border-radius:var(--r-pill);background:#ffffff26;overflow:hidden}.combo>i{display:block;height:100%;background:var(--gold-300);transform-origin:left;transform:scaleX(0)}.hud .icon-btn{pointer-events:auto}.fps{position:absolute;left:calc(var(--s-3) + var(--safe-left));bottom:calc(var(--s-3) + var(--safe-bottom));padding:3px 8px;border-radius:var(--r-sm);background:#00000073;font:12px ui-monospace,monospace;pointer-events:none}.seed-tag{position:absolute;right:calc(var(--s-3) + var(--safe-right));bottom:calc(var(--s-3) + var(--safe-bottom));pointer-events:none}.countdown{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.countdown span{font-family:var(--font-display);font-weight:900;font-size:clamp(80px,22vw,160px);color:#fff;text-shadow:0 6px 0 var(--navy-700),0 18px 40px rgba(11,27,58,.5);animation:pop .6s ease both}.results-title{margin:0;font-size:clamp(30px,8vw,44px);text-align:center}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2);margin:var(--s-4) 0}.stat{padding:var(--s-3);border-radius:var(--r-md);background:#ffffff0f}.stat b{display:block;font-family:var(--font-display);font-weight:900;font-size:26px;font-variant-numeric:tabular-nums}.stat.highlight{background:linear-gradient(135deg,#facc1540,#facc150f);outline:2px solid rgba(250,204,21,.6)}.toasts{position:absolute;top:calc(84px + var(--safe-top));left:50%;transform:translate(-50%);width:min(380px,calc(100% - 32px));display:flex;flex-direction:column;gap:var(--s-2);pointer-events:none}.toast{display:flex;gap:var(--s-3);align-items:center;padding:10px 14px;border-radius:var(--r-md);background:var(--panel-strong);border:1px solid var(--panel-line);box-shadow:var(--shadow-lg);animation:toast-in .3s cubic-bezier(.2,.9,.3,1.2) both;pointer-events:auto}.toast b{font-family:var(--font-display);font-weight:900}.toast p{margin:2px 0 0;font-size:13px;color:var(--ink-dim)}.toast[data-kind=mission] .icon,.toast[data-kind=record] .icon{color:var(--gold-400)}.toast[data-kind=unlock] .icon{color:var(--rose-400)}.toast[data-kind=warning] .icon{color:var(--danger)}[data-phase=menu] .toasts,[data-phase=gameOver] .toasts,[data-phase=paused] .toasts{top:auto;bottom:calc(var(--s-4) + var(--safe-bottom))}.loading{background:linear-gradient(180deg,#2f7ee8,#8cc4ff 60%,#e9f5ff)}.loader{width:min(320px,80%);margin-top:var(--s-5)}.keys{display:grid;grid-template-columns:auto 1fr;gap:var(--s-2) var(--s-4);align-items:center;font-size:15px}kbd{display:inline-block;min-width:30px;padding:3px 8px;margin-right:4px;border-radius:7px;background:var(--ink);color:var(--navy-900);font:700 13px var(--font-body);text-align:center;box-shadow:0 3px #94a3b8}.banner{position:absolute;bottom:calc(var(--s-4) + var(--safe-bottom));left:50%;transform:translate(-50%);padding:10px 16px;border-radius:var(--r-md);background:var(--panel-strong);border:1px solid var(--danger)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px) scale(.98)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.96)}}@keyframes pop{0%{opacity:0;transform:scale(1.6)}30%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(.92)}}:root{--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.2, .9, .3, 1.25);--dur-fast: .14s;--dur-med: .26s}.btn{transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) ease,border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}@media(hover:hover){.btn:not(:disabled):hover{transform:translateY(-2px)}.btn-primary:not(:disabled):hover{box-shadow:0 7px 0 var(--gold-700),0 14px 30px #b4530966}.card-btn:hover{transform:translateY(-3px);background:#ffffff1a}.icon-btn:hover{transform:scale(1.06)}}.btn:not(:disabled):active{transform:translateY(3px) scale(.98)}.icon-btn{transition:transform var(--dur-fast) var(--ease-spring)}.icon-btn:active{transform:scale(.92)}.btn-primary{position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translate(-120%);pointer-events:none}.btn-primary:not(:disabled):hover:before,.btn-primary.attract:before{animation:shine 1.1s var(--ease-out)}.btn-primary.attract:before{animation:shine 3.2s var(--ease-out) 1.2s infinite}@keyframes shine{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}.btn-primary.attract{animation:glow 2.4s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:var(--shadow-btn),0 0 #fde68a8c}50%{box-shadow:var(--shadow-btn),0 0 0 10px #fde68a00}}.menu-col>.btn-primary.attract{animation:rise-in .45s var(--ease-out) .38s both,glow 2.4s ease-in-out 1.2s infinite}.logo{animation:logo-drop .7s var(--ease-spring) both,float 5s ease-in-out .8s infinite}@keyframes logo-drop{0%{opacity:0;transform:translateY(-36px) scale(.85)}}@keyframes float{0%,to{translate:0 0}50%{translate:0 -5px}}.tagline{animation:rise-in .5s var(--ease-out) .25s both}.menu-col>*{animation:rise-in .45s var(--ease-out) both}.menu-col>:nth-child(1){animation-delay:.3s}.menu-col>:nth-child(2){animation-delay:.38s}.menu-col>:nth-child(3){animation-delay:.46s}.menu-col>:nth-child(4){animation-delay:.54s}.menu-col>:nth-child(5){animation-delay:.62s}.chip{transition:transform var(--dur-fast) var(--ease-spring)}.panel .stack>.mission,.panel .stack>.setting,.panel .stack>.setting-group{animation:rise-in .35s var(--ease-out) both}.panel .stack>:nth-child(2){animation-delay:40ms}.panel .stack>:nth-child(3){animation-delay:80ms}.panel .stack>:nth-child(4){animation-delay:.12s}.panel .stack>:nth-child(5){animation-delay:.16s}.panel .stack>:nth-child(n+6){animation-delay:.2s}.setting-group{margin:var(--s-3) 0 0}.setting-group:first-child{margin-top:0}.bar>i{transform-origin:left center;animation:bar-fill .9s var(--ease-out) .2s both}@keyframes bar-fill{0%{transform:scaleX(0)}}.switch:after{transition:transform .22s var(--ease-spring)}.switch{transition:background .2s ease}.tabs{position:relative;isolation:isolate}.tabs:before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 8px - (var(--tabs, 2) - 1) * 8px) / var(--tabs, 2));border-radius:var(--r-pill);background:var(--ink);transform:translate(calc(var(--tab, 0) * (100% + 8px)));transition:transform .32s var(--ease-spring)}.tab{transition:color .2s ease}.tab[aria-selected=true]{background:transparent}.card-btn{transition:transform .2s var(--ease-out),border-color .2s ease,background .2s ease}.cards>.card-btn[aria-pressed=true]{animation:rise-in .35s var(--ease-out) both,card-pop .32s var(--ease-spring)}@keyframes card-pop{40%{transform:scale(1.05)}}.cards>*{animation:rise-in .35s var(--ease-out) both}.cards>:nth-child(2){animation-delay:50ms}.cards>:nth-child(3){animation-delay:.1s}.cards>:nth-child(4){animation-delay:.15s}.stage-caption{animation:rise-in .3s var(--ease-out) both}.toast{position:relative;overflow:hidden}.toast:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold-400);opacity:.7;transform-origin:left;animation:toast-timer 3.2s linear both}.toast[data-kind=warning]:after{background:var(--danger)}.toast[data-kind=mission]:after{background:var(--mint-400)}.toast[data-leaving=true]{animation:toast-out .26s ease forwards}@keyframes toast-timer{to{transform:scaleX(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px) scale(.96)}}.loading .logo{animation:float 3s ease-in-out infinite}.loader .bar>i{transition:width .3s var(--ease-out);background:linear-gradient(90deg,var(--gold-400),#fff3c4,var(--gold-400)) 0 0 / 200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.results-title.record{animation:stamp .6s var(--ease-spring) .1s both;background:linear-gradient(180deg,#fffbea,var(--gold-300) 55%,var(--gold-500));-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes stamp{0%{opacity:0;transform:scale(1.8)}}.results-panel{position:relative}.stat-grid>.stat{animation:rise-in .4s var(--ease-out) both}.stat-grid>:nth-child(1){animation-delay:.1s}.stat-grid>:nth-child(2){animation-delay:.18s}.stat-grid>:nth-child(3){animation-delay:.26s}.stat-grid>:nth-child(4){animation-delay:.34s}.best-badge{animation:stamp .45s var(--ease-spring) 1s both}.reward-row{animation:slide-in .4s var(--ease-out) both}.reward-row:nth-child(1){animation-delay:.55s}.reward-row:nth-child(2){animation-delay:.7s}.reward-row:nth-child(n+3){animation-delay:.85s}@keyframes slide-in{0%{opacity:0;transform:translate(-18px)}}.earned-chip,.results-actions{animation:rise-in .4s var(--ease-out) .6s both}.confetti{position:absolute;left:50%;top:30%;width:0;height:0;pointer-events:none;z-index:2}.confetti i{position:absolute;width:8px;height:13px;border-radius:2px;background:var(--c);opacity:0;animation:confetti 1.5s var(--ease-out) var(--d) both}.confetti i.round{width:9px;height:9px;border-radius:50%}@keyframes confetti{0%{opacity:1;transform:translate(0) rotate(0) scale(.4)}55%{opacity:1;transform:translate(var(--x),var(--y)) rotate(calc(var(--r) * .6)) scale(1)}to{opacity:0;transform:translate(var(--x),calc(var(--y) + 140px)) rotate(var(--r)) scale(.9)}}.reveal .confetti{top:38%}.reveal-name{animation:stamp .55s var(--ease-spring) .2s both}.fx-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hud-coins,.hud-score,.hud-mult{display:inline-flex;transform-origin:center}.hud-mult{display:inline-block}.fx-near{position:absolute;left:50%;top:44%;white-space:nowrap;font-family:var(--font-display);font-weight:900;font-style:italic;font-size:clamp(22px,5vw,34px);letter-spacing:.02em;color:#f0f9ff;-webkit-text-stroke:1.5px #0369a1;paint-order:stroke fill;text-shadow:0 6px 18px rgba(3,105,161,.45);pointer-events:none}.fx-near:before,.fx-near:after{content:"";position:absolute;top:50%;width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,#e0f2fe00,#e0f2fe);box-shadow:0 8px #e0f2fe99,0 -8px #e0f2fe66}.fx-near:before{right:calc(100% + 10px)}.fx-near:after{left:calc(100% + 10px);transform:scaleX(-1)}.fx-near.over{-webkit-text-stroke-color:#b45309;color:#fffbeb;text-shadow:0 6px 18px rgba(180,83,9,.4)}.hud-powers{display:flex;gap:6px;margin-top:6px;min-height:0}.hud-power{position:relative;display:none;place-items:center;width:36px;height:36px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p, 1) * 360deg),rgba(255,255,255,.16) 0);color:var(--c);animation:power-in .35s var(--ease-spring) both}.hud-power:before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--panel-strong)}.hud-power .icon{position:relative;width:20px;height:20px}.hud-power[data-on=true]{display:grid}.hud-power[data-low=true]{animation:power-blink .3s steps(2) infinite}@keyframes power-in{0%{transform:scale(.3);opacity:0}}@keyframes power-blink{50%{opacity:.35}}.fx-banner.power{top:calc(28% + var(--safe-top));font-size:clamp(24px,5.5vw,40px);color:#fff;-webkit-text-stroke:2px var(--c, #22d3ee);paint-order:stroke fill;text-shadow:0 8px 24px rgba(11,27,58,.45)}.fx-banner{position:absolute;left:50%;top:calc(20% + var(--safe-top));transform:translate(-50%);white-space:nowrap;font-family:var(--font-display);font-weight:900;font-size:clamp(26px,6vw,44px);color:#fff;text-shadow:0 3px 0 var(--navy-700),0 10px 24px rgba(11,27,58,.4)}.fx-banner.go{top:calc(14% + var(--safe-top));font-size:clamp(54px,15vw,110px);text-transform:uppercase;letter-spacing:.04em}.fx-banner.combo{color:var(--gold-300);text-shadow:0 3px 0 var(--gold-700),0 10px 24px rgba(120,53,15,.4)}.fx-banner.milestone{top:calc(13% + var(--safe-top))}.fx-float{position:absolute;font-family:var(--font-display);font-weight:900;font-size:18px;text-shadow:0 2px 4px rgba(11,27,58,.5)}.fx-float.gem{color:#ffd1ea}.fx-flash{position:absolute;inset:0;opacity:0}.fx-flash.crash{background:radial-gradient(ellipse at center,#ffffffe6,#f87171bf)}.fx-flash.fall{background:radial-gradient(ellipse at center,transparent 30%,rgba(11,27,58,.85))}.hint{position:absolute;left:50%;bottom:calc(6% + var(--safe-bottom));display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:10px 20px 10px 12px;border-radius:var(--r-pill);background:var(--panel-strong);border:2px solid var(--gold-400);box-shadow:var(--shadow-lg);opacity:0;transform:translate(-50%,16px) scale(.9);transition:opacity .2s ease,transform .28s var(--ease-spring)}.hint[data-show=true]{opacity:1;transform:translate(-50%) scale(1)}.hint-icon{grid-row:1 / 3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--gold-400);color:#3b2300;font-size:24px;font-weight:900}.hint[data-kind=jump] .hint-icon{animation:nudge-up .7s ease-in-out infinite}.hint[data-kind=slide] .hint-icon{animation:nudge-down .7s ease-in-out infinite}.hint[data-kind=lane] .hint-icon{animation:nudge-side .8s ease-in-out infinite}.hint-title{font-family:var(--font-display);font-weight:900;font-size:20px;line-height:1.1}.hint-sub{font-size:13px;color:var(--ink-dim);white-space:nowrap}@keyframes nudge-up{50%{transform:translateY(-5px)}}@keyframes nudge-down{50%{transform:translateY(5px)}}@keyframes nudge-side{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.countdown span:after{content:"";position:absolute;left:50%;top:50%;width:1.4em;height:1.4em;border-radius:50%;border:.06em solid rgba(255,255,255,.85);transform:translate(-50%,-50%) scale(.6);opacity:0;animation:ring .6s var(--ease-out) both}.countdown span{position:relative}@keyframes ring{0%{opacity:.9;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.15)}}.screen.worlds-screen{justify-content:flex-start;align-items:stretch;gap:var(--s-3);background:linear-gradient(180deg,#0812288c,#08122800 22%),linear-gradient(0deg,#081228bf,#08122800 48%);overflow:hidden;isolation:isolate}.world-wipe{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;animation:world-wipe .6s ease-out}@keyframes world-wipe{0%{opacity:.55}to{opacity:0}}.worlds-head .chip .icon{color:var(--sky-300)}.worlds-view{position:relative;flex:1;min-height:120px;width:min(1180px,100%);margin:0 auto;display:grid;place-items:start center;padding-top:clamp(4px,3vh,32px)}.worlds-view .stage-nav{top:42%}.world-title{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;animation:title-in .4s var(--ease-spring) both}@keyframes title-in{0%{opacity:0;transform:translateY(-10px) scale(.96)}}.world-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 2px 6px rgba(8,18,40,.6)}.world-preview-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-pill);background:#08122899;letter-spacing:.06em;text-shadow:none}.world-preview-tag .icon{width:12px;height:12px}.world-name{margin:0;font-size:clamp(36px,8vw,64px);line-height:1;color:#fff;text-shadow:0 3px 0 rgba(11,27,58,.55),0 12px 30px rgba(8,18,40,.45)}.world-feature{padding:4px 12px;border-radius:var(--r-pill);background:#08122880;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-weight:700;font-size:14px;color:var(--gold-300)}.worlds-view .stage-dots{bottom:6px}.worlds-sheet{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:var(--s-4);padding:var(--s-4);border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-lg);animation:rise-in .45s var(--ease-out) .1s both}.world-tiles{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(112px,1fr);gap:var(--s-2);align-content:start;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.world-tiles>*{scroll-snap-align:start}.world-tile{padding:var(--s-2) var(--s-2) var(--s-3);gap:6px;transition:transform .2s var(--ease-spring),border-color .2s ease}.world-tile:hover{transform:translateY(-2px)}.world-tile .name{font-size:14px;line-height:1.15}.world-tile .need-bar{width:70%;margin-top:0}.world-swatch{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:var(--r-sm);overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff2e,0 6px 14px #00000040}.world-scene{position:absolute;inset:0;display:block;width:100%;height:100%}.world-swatch:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px #ffffff38;pointer-events:none}.world-tile[aria-pressed=true] .world-swatch:after{box-shadow:inset 0 0 0 3px var(--gold-400)}.world-swatch.locked{filter:grayscale(.7) brightness(.7)}.world-swatch .portrait-lock,.world-swatch .portrait-check{z-index:1}.world-tile[aria-pressed=true] .world-swatch{box-shadow:0 0 0 3px #facc154d,0 8px 18px #0000004d}.world-detail{display:flex;flex-direction:column;gap:var(--s-3);min-width:0;animation:info-in .22s var(--ease-out) both}.world-blurb{margin:0;font-size:15px}.world-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-2);margin:0}.world-stats div{padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:#ffffff0d;border:1px solid var(--panel-line)}.world-stats dt{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}.world-stats dd{margin:2px 0 0;font-family:var(--font-display);font-weight:900;font-size:18px}.stars{display:flex;align-items:center;gap:2px}.stars svg{width:15px;height:15px;fill:#ffffff29}.stars svg[data-on=true]{fill:var(--gold-400);filter:drop-shadow(0 0 5px rgba(250,204,21,.5))}.stars span{margin-left:6px;font-size:13px}.pace-tag{margin-left:6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.world-actions{display:grid;grid-template-columns:1fr auto;gap:var(--s-2)}.world-play{min-height:56px;font-size:19px}.world-select{min-height:56px}.world-unlock{display:flex;flex-direction:column;gap:6px;padding:var(--s-3);border-radius:var(--r-md);border:1px dashed rgba(250,204,21,.45);background:#facc150f}.world-unlock-head{display:flex;align-items:center;gap:8px;font-weight:800}.world-unlock-head .icon{color:var(--gold-400)}.unlock-bar{position:relative;height:10px;border-radius:var(--r-pill);background:#ffffff1a;overflow:hidden}.unlock-bar i{position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--p, 0));border-radius:inherit;background:linear-gradient(90deg,var(--gold-500),var(--gold-300));animation:bar-grow .7s var(--ease-out) both}@keyframes bar-grow{0%{transform:scaleX(0)}}.world-unlock-num{font-size:13px;font-variant-numeric:tabular-nums}.tile-world{position:relative;background:none;box-shadow:none}.tile-world:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff8c}@media(max-width:860px){.worlds-sheet{grid-template-columns:1fr;gap:var(--s-3);padding:var(--s-3)}.worlds-view .stage-nav{width:44px;height:44px;margin-top:-22px}}@media(min-width:861px){.worlds-view .stage-dots{display:none}}@media(max-width:420px){.world-stats dt{font-size:10px;letter-spacing:.04em;white-space:nowrap}.world-stats dd{font-size:15px}.stars span{display:none}.world-actions{grid-template-columns:1fr}.world-select{min-height:44px}}@media(max-height:560px)and (orientation:landscape){.worlds-view{min-height:70px}.world-name{font-size:34px}.world-blurb{display:none}}.reveal-world{background:radial-gradient(circle at 50% 38%,var(--glow) 0,var(--sky-b) 34%,var(--sky-a) 100%)}.reveal-world-art{align-self:center;justify-self:center;width:min(420px,80vw);aspect-ratio:16 / 10;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 20px 50px #08122873;animation:world-pop .6s var(--ease-spring) .1s both}.reveal-world-art.world-swatch:after{box-shadow:inset 0 0 0 4px #fff9}@keyframes world-pop{0%{opacity:0;transform:scale(.6) rotate(-4deg)}}.reveal-world .reveal-eyebrow{color:#fff;text-shadow:0 2px 6px rgba(8,18,40,.5)}[data-reduced-motion=true] *,[data-reduced-motion=true] *:before,[data-reduced-motion=true] *:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reduced-motion=true] .confetti,[data-reduced-motion=true] .btn-primary:before{display:none}@media(prefers-reduced-motion:reduce){[data-reduced-motion] .confetti{display:none}}@media(max-width:420px){.panel{padding:var(--s-4)}.setting{grid-template-columns:1fr;gap:var(--s-1)}.switch{justify-self:start}}@media(max-height:520px)and (orientation:landscape){.title-wrap{margin-bottom:var(--s-3)}.logo{font-size:48px}.btn-primary{min-height:52px}}.btn.danger{min-height:40px;padding:0 var(--s-4);font-size:14px;border-color:#f871718c;background:#7f1d1d59;color:#fecaca}.btn.danger.armed{background:#dc2626;border-color:#fca5a5;color:#fff;box-shadow:0 0 0 3px #f871714d}.about{display:grid;gap:6px;font-size:13px;line-height:1.45}.about p{margin:0}.missions-summary{display:grid;gap:6px;margin:calc(var(--s-2) * -1) 0 var(--s-4);font-size:13px;color:var(--ink-dim)}.missions-summary b{color:var(--ink);font-family:var(--font-display)}.summary-bar{height:6px;border-radius:99px;background:#ffffff1f;overflow:hidden}.summary-bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold-400),#fb923c);transition:width .8s var(--ease-out)}.missions-tab,.achievements-tab{display:grid;gap:var(--s-4);animation:rise-in .25s var(--ease-out) both}.mission-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s-3);padding:12px 14px;border-radius:18px;background:linear-gradient(100deg,color-mix(in srgb,var(--tint) 20%,transparent),#ffffff0a 70%);border:1px solid color-mix(in srgb,var(--tint) 35%,transparent)}.mission-hero[data-near=true]{box-shadow:0 0 18px color-mix(in srgb,var(--tint) 35%,transparent)}.mission-hero .ring{width:52px;height:52px}.mission-hero .ring .icon{width:22px;height:22px}.mission-hero-body{display:grid;gap:4px;min-width:0}.mission-hero-title{font-family:var(--font-display);font-weight:700;font-size:17px;line-height:1.15}.mission-hero-sub{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.scope-tag{flex:none;padding:2px 7px;border-radius:99px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);background:#ffffff1a}.mission-minis{display:grid;gap:2px;margin:0;padding:0;list-style:none}.mission-mini{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:44px;padding:0 4px;border-bottom:1px solid rgba(255,255,255,.06)}.mission-mini:last-child{border-bottom:none}.mission-mini-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:var(--tint);background:color-mix(in srgb,var(--tint) 16%,transparent)}.mission-mini-icon .icon{width:16px;height:16px}.mission-mini[data-done=true] .mission-mini-icon{color:#053b2a;background:var(--mint-400)}.mission-mini-title{font-weight:600;font-size:14px;line-height:1.2;padding:6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mission-mini[data-done=true] .mission-mini-title{color:var(--ink-dim)}.mini-done{font-size:12px;font-weight:700;color:#a7f3d0}.link-btn{margin-top:4px;padding:8px 4px;border:none;background:none;color:#93c5fd;font:inherit;font-weight:700;font-size:13px;cursor:pointer}.mission-done-fold summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;border-radius:12px;font-weight:700;font-size:14px;color:#a7f3d0;cursor:pointer;list-style:none}.mission-done-fold summary::-webkit-details-marker{display:none}.mission-done-fold summary .icon{width:16px;height:16px}.mission-done-fold summary:after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.mission-done-fold[open] summary:after{transform:rotate(-135deg)}.mission-note,.all-done{margin:0;font-size:12px;text-align:center}.all-done{font-size:15px;padding:var(--s-4)}.ach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}@media(min-width:520px){.ach-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ach-badge{display:grid;justify-items:center;gap:6px;padding:14px 8px 12px;border-radius:18px;border:1px solid var(--panel-line);background:#ffffff0d;color:var(--ink);font:inherit;cursor:pointer;transition:transform .2s var(--ease-spring),border-color .2s ease,background .2s ease}.ach-badge:hover{transform:translateY(-2px)}.ach-badge[aria-selected=true]{border-color:var(--tint);background:color-mix(in srgb,var(--tint) 14%,transparent)}.ach-badge .ring{width:58px;height:58px}.ach-badge .ring .icon{width:24px;height:24px}.ach-badge[data-got=true] .ring{border-radius:50%;background:color-mix(in srgb,var(--tint) 22%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--tint) 45%,transparent)}.ach-badge[data-got=false] .ring .icon{opacity:.75}.ach-name{text-transform:none;letter-spacing:0;font-family:var(--font-display);font-weight:700;font-size:14px;line-height:1.15;text-align:center}.ach-sub{font-size:12px;color:var(--ink-mute);font-variant-numeric:tabular-nums}.ach-badge[data-got=true] .ach-sub{color:#a7f3d0;font-weight:700}.ach-detail{display:grid;gap:6px;padding:14px 16px;border-radius:16px;background:#ffffff0f;animation:rise-in .22s var(--ease-out) both}.ach-detail p{margin:0}.ach-detail-title{font-family:var(--font-display);font-weight:700;font-size:16px}.ach-detail-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.ach-detail-row .mission-count{min-width:0;text-align:left}.unlock-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:99px;font-size:12px;font-weight:700;background:#facc1524;color:#fde68a}.unlock-chip>i{width:22px;height:22px;border-radius:50%;background-color:var(--navy-800)}.ride-portrait{background:radial-gradient(circle at 50% 60%,#2a4f96,#0b1b3a)}.ride-icon{width:80%;height:80%}.portrait.locked .ride-icon{filter:saturate(.6) brightness(.75)}