@layer tokens,primitives,shell,modals,overlays,focus;@layer tokens{:root{color-scheme:dark;--void: #05070a;--bg-000: #0a0d12;--bg-010: #0e1217;--bg-020: #131820;--bg-030: #1a2029;--bg-040: #232a35;--fg-100: #e6edf5;--fg-80: #b7c2d1;--fg-60: #7a869a;--fg-40: #4a5568;--fg-20: #2a313c;--amber: #ffb347;--amber-hot: #ffc56b;--amber-cold: #b8761d;--amber-glow: rgba(255, 179, 71, .35);--amber-wash: rgba(255, 179, 71, .08);--text-highlight: #f6b056;--ember: color-mix(in srgb, var(--amber) 80%, var(--amber-cold));--ember-glow: color-mix(in srgb, var(--ember) 42%, transparent);--signal-go: #6ce7a6;--signal-warn: #ffb347;--signal-bad: #ff6b6b;--signal-warn-ink: color-mix(in srgb, var(--signal-warn) 62%, var(--fg-100));--signal-bad-ink: color-mix(in srgb, var(--signal-bad) 58%, var(--fg-100));--signal-cold: #6faed9;--role-farmer: #a7c957;--role-worker: #dda15e;--role-science: #89b4cf;--hair: rgba(230, 237, 245, .08);--hair-strong: rgba(230, 237, 245, .18);--hair-amber: rgba(255, 179, 71, .35);--hair-hot: rgba(255, 179, 71, .7);--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-ui: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--ui-text-scale: 1;--fs-page: calc(24px * var(--ui-text-scale, 1));--fs-win: calc(20px * var(--ui-text-scale, 1));--fs-body: calc(13.5px * var(--ui-text-scale, 1));--fs-meta: calc(12.5px * var(--ui-text-scale, 1));--fs-read: calc(11px * var(--ui-text-scale, 1));--t-micro: calc(10px * var(--ui-text-scale));--t-xs: calc(11px * var(--ui-text-scale));--t-sm: calc(12px * var(--ui-text-scale));--t-base: calc(13px * var(--ui-text-scale));--t-md: calc(15px * var(--ui-text-scale));--t-lg: calc(18px * var(--ui-text-scale));--t-xl: calc(24px * var(--ui-text-scale));--t-2xl: calc(36px * var(--ui-text-scale));--t-3xl: calc(72px * var(--ui-text-scale));--lh-tight: 1.15;--lh-ui: 1.35;--lh-body: 1.55;--tr-tight: 0em;--tr-ui: .04em;--tr-caps: .14em;--tr-telem: .08em;--tr-cine: .5em;--s-0: 0;--s-1: 2px;--s-2: 4px;--s-3: 6px;--s-4: 8px;--s-5: 12px;--s-6: 16px;--s-7: 20px;--s-8: 24px;--s-9: 32px;--s-10: 48px;--s-11: 64px;--frame-ornament-inset: var(--s-4);--frame-ornament-content-inset: var(--s-7);--frame-ornament-content-inset-major: var(--s-6);--frame-ornament-content-inset-minor: var(--s-5);--ce-scroll-cue-reserve: 28px;--r-0: 0;--r-1: 2px;--r-2: 3px;--r-3: 4px;--r-4: 6px;--r-pill: 999px;--glow-soft: 0 0 0 1px var(--hair);--glow-amber: 0 0 24px var(--amber-glow), 0 0 0 1px var(--hair-amber);--focus-ring-width: 2px;--focus-ring-outside: 2px;--focus-halo: rgba(0, 0, 0, .65);--focus-halo-ring: 0 0 0 calc(var(--focus-ring-width) + var(--focus-ring-outside)) var(--focus-halo);--press-shadow: inset 0 1px 2px rgba(0, 0, 0, .5);--glow-focus: 0 0 0 1px var(--amber-hot), 0 0 12px var(--amber-glow);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .6), 0 0 0 1px var(--hair-strong);--ease-hud: cubic-bezier(.2, .9, .1, 1);--ease-cine: cubic-bezier(.65, 0, .35, 1);--ease-tick: steps(6, end);--dur-fast: .12s;--dur-base: .22s;--dur-slow: .48s;--dur-cine: .9s;--dur-out-fast: .1s;--dur-out-base: .16s;--dur-out-slow: .32s;--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-settle: cubic-bezier(.22, 1, .36, 1);--deploy-scale-from: .98;--stagger-window: .26s;--stagger-step: 38ms;--travel-screen: 24px;--travel-small: 6px;--deploy-scrim-in: .24s;--deploy-frame-at: 40ms;--deploy-frame-in: .22s;--deploy-panel-at: .16s;--deploy-panel-in: .26s;--deploy-panel-fade: .2s;--deploy-rows-at: .28s;--deploy-row-in: .18s;--deploy-rows-out: 90ms;--deploy-panel-out-at: 80ms;--deploy-frame-out-at: .1s;--deploy-scrim-out-at: .2s;--deploy-scrim-out: .12s;--island-move-dur: .56s;--island-move-ease: cubic-bezier(.2, .9, .1, 1);--z-flat: 0;--z-raise-1: 1;--z-raise-2: 2;--z-modal-frame-accent: 3;--z-raise-4: 4;--z-raise-5: 5;--z-flyout: 6;--z-dropdown-open: 8;--z-raise-9: 9;--z-raise-10: 10;--z-modal-screen: 11;--z-modal-drilldown: 12;--z-modal-nested: 20;--z-leader-picker: 25;--z-modal-dialog: 30;--z-modal-alert: 35;--z-modal-elevated: 40;--z-fleet-marquee: 50;--z-orbital-entry-card: 60;--z-battle-result: 65;--z-pregame-backdrop: 79;--z-screen: 80;--z-wizard-navigation: 83;--z-screen-auth: 90;--z-build-queue-ghost: 100;--z-overlay-critical-low: 120;--z-hall-of-fame: 150;--z-auth-surface: 220;--z-galaxy-transition: 240;--z-colony-base-pick: 260;--z-toast: 1000;--z-fleet-refit-overlay: 1200;--z-advisor-hint: 9000;--z-advisor-spotlight: 8900;--z-research-overlay: 9200;--z-handoff: 10000;--z-social-notice: 10040;--z-player-card: 10045;--z-battle-overlay: 10050;--z-turn-corner: 10052;--z-server-shutdown-notice: 10060;--z-nudge-notice: 10065;--z-ranked-ready-check: 10075;--z-confirm-dialog: 10100;--z-render-refusal: 110000;--z-ceiling-high: 120000;--z-ceiling-max: 200000;--cursor-default: default;--cursor-pointer: pointer;--cursor-grab: grab;--cursor-grabbing: grabbing;--cursor-not-allowed: not-allowed;--cursor-help: help;--cursor-progress: progress;--cursor-wait: wait;--cursor-crosshair: crosshair;--cursor-text: text;--text-primary: var(--fg-100);--text-secondary: var(--fg-80);--text-tertiary: var(--fg-60);--color-ui-highlight: var(--amber);--font: var(--font-ui);--overlay-scrim: rgba(0, 0, 0, .38);--overlay-blur: 8px;--dialog-blur: 14px;--dialog-bg: color-mix(in srgb, var(--bg-000) 88%, transparent);--dialog-shadow: 0 12px 40px rgba(0, 0, 0, .4)}:root.ui-scale-90{--ui-text-scale: .9}:root.ui-scale-110{--ui-text-scale: 1.1}:root.ui-scale-125{--ui-text-scale: 1.25}:root.high-contrast{--focus-ring-width: 3px;--text-highlight: var(--amber-hot);--ember: var(--amber-hot);--ember-glow: transparent;--fg-100: #ffffff;--fg-80: #d9e2ee;--fg-60: #aeb9cb;--fg-40: #7d8aa1;--fg-20: #46505f;--hair: rgba(230, 237, 245, .24);--hair-strong: rgba(230, 237, 245, .42);--hair-amber: rgba(255, 179, 71, .6);--hair-hot: rgba(255, 179, 71, .9);--overlay-scrim: rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}*{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--amber) color-mix(in srgb,var(--bg-010) 55%,var(--bg-000))}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:color-mix(in srgb,var(--bg-010) 55%,var(--bg-000));border-radius:4px;margin:4px 2px}::-webkit-scrollbar-thumb{background:var(--amber);border-radius:4px;border:2px solid transparent;background-clip:padding-box}@media(hover:hover){::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--amber) 80%,var(--hair-strong));background-clip:padding-box}}::-webkit-scrollbar-thumb:active{background:color-mix(in srgb,var(--amber) 65%,var(--hair-strong));background-clip:padding-box}::selection{background:color-mix(in srgb,var(--amber) 35%,transparent);color:var(--fg-100)}html{cursor:var(--cursor-default)}input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=range]),textarea{cursor:var(--cursor-text)}body{font-family:var(--font-ui),system-ui,sans-serif;background:var(--bg-010);color:var(--fg-100);width:100vw;height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;text-wrap:pretty}input,textarea,select,[contenteditable=true]{-webkit-user-select:text;user-select:text}header,main,nav,aside,section{display:block}button.hud-tstat,button.nav-btn,button.turn-btn{border:none;background:none;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;-webkit-appearance:none;appearance:none}h2[class],h3[class]{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer shell{.as-shell{position:fixed;inset:0;z-index:var(--z-screen-auth);box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) minmax(72px,15vh) minmax(54px,10vh);overflow:hidden;color:var(--fg-100);background:var(--void);isolation:isolate}.as-shell[hidden]{display:none!important}.as-shell__backdrop,.as-shell__backdrop-poster,.as-shell__scrim,.as-shell__grain{position:fixed;inset:0;pointer-events:none}.as-shell__backdrop{z-index:-4;width:100%;height:100%;object-fit:cover;filter:brightness(.38) saturate(.75)}.as-shell__backdrop-poster{z-index:-4;width:100%;height:100%;object-fit:cover;filter:brightness(.38) saturate(.75);visibility:hidden}.as-shell__scrim{z-index:-3;background:radial-gradient(ellipse 58% 52% at 50% 48%,var(--amber-wash),transparent 72%),radial-gradient(ellipse 90% 82% at 50% 50%,transparent 28%,color-mix(in srgb,var(--void) 82%,transparent) 100%),linear-gradient(180deg,color-mix(in srgb,var(--bg-000) 48%,transparent),var(--void))}.as-shell__grain{z-index:-2;opacity:.7;background:repeating-linear-gradient(0deg,rgba(230,237,245,.018) 0 1px,transparent 1px 3px)}.as-shell__brand{grid-row:2;align-self:center;justify-self:center;width:min(210px,38vw);opacity:.52;filter:saturate(.72)}.as-shell__brand-line{display:block;width:100%;height:1px;justify-self:center;align-self:start;opacity:0;background:linear-gradient(90deg,transparent,var(--amber) 22% 78%,transparent);box-shadow:0 0 12px var(--amber-glow);transform:scaleX(0);transform-origin:center}.as-shell--outage{--amber: var(--signal-cold);--amber-hot: color-mix(in srgb, var(--signal-cold) 75%, var(--fg-100));--text-highlight: var(--amber-hot);--ember: var(--amber);--ember-glow: color-mix(in srgb, var(--ember) 42%, transparent);--amber-glow: color-mix(in srgb, var(--signal-cold) 28%, transparent);--amber-wash: color-mix(in srgb, var(--signal-cold) 8%, transparent)}.as-shell__brand-image{display:block;width:100%;height:auto}.as-shell__host{position:relative;grid-row:1;align-self:stretch;justify-self:center;min-height:0;min-width:0;display:grid;place-items:center;overflow:hidden;box-sizing:border-box;width:100%;padding:clamp(16px,3vw,48px)}.as-shell__surface{position:relative;box-sizing:border-box;width:min(100%,420px);margin:0 auto;max-height:100%;min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,22px);padding:clamp(22px,2.3vw,40px);--as-link-pad-y: 8px;--as-link-pad-x: 8px;border-radius:var(--r-4);background:repeating-linear-gradient(0deg,rgba(230,237,245,.022) 0 1px,transparent 1px 3px),linear-gradient(135deg,color-mix(in srgb,var(--bg-010) 88%,transparent),color-mix(in srgb,var(--bg-000) 76%,transparent));box-shadow:inset 0 0 0 1px var(--hair-strong),inset 0 1px #e6edf512,var(--shadow-modal)}.as-shell__surface--steady{animation:none}.as-shell__surface:before,.as-shell__surface:after{content:"";position:absolute;width:clamp(26px,3vw,42px);height:clamp(26px,3vw,42px);border:1px solid var(--amber);pointer-events:none;filter:drop-shadow(0 0 7px var(--amber-glow))}.as-shell__surface:before{top:0;left:0;border-right:0;border-bottom:0;border-top-left-radius:var(--r-4)}.as-shell__surface:after{right:0;bottom:0;border-top:0;border-left:0;border-bottom-right-radius:var(--r-4)}.as-shell__surface--wide{width:min(100%,920px)}.as-shell__surface--outage{--amber: var(--signal-cold);--amber-hot: color-mix(in srgb, var(--signal-cold) 75%, var(--fg-100));--amber-glow: color-mix(in srgb, var(--signal-cold) 28%, transparent);--amber-wash: color-mix(in srgb, var(--signal-cold) 8%, transparent)}.as-shell__surface--destructive:before,.as-shell__surface--destructive:after{border-color:var(--hair-strong);filter:none}.as-shell__surface--loading{min-height:220px;justify-content:center;align-items:center;border-color:transparent;background:transparent;box-shadow:none;text-align:center}.as-shell__surface--loading:before,.as-shell__surface--loading:after{display:none}.as-shell__surface--loading .as-shell__helper{margin:0}.as-shell__loading-dots{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:52px;min-height:12px}.as-shell__loading-dots>span{width:6px;height:6px;border-radius:50%;opacity:.24;background:var(--amber);box-shadow:0 0 10px var(--amber-glow);transform:scale(.72);animation:as-shell-loading-dot 1.35s ease-in-out infinite}.as-shell__loading-dots>span:nth-child(2){animation-delay:.15s}.as-shell__loading-dots>span:nth-child(3){animation-delay:.3s}.as-shell__header{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:11px;align-items:center;padding-bottom:clamp(12px,1.1vw,18px);border-bottom:1px solid var(--hair)}.as-shell__status-dot{grid-row:1 / span 2;width:10px;height:10px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber-glow);animation:as-shell-status-pulse 2.6s ease-in-out infinite}.as-shell__kicker,.as-shell__label,.as-shell__badge,.as-shell__portrait-name{font-family:var(--font-ui),system-ui,sans-serif;font-weight:600;letter-spacing:.03em}.as-shell__kicker{align-self:end;font-size:calc(clamp(11px,.72vw,12px) * var(--ui-text-scale, 1));color:var(--amber)}.as-shell__title{align-self:start;margin:0;font-family:var(--font-display),system-ui,sans-serif;font-size:calc(clamp(18px,1.55vw,27px) * var(--ui-text-scale, 1));font-weight:700;line-height:1.12;letter-spacing:var(--tr-ui)}.as-shell__helper,.as-shell__error{margin:0;font-family:var(--font-ui),system-ui,sans-serif;font-size:calc(clamp(12px,.86vw,15px) * var(--ui-text-scale, 1));line-height:var(--lh-ui);color:var(--fg-80)}.as-shell__helper--success{color:var(--signal-go)}.as-shell__error{min-height:1.3em;color:var(--signal-bad)}.as-shell__error:empty{display:none}.as-shell__download-link{font-family:var(--font-mono),ui-monospace,monospace;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.as-shell__form,.as-shell__field{display:flex;flex-direction:column}.as-shell__form{gap:clamp(12px,1.1vw,17px)}.as-shell__field{gap:6px}.as-shell__label{font-size:calc(clamp(12px,.75vw,13px) * var(--ui-text-scale, 1));color:var(--fg-80)}.as-shell__input{box-sizing:border-box;width:100%;padding:clamp(10px,.85vw,14px) clamp(12px,.9vw,16px);border:1px solid var(--hair-strong);border-radius:var(--r-3);color:var(--fg-100);background:linear-gradient(180deg,#040609a8,#080b1080);box-shadow:inset 0 1px 2px #00000080;font:500 calc(clamp(12px,.9vw,15px) * var(--ui-text-scale, 1)) var(--font-mono),ui-monospace,monospace}.as-shell__input:focus,.as-shell__input:focus-visible{border-color:var(--hair-hot)}.as-shell__button:focus-visible,.as-shell__link:focus-visible,.as-shell__tile-primary:focus-visible,.as-shell__tile-options:focus-visible,.as-shell__portrait-button:focus-visible,.as-shell__check-input:focus-visible{border-color:var(--hair-hot)}@media(hover:hover){.as-shell__input:hover:not(:disabled):not(:focus){border-color:var(--hair-hot)}}.as-shell__input[aria-invalid=true]{border-color:var(--signal-bad);box-shadow:0 0 0 1px var(--signal-bad),0 0 12px #ff6b6b47}.as-shell__field-error{color:var(--signal-bad);font:500 calc(clamp(12px,.76vw,12px) * var(--ui-text-scale, 1)) / 1.35 var(--font-ui),system-ui,sans-serif}.as-shell__field-error[hidden]{display:none}.as-shell__field>.as-shell__field-error{min-height:1.35em}.as-shell__field>.as-shell__field-error[hidden]{display:block;visibility:hidden}.as-shell__actions{display:flex;flex-wrap:wrap;gap:10px}.as-shell__button,.as-shell__link,.as-shell__tile-primary,.as-shell__tile-options,.as-shell__portrait-button{-webkit-appearance:none;appearance:none;border-radius:var(--r-3);font-family:var(--font-ui),system-ui,sans-serif;cursor:var(--cursor-pointer)}.as-shell__button{min-height:44px;padding:11px 15px;border:1px solid var(--hair-strong);color:var(--fg-80);background:linear-gradient(180deg,var(--bg-020),var(--bg-010));font-size:calc(clamp(11px,.84vw,15px) * var(--ui-text-scale, 1));font-weight:600;letter-spacing:.03em;transition:border-color var(--dur-fast) ease-out,color var(--dur-fast) ease-out,box-shadow var(--dur-fast) ease-out,background var(--dur-fast) ease-out}.as-shell__actions .as-shell__button{flex:1 1 auto}.as-shell__button--primary{border-color:var(--hair-amber);color:var(--amber);background:linear-gradient(180deg,color-mix(in srgb,var(--amber) 14%,transparent),color-mix(in srgb,var(--amber) 5%,transparent))}.as-shell__button--danger{border-color:color-mix(in srgb,var(--signal-bad) 55%,transparent);color:var(--signal-bad);background:linear-gradient(180deg,color-mix(in srgb,var(--signal-bad) 13%,transparent),color-mix(in srgb,var(--signal-bad) 4%,transparent))}.as-shell__button--ghost{border-color:var(--hair);color:var(--fg-80);background:color-mix(in srgb,var(--bg-000) 34%,transparent);box-shadow:inset 0 1px #e6edf509}@media(hover:hover){.as-shell__button:hover:not(:disabled),.as-shell__link:hover:not(:disabled){border-color:var(--hair-hot);color:var(--fg-100)}.as-shell__button--primary:hover:not(:disabled){color:var(--amber-hot);border-color:var(--amber-hot);box-shadow:0 0 14px var(--amber-glow)}}.as-shell__button:active:not(:disabled),.as-shell__link:active:not(:disabled){transform:translateY(1px);box-shadow:var(--press-shadow);background:color-mix(in srgb,var(--bg-000) 15%,var(--bg-010))}.as-shell__button--primary:active:not(:disabled){background:color-mix(in srgb,var(--amber) 10%,var(--bg-020))}@media(hover:hover){.as-shell__button--danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--signal-bad) 78%,transparent);color:var(--signal-bad);background:linear-gradient(180deg,color-mix(in srgb,var(--signal-bad) 18%,transparent),color-mix(in srgb,var(--signal-bad) 7%,transparent));box-shadow:0 0 16px color-mix(in srgb,var(--signal-bad) 28%,transparent)}}.as-shell__button:disabled,.as-shell__portrait-button:disabled{cursor:var(--cursor-default);opacity:.48}.as-shell__link{align-self:center;display:inline-flex;align-items:center;min-height:32px;padding:0 var(--as-link-pad-x, 8px);border:1px solid transparent;color:var(--fg-60);background:transparent;font-size:calc(clamp(12px,.74vw,12px) * var(--ui-text-scale, 1));font-weight:600;letter-spacing:.03em}.as-shell__step-bar>.as-shell__link,.as-shell__step-bar>.as-shell__actions>.as-shell__link:first-child{margin-inline-start:calc(-1px - var(--as-link-pad-x, 8px))}.as-shell__step-bar>.as-shell__link{align-self:flex-start}.as-shell__roster,.as-shell__gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),260px));justify-content:center;gap:clamp(12px,1.4vw,20px)}.as-shell__roster{--as-roster-gap: clamp(12px, 1.4vw, 20px);--as-portrait-floor: 112px;gap:0 var(--as-roster-gap);grid-auto-rows:minmax(var(--as-portrait-floor),max-content) auto auto;align-content:start}.as-shell__step-body>.as-shell__roster{flex:1 1 auto;min-height:0}.as-shell__tile--last-used:before{content:"";position:absolute;inset:-1px auto auto -1px;z-index:var(--z-raise-1);width:28px;height:2px;background:var(--amber);box-shadow:0 0 10px var(--amber-glow)}.as-shell__tile{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 3;min-width:0;margin-bottom:var(--as-roster-gap);border:1px solid var(--hair);background:color-mix(in srgb,var(--bg-000) 72%,transparent);transition:border-color var(--dur-base) ease-out,box-shadow var(--dur-base) ease-out,opacity var(--dur-base) ease-out}.as-shell__tile--unavailable{opacity:.66}.as-shell__tile-primary{grid-row:1 / span 2;width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;padding:10px;border:1px solid transparent;color:inherit;background:transparent;text-align:left}.as-shell__tile-primary:focus-visible{border-color:var(--hair-hot);box-shadow:inset 0 0 22px var(--amber-wash)}@media(hover:hover){.as-shell__tile-primary:hover{border-color:var(--hair-hot);box-shadow:inset 0 0 22px var(--amber-wash)}}.as-shell__tile-options{position:absolute;top:14px;right:14px;z-index:var(--z-raise-1);width:34px;height:34px;border:1px solid var(--hair-strong);color:var(--fg-80);background:color-mix(in srgb,var(--bg-000) 86%,transparent)}.as-shell__portrait{position:relative;display:block;overflow:hidden;aspect-ratio:4 / 5;border:1px solid var(--hair-strong);background:var(--bg-000);box-shadow:inset 0 0 24px #000000b8;transition:border-color var(--dur-base) ease-out,filter var(--dur-base) ease-out,box-shadow var(--dur-base) ease-out}.as-shell__portrait--awake{border-color:var(--hair-hot);filter:brightness(1.08);box-shadow:inset 0 0 18px #0000006b,0 0 22px var(--amber-glow)}.as-shell__portrait--still{filter:grayscale(.72) brightness(.62)}.as-shell__portrait-slot{grid-row:1;min-height:0}.as-shell__portrait-slot>.as-shell__portrait{height:100%;max-width:100%;margin-inline:auto}.as-shell__portrait-poster,.as-shell__portrait-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.as-shell__portrait-video{z-index:var(--z-raise-1);opacity:0;transition:opacity var(--dur-fast) ease-out}.as-shell__portrait--awake .as-shell__portrait-video{opacity:1}.as-shell__tile-identity{grid-row:2;align-self:start;min-width:0;margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center}.as-shell__tile-name{min-width:0;color:var(--fg-100);font:650 calc(clamp(15px,1.2vw,21px) * var(--ui-text-scale, 1)) / 1.15 var(--font-display),system-ui,sans-serif;overflow-wrap:anywhere}.as-shell__tile-code,.as-shell__tile-recency{color:var(--fg-60);font:500 calc(clamp(12px,.73vw,12px) * var(--ui-text-scale, 1)) / 1.35 var(--font-mono),ui-monospace,monospace;letter-spacing:.05em}.as-shell__friend-code{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px}.as-shell__friend-code-label{color:var(--fg-60);font:500 calc(clamp(12px,.73vw,12px) * var(--ui-text-scale, 1)) / 1.2 var(--font-ui),system-ui,sans-serif}.as-shell__tile-recency{grid-column:1 / -1}.as-shell__badge{grid-column:1 / -1;justify-self:start;white-space:nowrap;padding:5px 7px;border:1px solid var(--hair-amber);color:var(--amber);font-size:calc(clamp(11px,.62vw,10px) * var(--ui-text-scale, 1));text-align:center}.as-shell__tile--ready .as-shell__badge{color:var(--signal-go);border-color:color-mix(in srgb,var(--signal-go) 46%,transparent)}.as-shell__tile--needs-sign-in .as-shell__badge{color:var(--amber);border-color:var(--hair-amber)}.as-shell__tile--needs-sign-in .as-shell__portrait{filter:brightness(.72) saturate(.72)}.as-shell__tile--needs-sign-in .as-shell__portrait--awake{filter:brightness(.92) saturate(.86)}.as-shell__tile-error{grid-row:3;margin:0 10px 10px;color:var(--signal-bad);font:500 calc(clamp(12px,.72vw,12px) * var(--ui-text-scale, 1)) / 1.35 var(--font-ui),system-ui,sans-serif}.as-shell__tile--unavailable .as-shell__badge{color:var(--signal-bad);border-color:color-mix(in srgb,var(--signal-bad) 48%,transparent)}.as-shell__always-ask,.as-shell__check{display:flex;align-items:flex-start;gap:10px;color:var(--fg-80);font:500 calc(clamp(11px,.8vw,14px) * var(--ui-text-scale, 1)) / 1.4 var(--font-ui),system-ui,sans-serif}.as-shell__check{flex-wrap:wrap}.as-shell__check+.as-shell__check{margin-top:-4px}.as-shell__check>.as-shell__check-label{flex:1 1 0;min-width:0}.as-shell__check>.as-shell__field-error{flex-basis:100%;padding-left:28px}.as-shell__always-ask{width:fit-content;max-width:100%;margin-inline:auto}.as-shell__check-input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;appearance:none;border:1px solid var(--hair-strong);border-radius:1px;background:color-mix(in srgb,var(--bg-000) 82%,transparent);box-shadow:inset 0 1px 2px #000000b8;cursor:var(--cursor-pointer)}.as-shell__check-input:checked{border-color:var(--hair-hot);background-color:color-mix(in srgb,var(--amber) 12%,var(--bg-000));background-image:linear-gradient(45deg,transparent 43%,var(--amber) 44% 56%,transparent 57%),linear-gradient(-45deg,transparent 45%,var(--amber) 46% 57%,transparent 58%);background-position:3px 7px,7px 5px;background-size:6px 6px,9px 9px;background-repeat:no-repeat;box-shadow:0 0 10px var(--amber-glow)}.as-shell__gallery{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),190px))}.as-shell__portrait-choice{min-width:0}.as-shell__portrait-button{width:100%;display:grid;gap:8px;padding:8px;border:1px solid var(--hair);color:var(--fg-80);background:color-mix(in srgb,var(--bg-000) 72%,transparent)}.as-shell__portrait-button[aria-pressed=true]{border-color:var(--hair-hot);box-shadow:var(--glow-amber)}.as-shell__portrait-name{overflow:hidden;font-size:calc(clamp(11px,.7vw,11px) * var(--ui-text-scale, 1));text-overflow:ellipsis;white-space:nowrap}.as-shell__portrait-use{color:var(--fg-60);font:500 calc(clamp(11px,.65vw,11px) * var(--ui-text-scale, 1)) / 1.3 var(--font-ui),system-ui,sans-serif}.as-shell__masked-hint{padding:10px 12px;border:1px solid var(--hair);color:var(--fg-80);background:color-mix(in srgb,var(--bg-000) 62%,transparent);font:600 calc(clamp(11px,.78vw,13px) * var(--ui-text-scale, 1)) var(--font-mono),ui-monospace,monospace;letter-spacing:.04em}.as-shell__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}.as-shell__step{padding-top:8px;border-top:2px solid var(--hair);color:var(--fg-40);font:600 calc(clamp(11px,.62vw,10px) * var(--ui-text-scale, 1)) / 1.25 var(--font-ui),system-ui,sans-serif;letter-spacing:.03em}.as-shell__step--current{border-color:var(--amber);color:var(--amber);box-shadow:inset 0 1px 0 var(--amber-glow)}.as-shell__verification-identity{display:grid;grid-template-columns:minmax(72px,104px) 1fr;gap:14px;align-items:center}.as-shell__verification-identity>.as-shell__helper{grid-column:1 / -1}.as-shell__actions .as-shell__verification-resend{flex-basis:100%;font-variant-numeric:tabular-nums}.as-shell__reauth-identity{display:grid;grid-template-columns:minmax(80px,126px) 1fr;gap:10px 18px;align-items:center}.as-shell__footer{grid-row:3;align-self:center;justify-self:center;width:min(920px,calc(100% - 32px));min-height:28px}.as-shell__intent{display:flex;justify-content:center;align-items:center;gap:12px;padding-top:10px;border-top:1px solid var(--hair);color:var(--fg-60);font:500 calc(clamp(12px,.75vw,12px) * var(--ui-text-scale, 1)) / 1.35 var(--font-mono),ui-monospace,monospace}.as-shell__intent .as-shell__link{color:var(--fg-40);font-weight:500;letter-spacing:.04em;text-transform:none}.as-shell__legal{display:flex;justify-content:center;align-items:center;gap:12px;padding-top:8px;color:var(--fg-60);font:500 calc(clamp(12px,.75vw,12px) * var(--ui-text-scale, 1)) / 1.35 var(--font-mono),ui-monospace,monospace}.as-shell__legal-link{color:var(--fg-60);text-decoration:none;letter-spacing:.03em}.as-shell__legal-link:focus-visible{color:var(--amber-hot)}@media(hover:hover){.as-shell__legal-link:hover{color:var(--amber-hot)}}.as-shell__check-link{white-space:nowrap;color:var(--amber);text-decoration:underline;text-underline-offset:2px}.as-shell__check-link:focus-visible{color:var(--amber-hot)}@media(hover:hover){.as-shell__check-link:hover{color:var(--amber-hot)}}@keyframes as-shell-status-pulse{0%,to{opacity:.58}50%{opacity:1}}@keyframes as-shell-loading-dot{0%,55%,to{opacity:.24;transform:scale(.72)}24%{opacity:1;transform:scale(1)}}@media(max-height:900px){.as-shell{grid-template-rows:minmax(0,1fr) minmax(56px,9vh) minmax(36px,6vh)}.as-shell__brand{width:min(140px,30vw)}.as-shell__host{position:relative;padding:12px clamp(16px,3vw,48px)}.as-shell__surface{gap:12px;padding:20px clamp(20px,2.3vw,40px)}.as-shell__header{padding-bottom:10px}.as-shell__form{gap:8px}.as-shell__roster{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),200px))}.as-shell__footer{min-height:0}.as-shell__legal{padding-top:4px}}@media(max-width:640px){.as-shell{grid-template-rows:minmax(0,1fr) minmax(54px,11vh) minmax(44px,8vh)}.as-shell__host{position:relative;padding:12px}.as-shell__surface{padding:20px 16px}.as-shell__roster{grid-template-columns:1fr}.as-shell__gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.as-shell__actions{flex-direction:column}.as-shell__button{flex-basis:auto;width:100%}}.as-shell--still .as-shell__backdrop,:where(:root.reduced-motion) .as-shell__backdrop{display:none}.as-shell--still .as-shell__backdrop-poster,:where(:root.reduced-motion) .as-shell__backdrop-poster{visibility:visible}:where(:root.reduced-motion) .as-shell__surface,:where(:root.reduced-motion) .as-shell__status-dot,:where(:root.reduced-motion) .as-shell__loading-dots>span{animation:none}:where(:root.reduced-motion) .as-shell__loading-dots>span{opacity:.72;transform:none}.desktop-link-notice{position:fixed;top:clamp(16px,2vmin,24px);left:50%;transform:translate(-50%);z-index:calc(var(--z-battle-overlay) + 1);display:flex;align-items:center;gap:var(--s-6);max-width:min(560px,calc(100vw - 32px));padding:10px 18px;border:1px solid var(--amber);border-radius:3px;background:#141008eb;color:var(--amber);font-family:var(--font-ui);font-size:var(--t-md);letter-spacing:var(--tr-ui)}.desktop-link-notice__text{margin:0}.desktop-link-notice__close{flex:none;padding:4px 12px;border:1px solid var(--hair-amber);border-radius:3px;background:transparent;color:var(--amber);font:inherit;cursor:var(--cursor-pointer)}.desktop-link-notice__close:focus-visible{border-color:var(--amber-hot);color:var(--amber-hot)}@media(hover:hover){.desktop-link-notice__close:hover{border-color:var(--amber-hot);color:var(--amber-hot)}}.player-card{position:fixed;z-index:var(--z-player-card);box-sizing:border-box;width:min(248px,calc(100 * var(--ui-vw, 1vw) - 16px));padding:10px 0 6px;border:1px solid var(--hair-strong);border-radius:var(--r-4);background:linear-gradient(170deg,#1a2029f7,#0a0d12f7);box-shadow:var(--shadow-modal);color:var(--fg-100);font:500 calc(clamp(11px,calc(.84 * var(--ui-vw, 1vw)),13px) * var(--ui-text-scale, 1)) / 1.35 var(--font-ui),system-ui,sans-serif;outline:none}.player-card__head{display:grid;gap:3px;padding:0 14px 9px;border-bottom:1px solid var(--hair)}.player-card__name{min-width:0;color:var(--fg-100);font:650 calc(clamp(13px,1vw,16px) * var(--ui-text-scale, 1)) / 1.2 var(--font-display),system-ui,sans-serif;overflow-wrap:anywhere}.player-card__status{display:inline-flex;align-items:center;gap:6px;color:var(--fg-60);font-size:calc(clamp(12px,.74vw,12px) * var(--ui-text-scale, 1))}.player-card__dot{position:relative;flex:none;width:7px;height:7px;border-radius:50%;background:var(--fg-60)}.player-card__status--online .player-card__dot{background:var(--signal-go)}.player-card__status--dnd .player-card__dot{background:var(--signal-bad)}.player-card__status--dnd .player-card__dot:after{content:"";position:absolute;left:1.5px;right:1.5px;top:3px;height:1px;background:var(--fg-100)}.player-card__body{display:grid;padding-top:4px}.player-card__body[aria-busy=true]{min-height:28px}.player-card__item{display:grid}.player-card__action{position:relative;box-sizing:border-box;width:100%;margin:0;padding:6px 14px;border:0;background:none;color:var(--fg-80);font:inherit;text-align:start;cursor:var(--cursor-pointer)}.player-card__action:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:2px;background:var(--amber);opacity:0;transition:opacity var(--dur-fast) ease-out}.player-card__action:focus-visible{background:var(--amber-wash);color:var(--fg-100)}@media(hover:hover){.player-card__action:hover{background:var(--amber-wash);color:var(--fg-100)}}.player-card__action:focus-visible:before{opacity:1}@media(hover:hover){.player-card__action:hover:before{opacity:1}}.player-card__action[aria-disabled=true],.player-card__action:disabled{color:var(--fg-60);background:none;cursor:var(--cursor-default)}.player-card__action[aria-disabled=true]:focus-visible{outline:1px solid var(--hair-strong);outline-offset:-1px}.player-card__action[aria-disabled=true]:before,.player-card__action:disabled:before{opacity:0}.player-card__action[data-player-card-done]{color:var(--fg-60)}.player-card__reason{margin:-3px 0 4px;padding:0 14px;color:var(--fg-60);font-size:calc(clamp(12px,.74vw,12px) * var(--ui-text-scale, 1));line-height:var(--lh-ui)}.player-card__question{margin:4px 0 8px;padding:0 14px;color:var(--fg-80);line-height:var(--lh-ui)}.player-card__answer{display:flex;gap:8px;padding:0 14px 6px}.player-card__confirm,.player-card__cancel{padding:5px 12px;border:1px solid var(--hair-strong);border-radius:var(--r-2);background:none;color:var(--fg-80);font:inherit;cursor:var(--cursor-pointer)}.player-card__confirm{border-color:color-mix(in srgb,var(--signal-bad) 55%,transparent);color:var(--signal-bad)}.player-card__confirm:focus-visible{background:color-mix(in srgb,var(--signal-bad) 12%,transparent)}@media(hover:hover){.player-card__confirm:hover{background:color-mix(in srgb,var(--signal-bad) 12%,transparent)}}.player-card__cancel:focus-visible{border-color:var(--hair-amber);color:var(--amber-hot)}@media(hover:hover){.player-card__cancel:hover{border-color:var(--hair-amber);color:var(--amber-hot)}}.player-card__confirm:disabled{opacity:.6;cursor:var(--cursor-progress)}.player-card__problem{margin:4px 0 2px;padding:0 14px;color:var(--signal-bad);font-size:calc(clamp(12px,.72vw,12px) * var(--ui-text-scale, 1));line-height:var(--lh-ui)}.lobby-slot__name[data-player-card-seat]:focus-visible{outline:1px solid var(--hair-amber);outline-offset:2px}:where(:root.reduced-motion) .player-card[data-surface-motion]{transition-property:opacity!important}:where(:root.reduced-motion) .player-card__action:before{transition:none}:root.reduced-motion .as-shell [data-surface-motion],:root.reduced-motion .as-shell[data-surface-motion],:root.reduced-motion .desktop-link-notice[data-surface-motion]{transition-property:opacity!important}.as-shell__surface--scroll-list{height:100%}.as-shell__step-layout{flex:1;display:flex;flex-direction:column;gap:inherit;min-height:0;min-width:0;overflow:hidden}.as-shell__step-layout>.as-shell__header{flex-shrink:0}.as-shell__step-body{flex:1;display:flex;flex-direction:column;gap:clamp(12px,1.1vw,17px);min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain}.as-shell__step-body>*{flex-shrink:0}.as-shell__step-body>.as-shell__gallery{flex:1;min-height:100px;align-content:start;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:scroll}.as-shell__step-bar{border-top:1px solid var(--hair);padding-block:10px;display:flex;flex-direction:column;gap:10px;flex-shrink:0;min-width:0}.as-shell__step-bar:empty{display:none}.as-shell__step-layout--links-last{margin-bottom:calc(-1px - var(--as-link-pad-y, 7px))}.as-shell__step-layout--links-last>.as-shell__step-bar{padding-bottom:0}@media(max-height:480px){.as-shell{grid-template-rows:minmax(0,1fr) auto}.as-shell__brand{display:none}.as-shell__footer{grid-row:2}.as-shell__surface{padding:10px 12px;gap:8px}.as-shell__step-bar{gap:4px;padding-block:4px}.as-shell__step-bar .as-shell__actions{flex-direction:row;flex-wrap:nowrap}.as-shell__step-bar .as-shell__actions .as-shell__button{width:auto;min-width:0}}}@layer shell{[data-busy-state]{position:relative}[data-busy-state=active]{cursor:var(--cursor-progress)}.ce-busy-mark{position:absolute;inset-inline-end:.35em;top:50%;translate:0 -50%;box-sizing:border-box;width:.85em;height:.85em;border:1.5px solid currentColor;border-inline-end-color:transparent;border-radius:50%;opacity:.8;pointer-events:none;transition:opacity .33s ease-out}.ce-busy-mark[data-busy-motion=rotate]{animation:ce-busy-turn 1.4s linear infinite}[data-busy-state=leaving]>.ce-busy-mark{opacity:0;animation:ce-busy-exit .33s ease-out forwards}@keyframes ce-busy-exit{0%{opacity:.8}to{opacity:0}}@keyframes ce-busy-turn{to{transform:rotate(360deg)}}:root.reduced-motion .ce-busy-mark,.ce-busy-mark[data-busy-motion=static]{animation:none;transition:none}}@layer shell{.ce-icon-key-wrap{position:relative;display:block;width:100%}.ce-icon-key-wrap>input{padding-inline-end:44px}.ce-icon-key{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:none;background:none;color:var(--fg-60);font:inherit;cursor:var(--cursor-pointer);-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.ce-icon-key__icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.ce-icon-key--share .ce-icon-key__icon circle{fill:currentColor;stroke:none}.ce-icon-key--eye{position:absolute;inset-block:0;inset-inline-end:0;width:40px}.ce-icon-key__slash{display:none}.ce-icon-key--eye[aria-pressed=true]{color:var(--amber)}.ce-icon-key--eye[aria-pressed=true] .ce-icon-key__slash{display:inline}.ce-icon-key:focus-visible{outline:none;color:var(--amber-hot);box-shadow:inset 0 0 0 1px var(--amber-hot);border-radius:var(--r-3)}@media(hover:hover){.ce-icon-key:hover{color:var(--amber-hot)}}.ce-icon-key--share{flex:0 0 auto;min-width:34px;color:var(--amber)}.friends-code-row>.ce-icon-key--share{align-self:stretch;border-inline-start:1px solid var(--hair-amber);padding:0 clamp(10px,.9vw,14px)}.lobby-invite>.ce-icon-key--share{border:1px solid var(--hair);border-radius:var(--r-3, 3px);color:var(--fg-80);padding:3px 10px}@media(hover:hover){.lobby-invite>.ce-icon-key--share:hover{border-color:var(--amber);color:var(--fg-100);background:#ffffff0a}}@media(any-pointer:coarse){.ce-icon-key--eye{width:44px}.ce-icon-key--share{min-width:44px;min-height:44px}}@media(forced-colors:active){.ce-icon-key__icon{stroke:CanvasText}}}@layer focus{:focus-visible{outline:var(--focus-ring-width) solid var(--amber-hot);outline-offset:var(--focus-ring-offset, calc(-1 * var(--focus-ring-width)))}}