@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{--blackwood-900: #070c12;--blackwood-800: #0d151e;--blackwood-700: #141e28;--blackwood-600: #1a2530;--blackwood-500: #202d36;--blackwood-400: #2b3a45;--chartreuse-100: #eefbcd;--chartreuse-200: #e0f4b0;--chartreuse-300: #d1e99b;--chartreuse-400: #bce6c9;--chartreuse-600: #7f9a6e;--chartreuse-800: #3b5935;--coral-300: #f7c8ad;--coral-400: #f08a6a;--violet-400: #b49af0;--amber-400: #e8c46a;--moss-400: #9fdca0;--parchment: #f1f1d9;--sage: #abc1b4;--slate-sage: #7f948f;--bg: var(--blackwood-900);--surface: linear-gradient(120deg, #141e28ee, #0d151eee);--surface-solid: #0d151ee6;--surface-raised: linear-gradient(130deg, #202d36, #111c27 90%);--surface-sunk: #0a121a80;--surface-hover: #e5f9d31a;--surface-active: #bce6c915;--surface-still: radial-gradient(ellipse at 20% 0%, #1a2530 0%, #070c12 62%);--gloss: #ffffff30;--scrim: #05090ea3;--scrim-deep: linear-gradient(0deg, #070c12f2 0%, #070c12c4 34%, #070c1200 100%);--scrim-title: linear-gradient(0deg, #070c12e8 0%, #070c1299 30%, #070c1200 62%);--scrim-focus: radial-gradient(ellipse at center, #070c1200 30%, #070c12b8 100%);--scrim-loss: radial-gradient(ellipse at center, #070c1200 20%, #12070ad9 100%);--scrim-edge: linear-gradient(180deg, #070c1259, transparent 24%, transparent 62%, #070c12a8);--blur: blur(18px);--line: #96bec033;--line-soft: #a6c2ca1f;--line-strong: #78999e80;--text: var(--parchment);--text-dim: var(--sage);--text-faint: var(--slate-sage);--text-on-accent: #152418;--accent: var(--chartreuse-400);--accent-bright: var(--chartreuse-200);--accent-pale: var(--chartreuse-100);--accent-edge: var(--chartreuse-300);--accent-shade: var(--chartreuse-800);--accent-muted: var(--chartreuse-600);--accent-wash: #bce6c91a;--accent-glow: #bce6c93d;--danger: var(--coral-400);--danger-text: var(--coral-300);--danger-wash: #f08a6a1f;--danger-line: #f08a6a5c;--warning: var(--amber-400);--warning-wash: #e8c46a1f;--success: var(--moss-400);--success-wash: #9fdca01f;--rival: var(--violet-400);--rival-wash: #b49af01f;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--hud-gutter: var(--s-5);--font-body: "DM Sans", system-ui, sans-serif;--font-display: "Manrope", system-ui, sans-serif;--t-micro: 9px;--t-tiny: 10px;--t-small: 12px;--t-body: 14px;--t-lead: 17px;--t-title: 22px;--t-display: 36px;--t-hero: 58px;--w-regular: 400;--w-medium: 550;--w-semibold: 650;--w-bold: 750;--track-label: 2px;--track-tight: -.5px;--track-display: -1.5px;--r-1: 4px;--r-2: 8px;--r-3: 13px;--r-4: 19px;--r-pill: 999px;--lift-1: 0 8px 30px #04080dc7;--lift-2: 0 40px 100px #03060ac4;--lift-key: 0 3px 0 var(--accent-shade);--lift-cast: 0 5px 10px #051d1425;--fast: .18s;--medium: .32s;--slow: .6s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--cream: var(--text);--muted: var(--text-dim);--lime: var(--accent);--dark: var(--blackwood-700);--panel: var(--surface-solid)}@media(max-width:900px){:root{--hud-gutter: var(--s-4);--t-hero: 42px;--t-display: 30px}}@media(max-width:600px){:root{--hud-gutter: var(--s-3);--t-hero: 34px;--t-display: 25px;--t-title: 19px}}:root{font-family:var(--font-body);color:var(--text);background:var(--bg);font-synthesis:none;font-weight:var(--w-regular);font-size:var(--t-body);color-scheme:dark}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,[role=slider]:focus-visible,[role=switch]:focus-visible,[role=radio]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-1)}a{color:inherit;text-decoration:none}button{transition:background var(--fast),transform var(--fast),border-color var(--fast),color var(--fast)}button:active:not(:disabled){transform:translateY(1px)}svg{flex-shrink:0}button svg{vertical-align:middle}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-display)}h1{font-size:var(--t-hero);font-weight:var(--w-bold);letter-spacing:var(--track-display);line-height:1.02}h2{font-size:var(--t-display);font-weight:var(--w-bold);letter-spacing:var(--track-display);line-height:1.2}h3{font-size:var(--t-title);font-weight:700;letter-spacing:var(--track-tight)}h4{font-size:var(--t-lead);font-weight:var(--w-semibold);letter-spacing:var(--track-tight)}p{line-height:1.65}input{background:var(--surface-sunk);border:1px solid var(--line-strong);border-radius:var(--r-2);color:var(--text);outline:0;padding:var(--s-3) var(--s-4);width:100%;font-size:var(--t-body)}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}input::placeholder{color:var(--text-faint)}input:disabled{opacity:.6}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border:1px solid var(--line);border-radius:var(--r-1);font-size:var(--t-micro);font-weight:var(--w-semibold);padding:2px 5px;background:var(--surface-sunk);color:var(--text-dim);font-family:inherit}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035,.965)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes charge-in{0%{transform:scale(.72)}55%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@media(max-width:600px){input{padding:var(--s-2) var(--s-3);font-size:var(--t-small)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.blocks-mark{font-size:var(--t-title);line-height:1}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-2);color:var(--text-dim)}.icon-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.icon-button.is-on{background:var(--accent-wash);color:var(--accent)}.eyebrow{font-size:var(--t-micro);font-weight:var(--w-semibold);letter-spacing:var(--track-label);display:flex;align-items:center;gap:var(--s-2);color:var(--text-dim);text-transform:uppercase}.status-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent-glow);flex-shrink:0}.status-dot.is-offline{background:var(--text-faint);box-shadow:none}.status-dot.is-live{background:var(--success);animation:pulse 2.2s var(--ease-out) infinite}.status-dot.is-danger{background:var(--danger);box-shadow:0 0 8px var(--danger-wash)}.hud-panel{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift-1);border-radius:var(--r-3)}.live-pill{font-size:7px;font-weight:var(--w-semibold);letter-spacing:1.2px;border:1px solid var(--line);color:var(--text-dim);border-radius:var(--r-1);padding:3px 5px;background:var(--surface-sunk);line-height:1}.live-pill.is-live{color:var(--accent);border-color:var(--accent-wash);background:var(--accent-wash)}.standing{width:100%;display:flex;align-items:center;gap:var(--s-2);height:36px;border-radius:var(--r-2);padding:0 var(--s-2);font-size:var(--t-small);text-align:left}.standing:hover{background:var(--surface-hover)}.standing.is-player{background:var(--surface-active);box-shadow:inset 2px 0 0 var(--accent)}.rank-num{width:17px;color:var(--text-faint);font-size:var(--t-micro);font-variant-numeric:tabular-nums}.cell-dot{display:block;width:10px;height:10px;border-radius:45% 45% 40% 40%;box-shadow:inset 0 2px 2px var(--gloss);flex-shrink:0}.standing-name{flex:1;font-weight:var(--w-medium);display:flex;gap:var(--s-1);align-items:baseline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standing-name small{font-size:7px;font-weight:var(--w-semibold);letter-spacing:.8px;color:var(--accent)}.agent-tag{display:inline-flex;align-items:center;gap:5px;font-size:var(--t-micro);font-weight:var(--w-semibold);letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.agent-tag.is-agent{color:var(--accent)}.agent-tag.is-offline{color:var(--danger-text)}.primary-button{background:var(--accent);color:var(--text-on-accent);border:1px solid var(--accent-edge);border-bottom-color:var(--accent-muted);box-shadow:var(--lift-key),var(--lift-cast);display:inline-flex;align-items:center;justify-content:center;gap:var(--s-3);border-radius:var(--r-2);padding:var(--s-3) var(--s-5);font-weight:700;font-size:var(--t-small);min-height:44px}.primary-button:hover:not(:disabled){background:var(--accent-bright);box-shadow:var(--lift-key),0 5px 18px var(--accent-glow);transform:translateY(-1px)}.primary-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--accent-shade)}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-sunk);font-size:var(--t-small);font-weight:var(--w-medium);color:var(--text);min-height:41px}.secondary-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--line-strong)}.text-button{display:flex;align-items:center;justify-content:center;gap:var(--s-2);color:var(--text-dim);font-size:var(--t-small);font-weight:var(--w-medium);padding:var(--s-3) 0}.text-button:hover{color:var(--text)}.wide{width:100%}.selected>.radio-dot{background:var(--accent-edge);border:3px solid var(--accent-shade);box-shadow:0 0 0 1px var(--accent-edge)}.error-message{background:var(--danger-wash);border:1px solid var(--danger-line);border-radius:var(--r-2);color:var(--danger-text);padding:var(--s-3);font-size:var(--t-tiny);margin-top:var(--s-3);word-break:break-word}.modal-title .eyebrow{color:var(--accent);margin-bottom:var(--s-2)}.modal-title p{color:var(--text-dim);font-size:var(--t-small);margin-top:var(--s-3)}@media(max-width:900px){.standing{gap:5px;font-size:var(--t-tiny);padding:0 var(--s-1);height:33px}.standing-name small{display:none}}@media(max-width:600px){.standing{height:30px;font-size:var(--t-micro);gap:5px;padding:0 3px}.rank-num{width:12px;font-size:8px}.cell-dot{width:8px;height:8px}.modal-title h2{max-width:90%}.primary-button{font-size:var(--t-small);padding:var(--s-3) var(--s-4);min-height:41px}}.world-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.cell-label{position:absolute;transform:translate(-50%,-100%);font-size:var(--t-tiny);letter-spacing:.2px;text-shadow:0 1px 4px var(--bg),0 1px 4px var(--bg);font-weight:var(--w-semibold);padding:3px 7px;white-space:nowrap;color:var(--text);transition:opacity var(--fast)}.cell-label.selected{background:var(--surface-solid);border:1px solid var(--line);border-radius:var(--r-1);color:var(--accent-pale);z-index:1}.cell-label.selected i{position:absolute;left:calc(50% - 3px);bottom:-4px;width:6px;height:6px;transform:rotate(45deg);background:var(--accent)}.chatter-lane{--feed-reserve: 124px;position:absolute;right:var(--hud-gutter);top:calc(var(--hud-gutter) + 46px + var(--feed-reserve));z-index:11;width:258px;display:flex;flex-direction:column;gap:var(--s-1);pointer-events:none}.chatter-bubble{--speaker: var(--rival);display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:var(--s-1);row-gap:1px;margin:0;padding:6px var(--s-2) 7px;border-radius:var(--r-2);border-left:2px solid var(--speaker);background:var(--surface-solid);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);animation:chatter-in var(--medium) var(--ease-spring);transition:opacity var(--slow) linear,transform var(--slow) var(--ease-out)}.chatter-bubble.is-leaving{opacity:0;transform:translate(10px)}.chatter-name{font-size:var(--t-micro);font-weight:var(--w-semibold);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--speaker)}.chatter-driver{justify-self:start;font-size:var(--t-micro);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.chatter-text{grid-column:1 / -1;font-size:var(--t-small);line-height:1.35;color:var(--text);overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.chatter-bubble.is-mine{--speaker: var(--accent);background:var(--surface)}@keyframes chatter-in{0%{opacity:0;transform:translate(12px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.chatter-bubble{animation:none}}@media(max-width:900px){.chatter-lane{width:210px}}@media(max-width:600px){.chatter-lane{--feed-reserve: 68px;width:min(220px,var(--hud-col));top:calc(var(--hud-gutter) + 40px + var(--feed-reserve))}.chatter-text{font-size:var(--t-tiny);-webkit-line-clamp:2;line-clamp:2}.chatter-bubble:nth-child(n+3){display:none}}.studio-entry{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-tiny);font-weight:var(--w-medium);color:var(--text-faint);padding:var(--s-2);border-radius:var(--r-2)}.studio-entry:hover{color:var(--text);background:var(--surface-hover)}.studio-entry.tone-quiet{width:100%;justify-content:flex-start}.studio-entry.tone-inline{padding:var(--s-2) var(--s-3);border:1px solid var(--line-soft);color:var(--text-dim)}.chrome{position:absolute;right:var(--hud-gutter);top:var(--hud-gutter);z-index:15}.chrome-toggle{position:relative;z-index:2;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift-1)}.chrome-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;cursor:default}.chrome-menu{position:absolute;right:0;top:44px;z-index:2;width:246px;display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);animation:rise var(--fast) var(--ease-out)}.chrome-brand{display:flex;flex-direction:column;gap:5px;padding-bottom:var(--s-2);border-bottom:1px solid var(--line-soft)}.brand-word{font-family:var(--font-display);font-size:var(--t-lead);font-weight:800;letter-spacing:-1px;line-height:1}.brand-dot{color:var(--accent);font-size:var(--t-micro);vertical-align:super;margin-left:1px}.chrome-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.chrome-label{font-size:var(--t-micro);font-weight:var(--w-semibold);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-faint)}.chrome-cluster{display:flex;gap:2px;padding:2px;border-radius:var(--r-2);background:var(--surface-sunk)}.chrome-cluster .icon-button{width:30px;height:30px}.chrome-links{display:flex;flex-direction:column;gap:1px;padding-top:var(--s-2);border-top:1px solid var(--line-soft)}.chrome-link{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2);border-radius:var(--r-2);font-size:var(--t-small);font-weight:var(--w-medium);color:var(--text-dim);text-align:left}.chrome-link:hover{background:var(--surface-hover);color:var(--text)}.chrome-link kbd{margin-left:auto}.chrome-leave{padding:var(--s-2) 0 0;font-size:var(--t-tiny);color:var(--text-faint);border-top:1px solid var(--line-soft)}.chrome-leave:hover{color:var(--danger-text)}@media(max-width:600px){.chrome-menu{width:min(246px,calc(100vw - var(--hud-gutter) * 2))}}.kill-feed{position:absolute;right:var(--hud-gutter);top:calc(var(--hud-gutter) + 46px);z-index:11;width:258px;display:flex;flex-direction:column;gap:var(--s-1);pointer-events:none}.feed-line{display:flex;align-items:baseline;gap:5px;padding:6px var(--s-2);border-radius:var(--r-1);background:var(--surface-solid);border-left:2px solid var(--line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);font-size:var(--t-tiny);line-height:1.4;white-space:nowrap;overflow:hidden;animation:slide-in var(--medium) var(--ease-out);transition:opacity var(--slow) linear,transform var(--slow) var(--ease-out)}.feed-line.is-leaving{opacity:0;transform:translate(10px)}.feed-actor,.feed-target{font-weight:var(--w-semibold);color:var(--text);overflow:hidden;text-overflow:ellipsis}.feed-verb{color:var(--text-faint);flex-shrink:0}.feed-value{margin-left:auto;padding-left:var(--s-2);font-style:normal;font-size:var(--t-micro);font-weight:700;color:var(--text-faint);font-variant-numeric:tabular-nums;flex-shrink:0}.feed-line .feed-actor{color:var(--rival)}.feed-eliminate .feed-target{color:var(--text-dim)}.feed-lead .feed-actor{color:var(--warning)}.feed-line.is-mine{border-left-color:var(--accent);background:var(--surface)}.feed-absorb.is-mine .feed-target,.feed-eliminate.is-mine .feed-target{color:var(--danger)}.feed-line.is-mine .feed-value{color:var(--accent)}@media(max-width:900px){.kill-feed{width:210px}}@media(max-width:600px){.kill-feed{width:min(220px,var(--hud-col));top:calc(var(--hud-gutter) + 40px);font-size:var(--t-micro)}.feed-line{padding:4px 6px;font-size:var(--t-micro)}.feed-line:nth-child(n+3){display:none}}.leaderboard{display:flex;flex-direction:column;padding:var(--s-2)}.standings-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-1) var(--s-2) var(--s-2)}.standing.standings-columns{height:auto;justify-content:flex-end;padding-bottom:2px;pointer-events:none}.standings-columns>span{font-size:7px;font-weight:var(--w-regular);letter-spacing:.9px;color:var(--text-faint)}.standings{display:flex;flex-direction:column;gap:1px}.standing.is-watched{background:var(--surface-hover)}.first-crown{color:var(--warning);font-size:var(--t-tiny)}.standing .agent-tag{font-size:7px;letter-spacing:.9px;flex-shrink:0}.standing-mass{font-variant-numeric:tabular-nums;font-weight:var(--w-semibold);font-size:var(--t-tiny);color:var(--text-dim);min-width:42px;text-align:right}.standing.is-player .standing-mass{color:var(--text)}.standing-now{font-variant-numeric:tabular-nums;font-size:var(--t-micro);color:var(--text-faint);min-width:34px;text-align:right}.standing.is-out{cursor:default}.standing.is-out .standing-name,.standing.is-out .cell-dot{opacity:.55}.full-standings{padding:var(--s-2) 0 var(--s-1);font-size:var(--t-micro);letter-spacing:.4px;border-top:1px solid var(--line-soft);margin-top:var(--s-1)}@media(max-width:900px){.standing-mass{min-width:34px}}@media(max-width:600px){.leaderboard{padding:6px}.standings-heading{padding:2px var(--s-1) 6px}.standing .agent-tag{display:none}}.match-clock{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--s-4);padding:var(--s-3) var(--s-3) var(--s-2);border-bottom:1px solid var(--line)}.clock-time{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex-shrink:0}.clock-time strong{font-family:var(--font-display);font-size:var(--t-title);font-weight:var(--w-bold);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:var(--track-tight)}.clock-time.is-urgent strong{color:var(--danger);animation:pulse 1s var(--ease-out) infinite}.clock-state{font-size:8px;font-weight:var(--w-semibold);letter-spacing:var(--track-label);color:var(--text-faint);white-space:nowrap}@media(max-width:600px){.match-clock{padding:var(--s-2) var(--s-2) 6px;gap:var(--s-2)}.clock-time strong{font-size:var(--t-lead)}}.local-scan{position:absolute;left:var(--hud-gutter);bottom:var(--hud-gutter);z-index:11;width:124px;display:flex;flex-direction:column;gap:6px;padding:var(--s-2);border-radius:var(--r-3);background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift-1);animation:rise var(--medium) var(--ease-out)}.scan-dish-frame{position:relative;width:100%;aspect-ratio:1}.scan-dish-frame svg{width:100%;height:100%;display:block;overflow:visible}.scan-dish{fill:var(--surface-sunk);stroke:var(--line);stroke-width:1}.scan-ring{fill:none;stroke:var(--line-soft);stroke-width:.8}.scan-grid{stroke:var(--line-soft);stroke-width:.6}.scan-blip{stroke:var(--blackwood-900);stroke-width:.6}.scan-blip.is-you{stroke:var(--accent);stroke-width:1.2}.scan-ally{fill:none;stroke:var(--accent-pale, #cfe9df);stroke-width:.9;stroke-dasharray:1.6 1.4;opacity:.9}.scan-readout{display:flex;align-items:center;gap:5px;color:var(--text-faint)}.scan-state{font-size:8px;font-weight:var(--w-semibold);letter-spacing:1.1px;flex:1}.scan-readout strong{font-size:var(--t-micro);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-dim)}.local-scan.is-revealed{border-color:var(--accent-wash)}.local-scan.is-revealed .scan-dish{stroke:var(--accent-wash)}.local-scan.is-revealed .scan-readout,.local-scan.is-revealed .scan-readout strong{color:var(--accent)}@media(max-width:900px){.local-scan{width:100px}}@media(max-width:600px){.local-scan{flex-direction:row;align-items:center;width:auto;bottom:calc(var(--hud-gutter) + 150px);padding:5px var(--s-2);gap:var(--s-2);border-radius:var(--r-pill)}.scan-dish-frame{display:none}.scan-state{font-size:7px;letter-spacing:.6px;flex:none}}.targeting-banner{position:absolute;left:0;right:0;margin-inline:auto;width:fit-content;top:var(--hud-gutter);z-index:16;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--danger-line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift-1),0 0 0 4px var(--danger-wash);font-size:var(--t-small);color:var(--text);white-space:nowrap;animation:rise var(--fast) var(--ease-out)}.targeting-banner>svg{color:var(--danger);animation:pulse 1s var(--ease-out) infinite}.targeting-banner strong{font-weight:var(--w-semibold);color:var(--danger-text)}.targeting-banner button{display:inline-flex;align-items:center;gap:6px;padding:5px var(--s-2);border-radius:var(--r-pill);background:var(--surface-sunk);font-size:var(--t-micro);font-weight:var(--w-semibold);letter-spacing:.6px;text-transform:uppercase;color:var(--text-dim)}.targeting-banner button:hover{background:var(--surface-hover);color:var(--text)}.toast{position:absolute;left:0;right:0;margin-inline:auto;width:fit-content;bottom:calc(var(--hud-gutter) + 170px);z-index:17;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift-1);font-size:var(--t-small);font-weight:var(--w-medium);max-width:calc(100vw - var(--hud-gutter) * 2);animation:rise var(--medium) var(--ease-out)}.toast svg{color:var(--accent)}@media(max-width:600px){.targeting-banner{font-size:var(--t-tiny);gap:var(--s-2);max-width:calc(100vw - var(--hud-gutter) * 2);white-space:normal}.toast{bottom:calc(var(--hud-gutter) + 192px);max-width:calc(100% - var(--hud-gutter) * 2);font-size:var(--t-tiny);padding:var(--s-2) var(--s-3)}}.creature{width:84px;height:73px;position:relative;flex-shrink:0}.creature.large{width:215px;height:190px}@media(max-width:900px){.creature.large{width:185px;height:166px}}.avatar-badge{position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 6px 9px var(--bg))}.avatar-badge canvas{display:block;width:86%;height:auto;aspect-ratio:1;object-fit:contain;pointer-events:none}.avatar-badge.large{width:220px;height:220px}.avatar-badge.large canvas{width:100%}.supply-slot.is-asked:not(.is-armed){border-color:var(--accent);animation:asked 1.8s var(--ease-out) infinite}.supply-slot.is-asked .slot-copy small{color:var(--accent)}.supply-slot.is-asked:after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}@keyframes asked{0%,to{box-shadow:inset 0 0 0 0 var(--accent-wash)}50%{box-shadow:inset 0 0 22px 0 var(--accent-wash)}}@media(prefers-reduced-motion:reduce){.supply-slot.is-asked:not(.is-armed){animation:none}}.supply-dock{position:absolute;left:0;right:0;margin-inline:auto;bottom:var(--hud-gutter);z-index:12;width:min(560px,calc(100% - var(--hud-gutter) * 2));display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-4);background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift-1);animation:rise var(--medium) var(--ease-out)}.dock-identity{display:flex;align-items:center;gap:var(--s-3);padding:0 var(--s-1)}.dock-portrait{display:block;width:38px;height:38px;flex-shrink:0}.dock-portrait canvas,.dock-portrait svg,.dock-portrait>*{width:100%;height:100%}.dock-who{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.dock-name{font-family:var(--font-display);font-size:var(--t-lead);font-weight:var(--w-bold);letter-spacing:var(--track-tight);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-vitals{display:flex;gap:var(--s-4);flex-shrink:0}.dock-vital{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.dock-vital small{font-size:8px;font-weight:var(--w-semibold);letter-spacing:var(--track-label);color:var(--text-faint)}.dock-vital b{font-family:var(--font-display);font-size:var(--t-lead);font-weight:var(--w-bold);line-height:1;font-variant-numeric:tabular-nums}.dock-vital em{font-style:normal;font-size:var(--t-tiny);font-weight:var(--w-medium);color:var(--text-faint)}.dock-lane{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2);border-radius:var(--r-1);background:var(--surface-sunk);font-size:var(--t-tiny);line-height:1.5;min-width:0}.lane-mark{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--text-faint)}.lane-state{font-weight:var(--w-semibold);letter-spacing:.4px;text-transform:uppercase;font-size:var(--t-micro);color:var(--text-faint);flex-shrink:0}.lane-thought{color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1lh}.lane-thinking .lane-mark{background:var(--accent);animation:pulse .45s var(--ease-out) infinite}.lane-thinking .lane-state,.lane-deciding .lane-state{color:var(--accent)}.lane-deciding .lane-mark,.lane-waking .lane-mark{background:var(--accent)}.lane-offline .lane-mark{background:var(--danger)}.lane-offline .lane-state{color:var(--danger-text)}.dock-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.supply-slot{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2);border-radius:var(--r-2);border:1px solid var(--line);background:var(--surface-sunk);text-align:left;min-height:52px;transition:background var(--fast),border-color var(--fast),transform var(--fast)}.supply-slot.is-empty{opacity:.55}.supply-slot.has-charge:not(:disabled){border-color:var(--accent-wash);background:var(--accent-wash)}.supply-slot.has-charge:not(:disabled):hover{background:var(--surface-active);border-color:var(--accent);transform:translateY(-1px)}.slot-icon{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-2);background:var(--surface-solid);color:var(--text-dim);flex-shrink:0}.has-charge .slot-icon{color:var(--accent)}.slot-count{position:absolute;right:-3px;bottom:-3px;min-width:15px;height:15px;padding:0 3px;border-radius:var(--r-pill);background:var(--blackwood-900);border:1px solid var(--line);color:var(--text-faint);font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.has-charge .slot-count{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.slot-copy{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.slot-copy strong{font-size:var(--t-tiny);font-weight:var(--w-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-copy small{font-size:var(--t-micro);color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supply-slot kbd{flex-shrink:0}.slot-sweep{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left;background:var(--accent-muted);transition:transform var(--slow) linear}.dock-teach{display:none;margin:0;text-align:center;color:var(--text-faint);font-size:var(--t-micro);letter-spacing:.04em}.supply-slot.is-arriving{border-color:var(--accent);background:var(--surface-active)}.supply-slot.is-arriving .slot-icon{animation:charge-in .45s var(--ease-spring);color:var(--accent-pale)}.supply-slot.is-running{border-color:var(--accent)}.supply-slot.is-running .slot-copy small{color:var(--accent)}.supply-slot.is-armed{border-color:var(--danger);background:var(--danger-wash);animation:pulse 1s var(--ease-out) infinite}.supply-slot.is-armed .slot-icon,.supply-slot.is-armed .slot-copy small{color:var(--danger)}.supply-slot.is-armed .slot-count{background:var(--danger);border-color:var(--danger)}.supply-dock.is-aiming .supply-slot:not(.is-armed),.supply-dock.is-aiming .dock-lane{opacity:.4}@media(max-width:600px){.dock-teach{display:block}.supply-dock{width:calc(100vw - var(--hud-gutter) * 2);padding:var(--s-2);gap:6px;border-radius:var(--r-3)}.dock-portrait{width:30px;height:30px}.dock-name{font-size:var(--t-body)}.dock-vitals{gap:var(--s-3)}.dock-vital b{font-size:var(--t-body)}.slot-copy{display:none}.supply-slot{justify-content:center;min-height:46px}.dock-lane{font-size:var(--t-micro)}}.thought-stream{position:absolute;right:var(--hud-gutter);bottom:var(--hud-gutter);z-index:11;width:min(196px,calc((100vw - 560px) / 2 - var(--hud-gutter) * 2));display:flex;flex-direction:column;gap:6px;padding:var(--s-2) var(--s-3);border-radius:var(--r-3);background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift-1);animation:rise var(--medium) var(--ease-out);pointer-events:none}.lane-head{display:flex;align-items:baseline;gap:6px;margin:0}.lane-kind{font-size:var(--t-micro);font-weight:var(--w-bold);letter-spacing:var(--track-label);color:var(--accent);flex-shrink:0}.lane-agent{font-size:var(--t-tiny);color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-pulse{display:flex;align-items:baseline;gap:var(--s-2);margin:0}.pulse-dot{width:7px;height:7px;border-radius:var(--r-pill);background:var(--accent);flex-shrink:0;align-self:center;animation:pulse-beat var(--slow) var(--ease-out)}.pulse-dot.band-slow{background:var(--warning)}.pulse-dot.band-late{background:var(--danger)}.pulse-dot.band-idle{background:var(--text-faint);animation:none}.pulse-figure{font-size:var(--t-lead);font-weight:var(--w-semibold);color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.pulse-figure small{font-size:var(--t-micro);font-weight:var(--w-regular);color:var(--text-faint);margin-left:1px}.pulse-median{margin-left:auto;font-size:var(--t-micro);color:var(--text-faint);font-variant-numeric:tabular-nums}.thought-stream.is-offline{border-color:var(--danger-line);background:var(--danger-wash)}.lane-offline{display:flex;flex-direction:column;gap:2px;margin:0;font-size:var(--t-tiny);line-height:1.35;color:var(--text-dim)}.lane-offline b{color:var(--danger-text);font-weight:var(--w-semibold)}.lane-offline small{font-size:var(--t-micro);color:var(--text-faint)}.lane-debug{display:flex;flex-direction:column;gap:2px;margin-top:2px;padding-top:6px;border-top:1px solid var(--line-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.debug-line{display:flex;gap:5px;margin:0;font-size:var(--t-micro);line-height:1.4;color:var(--text-dim)}.debug-line b{color:var(--text-faint);font-weight:var(--w-regular);flex-shrink:0;width:52px}.debug-line span{overflow-wrap:anywhere}.debug-spoke span{color:var(--rival)}.debug-offline span{color:var(--danger-text)}.debug-idle{color:var(--text-faint)}@keyframes pulse-beat{0%{transform:scale(.6);opacity:.4}35%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:.85}}@media(prefers-reduced-motion:reduce){.pulse-dot{animation:none}}@media(max-width:1000px){.thought-stream{display:none}}.hud-zone{position:absolute;z-index:11;animation:rise var(--medium) var(--ease-out)}.zone-match{left:var(--hud-gutter);top:var(--hud-gutter);width:244px;display:flex;flex-direction:column}@media(max-width:900px){.zone-match{width:208px}}@media(max-width:600px){:root{--hud-col: calc((100vw - var(--hud-gutter) * 3) / 2)}.zone-match{width:min(260px,var(--hud-col))}.zone-match .standing:nth-child(n+4){display:none}.zone-match .full-standings{display:none}}.unlock-toast{position:absolute;top:var(--hud-gutter);right:var(--hud-gutter);z-index:25;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);border-radius:var(--r-4);background:var(--surface);border:1px solid var(--accent-edge);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift-1),0 0 0 4px var(--accent-wash);max-width:min(360px,calc(100vw - var(--hud-gutter) * 2));animation:rise var(--medium) var(--ease-spring)}.unlock-toast-creature{display:block;width:44px;height:44px;flex-shrink:0}.unlock-toast-creature>*{width:100%;height:100%}.unlock-toast-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.unlock-toast-copy strong{font-family:var(--font-display);font-size:var(--t-body);font-weight:var(--w-semibold);letter-spacing:var(--track-tight);color:var(--text)}.unlock-toast-copy>span{font-size:var(--t-small);color:var(--accent)}.unlock-toast-count{font-size:var(--t-micro);font-variant-numeric:tabular-nums;letter-spacing:.6px;color:var(--text-faint);flex-shrink:0}.unlock-toast button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:var(--r-pill);background:var(--surface-sunk);color:var(--text-faint)}.unlock-toast button:hover{background:var(--surface-hover);color:var(--text)}@media(max-width:600px){.unlock-toast{display:none}}.countdown-screen .flow-scrim{background:var(--scrim-focus)}.countdown-number{font-family:var(--font-display);font-size:clamp(96px,22vw,200px);font-weight:800;line-height:.9;letter-spacing:-8px;color:var(--text);text-shadow:0 12px 60px var(--bg);animation:count-beat .9s var(--ease-out);margin-bottom:.25em}@keyframes count-beat{0%{opacity:0;transform:scale(1.5)}35%{opacity:1;transform:scale(1)}to{opacity:.82;transform:scale(.97)}}.countdown-screen .flow-claim{text-align:center}.countdown-slots{display:flex;gap:var(--s-2);margin-top:var(--s-2)}.countdown-slot{display:flex;flex-direction:column;align-items:center;gap:5px;width:92px;padding:var(--s-3) var(--s-2);border-radius:var(--r-2);border:1px dashed var(--line);background:var(--surface-sunk);color:var(--text-faint);animation:pulse 2.4s var(--ease-out) infinite}.countdown-slot:nth-child(2){animation-delay:.2s}.countdown-slot:nth-child(3){animation-delay:.4s}.countdown-slot small{font-size:var(--t-micro);font-weight:var(--w-semibold);letter-spacing:.5px}@media(max-width:600px){.countdown-number{letter-spacing:-5px}.countdown-slot{width:74px;padding:var(--s-2) 6px}}.lobby-head{display:flex;flex-direction:column;gap:var(--s-2)}.lobby-head h2{font-size:var(--t-display)}.lobby-head strong{color:var(--accent);font-variant-numeric:tabular-nums}.lobby-timer{height:3px;border-radius:var(--r-pill);background:var(--surface-sunk);overflow:hidden;margin-top:var(--s-1)}.lobby-timer i{display:block;height:100%;background:var(--accent);transform-origin:left;transition:transform 1s linear}.lobby-network:empty{display:none}.lobby-network{font-size:var(--t-small);color:var(--text-dim)}.lobby-invite{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.lobby-link{flex:1;min-width:0;padding:5px var(--s-2);border:1px solid var(--line-soft);border-radius:var(--r-1);background:var(--surface-sunk);color:var(--text-dim);font-size:var(--t-micro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-copy{flex-shrink:0}.lobby-roster{display:flex;flex-direction:column;gap:var(--s-3)}.lobby-you{display:flex;align-items:center;gap:var(--s-3);padding-bottom:var(--s-3);border-bottom:1px solid var(--line-soft)}.lobby-portrait{display:block;width:46px;height:46px;flex-shrink:0}.lobby-portrait>*{width:100%;height:100%}.lobby-you-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.lobby-you-copy strong{font-family:var(--font-display);font-size:var(--t-title);font-weight:var(--w-bold);letter-spacing:var(--track-tight);line-height:1}.lobby-name-input{width:100%;font-family:var(--font-display);font-size:var(--t-title);font-weight:var(--w-bold);letter-spacing:var(--track-tight)}.lobby-you-copy small{font-size:var(--t-tiny);color:var(--text-faint)}.lobby-edit{flex-shrink:0;font-size:var(--t-tiny);min-height:36px}.lobby-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px var(--s-4)}.lobby-rest{font-size:var(--t-tiny);color:var(--text-faint);padding:var(--s-2) var(--s-2) 0;border-top:1px solid var(--line-soft)}.lobby-list li{display:flex;align-items:center;gap:var(--s-2);padding:5px var(--s-2);border-radius:var(--r-1);font-size:var(--t-small)}.lobby-list li.is-player{background:var(--surface-active)}.lobby-name{flex:1;font-weight:var(--w-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.lobby-you-copy strong{font-size:var(--t-lead)}.lobby-portrait{width:36px;height:36px}.lobby-edit span{display:none}.lobby-list{gap:2px var(--s-3)}.lobby-list .agent-tag{display:none}}.progression{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-2);background:var(--surface-sunk);border:1px solid var(--line-soft)}.progression>small{font-size:8px;font-weight:var(--w-semibold);letter-spacing:var(--track-label);color:var(--accent)}.progression-earned{display:flex;flex-direction:column;gap:var(--s-2);list-style:none;margin:0;padding:0}.progression-earned li{display:flex;flex-direction:column;gap:2px;padding-left:var(--s-3);border-left:2px solid var(--accent)}.progression strong{font-size:var(--t-small);font-weight:var(--w-semibold);color:var(--text)}.progression span{font-size:var(--t-tiny);color:var(--text-dim)}.progression em{font-style:normal;font-size:var(--t-tiny);line-height:1.45;color:var(--accent)}.progression.is-quiet{flex-direction:row;align-items:flex-start;gap:var(--s-3)}.progression.is-quiet>svg{color:var(--text-faint);flex-shrink:0;margin-top:1px}.progression-next{display:flex;flex-direction:column;gap:2px;min-width:0}.progression.is-quiet em{color:var(--text-dim)}.progression-tally{margin:0;font-size:var(--t-micro);letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint)}.progression.is-quiet .progression-tally{margin-top:var(--s-1)}@media(max-width:600px){.progression{padding:var(--s-2)}}.results-head{display:flex;flex-direction:column;gap:var(--s-2)}.flow-eyebrow.is-win{color:var(--warning)}.results-you{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-1)}.results-portrait{display:block;width:48px;height:48px;flex-shrink:0}.results-portrait>*{width:100%;height:100%}.results-you strong{color:var(--text);font-weight:var(--w-semibold)}.results-rank{font-family:var(--font-display);font-size:var(--t-title);color:var(--accent);letter-spacing:var(--track-tight)}.results-local{display:block;font-size:var(--t-micro);letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint);margin-top:2px}.results-body{display:flex;flex-direction:column;gap:var(--s-3)}.results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.results-stats span{display:flex;flex-direction:column;gap:3px;padding:var(--s-2) var(--s-3);border-radius:var(--r-2);background:var(--surface-sunk)}.results-stats small{font-size:8px;font-weight:var(--w-semibold);letter-spacing:var(--track-label);color:var(--text-faint)}.results-stats b{font-family:var(--font-display);font-size:var(--t-title);font-weight:var(--w-bold);line-height:1;font-variant-numeric:tabular-nums}.results-moment{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-2);background:var(--accent-wash);border:1px solid var(--accent-wash)}.results-moment>svg{color:var(--accent)}.results-moment span{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.results-moment small{font-size:8px;font-weight:var(--w-semibold);letter-spacing:var(--track-label);color:var(--accent)}.results-moment strong{font-size:var(--t-small);font-weight:var(--w-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-moment em{font-style:normal;font-size:var(--t-tiny);font-weight:700;color:var(--accent);flex-shrink:0}.results-progression:empty{display:none}.results-board{padding-top:var(--s-3);border-top:1px solid var(--line-soft)}.results-board-head{display:flex;justify-content:space-between;padding:0 var(--s-2) var(--s-2);font-size:8px;font-weight:var(--w-semibold);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-faint)}.results-standings{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.results-standings li{display:flex;align-items:center;gap:var(--s-2);padding:5px var(--s-2);border-radius:var(--r-1);font-size:var(--t-small)}.results-standings li.is-player{background:var(--surface-active);box-shadow:inset 2px 0 0 var(--accent)}.results-standings li.is-player:not(:nth-child(-n+5)){margin-top:var(--s-2)}.results-standings li.is-player .rank-num{color:var(--accent)}.results-mass{font-variant-numeric:tabular-nums;font-size:var(--t-tiny);color:var(--text-dim)}.results-again{font-size:var(--t-body);min-height:50px}@media(max-width:600px){.results-portrait{width:36px;height:36px}.results-stats b{font-size:var(--t-lead)}.results-stats span{padding:6px var(--s-2)}.results-standings li:nth-child(n+4):not(.is-player){display:none}}.flow-scrim.is-loss{background:var(--scrim-loss)}.flow-eyebrow.is-loss{color:var(--danger)}.spectate-killer{font-size:var(--t-display);max-width:20ch}.spectate-screen .flow-claim{text-align:center}.spectate-bar{position:absolute;left:0;right:0;margin-inline:auto;width:fit-content;bottom:var(--hud-gutter);display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift-1);max-width:calc(100vw - var(--hud-gutter) * 2);animation:rise var(--medium) var(--ease-out)}.spectate-label{display:flex;align-items:center;gap:6px;font-size:var(--t-micro);font-weight:var(--w-semibold);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-faint);flex-shrink:0}.spectate-target{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-body);font-weight:var(--w-semibold);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spectate-next{border-radius:var(--r-pill);min-height:34px;font-size:var(--t-tiny);flex-shrink:0}.spectate-leave{padding:0 var(--s-2);font-size:var(--t-tiny);flex-shrink:0}@media(max-width:600px){.spectate-bar{gap:var(--s-2);padding:6px 6px 6px var(--s-3)}.spectate-label span,.spectate-next span{display:none}.spectate-target{font-size:var(--t-small)}}.title-screen .flow-scrim{background:var(--scrim-title)}.title-brand{display:flex;align-items:baseline;gap:var(--s-3);flex-wrap:wrap}.title-brand h1{font-weight:800;letter-spacing:-3px;line-height:.9}.title-dot{color:var(--accent);font-size:.3em;vertical-align:super;margin-left:2px;letter-spacing:0}.title-for{display:flex;align-items:center;gap:6px;font-size:var(--t-micro);font-weight:var(--w-semibold);letter-spacing:var(--track-label);color:var(--text-faint)}.title-for .blocks-mark{font-size:var(--t-body)}.title-claim{font-size:var(--t-lead);line-height:1.5;color:var(--text-dim);max-width:46ch}.title-enter{font-size:var(--t-body);padding:var(--s-4) var(--s-5);min-height:52px}.title-status{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;font-size:var(--t-tiny);color:var(--text-faint)}.title-sep{width:3px;height:3px;border-radius:50%;background:var(--text-faint);opacity:.6}@media(max-width:600px){.title-claim{font-size:var(--t-small)}.title-brand h1{letter-spacing:-1.6px}.title-enter{font-size:var(--t-small);min-height:48px}.flow-actions .secondary-button,.flow-actions .studio-entry{flex:1}}.flow-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;pointer-events:none;animation:appear var(--medium) var(--ease-out)}.flow-screen>*{pointer-events:auto}.flow-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--scrim-deep)}.flow-panel{position:relative;margin:auto auto var(--s-7) var(--s-7);width:min(560px,calc(100vw - var(--s-7) * 2));display:flex;flex-direction:column;gap:var(--s-4);animation:rise var(--slow) var(--ease-out)}.flow-panel.is-centred{margin:auto;align-items:center;text-align:center}.flow-eyebrow{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-micro);font-weight:var(--w-semibold);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--accent)}.flow-claim{font-size:var(--t-body);color:var(--text-dim);max-width:44ch}.flow-actions{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.flow-card{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift-2);border-radius:var(--r-4);padding:var(--s-4)}@media(max-width:900px){.flow-panel{margin:auto auto var(--s-6) var(--s-5);width:min(520px,calc(100vw - var(--s-5) * 2))}}@media(max-width:600px){.flow-panel{margin:auto var(--s-4) var(--s-5);width:auto;gap:var(--s-3)}.flow-panel.is-centred{margin:auto var(--s-4)}.flow-actions .primary-button{width:100%}.flow-card{padding:var(--s-3);border-radius:var(--r-3)}}.guide{width:935px}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin:29px 0 28px}.guide-cards article+article{border-left:1px solid var(--line);padding-left:26px}.guide-illustration{height:105px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:17px}.guide-illustration .creature{transform:scale(1.3);margin-right:13px}.guide-illustration.forage i:not(.eye,.cheek,.mouth){height:8px;width:8px;border-radius:50%;background:var(--accent-pale);box-shadow:0 0 12px var(--accent-glow);position:absolute;right:32px;top:62px}.guide-illustration.forage>i:nth-child(3){right:18px;top:42px;width:5px;height:5px}.guide-illustration.forage>i:nth-child(4){right:48px;top:82px;width:5px;height:5px}.guide-illustration.danger>.creature:first-child{transform:scale(1.5)}.guide-illustration.danger>.creature:last-child{transform:scale(.8);margin-left:5px}.guide-illustration.split>.creature{transform:scale(.95);margin:0 -4px}.guide-cards h3{font-size:16px;letter-spacing:-.4px;margin:10px 0 9px}.guide-cards p{font-size:11px;color:var(--text-dim)}.guide-mission{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;background:var(--surface-sunk);padding:18px;margin:0 0 23px;gap:20px}.guide-mission>div{display:flex;align-items:center;gap:16px}.guide-mission>div>svg{color:var(--accent)}.guide-mission strong{display:block;font-size:12px;margin-bottom:5px}.guide-mission small{display:block;font-size:10px;color:var(--text-dim);line-height:1.6}.guide-mission .primary-button{white-space:nowrap}.blocks-lesson{display:flex;align-items:center;gap:18px;padding:0 4px}.blocks-lesson>.blocks-mark{font-size:35px;color:var(--accent)}.blocks-lesson h3{font-size:13px;letter-spacing:0}.blocks-lesson p{font-size:10px;color:var(--text-dim);margin-top:6px}.blocks-lesson>div{flex:1}.blocks-lesson .text-button{min-width:135px;align-self:center;white-space:nowrap;font-size:10px}@media(max-width:900px){.guide-cards{gap:17px}.guide-cards article+article{padding-left:17px}.guide-illustration .creature{width:65px;height:65px}.guide-cards h3{font-size:14px}.guide-cards p{font-size:10px}.blocks-lesson .text-button{min-width:110px;font-size:9px}}@media(max-width:600px){.guide-cards{display:flex;flex-direction:column;gap:18px;margin:22px 0}.guide-cards article{padding-left:105px!important;border:0!important;position:relative;min-height:93px}.guide-illustration{position:absolute;left:0;top:-5px;width:87px;height:86px;margin:0}.guide-illustration .creature{width:58px;height:54px;margin:0;flex-shrink:0}.guide-illustration.danger>.creature:first-child{transform:scale(1)}.guide-illustration.danger>.creature:last-child{position:absolute;left:41px;top:27px;transform:scale(.6);margin:0}.guide-illustration.danger>.creature:first-child{margin-left:-22px}.guide-illustration.split>.creature{width:45px;height:45px;transform:scale(.9);margin:0 -2px}.guide-illustration.forage>i:nth-child(3){right:0;top:32px}.guide-illustration.forage>i:nth-child(4){right:9px;top:62px}.guide-illustration.forage>i:nth-child(2){right:7px;top:46px}.guide-cards h3{font-size:14px;margin:6px 0}.guide-cards p{font-size:10px;line-height:1.6}.guide-mission{padding:14px;flex-direction:column;gap:14px;align-items:stretch;margin-bottom:17px}.guide-mission>div{gap:12px}.guide-mission strong{font-size:11px}.guide-mission small{font-size:9px}.blocks-lesson{gap:13px;flex-wrap:wrap}.blocks-lesson>.blocks-mark{font-size:26px;align-self:flex-start}.blocks-lesson>div{flex:1}.blocks-lesson .text-button{padding:6px 0;min-width:0;margin-left:40px}.blocks-lesson p{font-size:9px}}.teammate-guide{border-top:1px solid var(--line);padding:23px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px 30px}.teammate-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px}.teammate-title h3{font-size:14px;letter-spacing:-.2px}.teammate-title>p{font-size:10px;color:var(--text-dim)}.teammate-guide article{display:flex;gap:15px;align-items:center}.guide-power-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;flex-shrink:0;background:var(--danger-wash);border:1px solid var(--danger-line);color:var(--danger-text)}.guide-power-icon.shell{background:var(--success-wash);border-color:var(--line);color:var(--success)}.guide-power-icon.lure,.guide-power-icon.snare,.guide-power-icon.pact{background:var(--surface-sunk);border-color:var(--line);color:var(--text-dim)}.teammate-guide h4{font-size:12px;display:flex;align-items:center;gap:10px;margin-bottom:5px;font-family:DM Sans,sans-serif}.teammate-guide p{font-size:9px;color:var(--text-dim);line-height:1.7}.teammate-guide kbd{font-size:8px;height:17px;min-width:17px}@media(max-width:600px){.teammate-guide{grid-template-columns:1fr;gap:16px;padding:18px 0}.teammate-title{display:block}.teammate-title h3{font-size:13px;margin-bottom:5px}.teammate-title>p{font-size:9px}.teammate-guide article{gap:12px}.teammate-guide p{font-size:9px}.teammate-guide h4{font-size:11px}.guide-power-icon{width:40px;height:40px}}.fog-guide{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:0 0 20px;color:var(--warning)}.fog-guide>div{flex:1}.fog-guide h3{font-size:13px;letter-spacing:-.2px;display:flex;align-items:center;gap:10px;margin-bottom:7px}.fog-guide p{color:var(--text-faint);font-size:10px;line-height:1.7}@media(max-width:600px){.fog-guide{gap:12px}.fog-guide h3{font-size:12px;line-height:1.4}.fog-guide p{font-size:9px}.fog-guide>svg{width:23px}}.identity-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3);margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--line-soft)}.identity-actions{display:flex;gap:var(--s-2);flex:1 1 auto;min-width:0}.identity-actions .secondary-button{flex:1 1 auto;min-width:0;gap:var(--s-2);font-size:var(--t-tiny);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity-actions .secondary-button:last-child{font-variant-numeric:tabular-nums;letter-spacing:.6px}.identity-paste{display:flex;align-items:center;gap:var(--s-2);flex:1 1 180px;min-width:0}.identity-paste input{flex:1 1 auto;min-width:0;font-size:var(--t-tiny);letter-spacing:.6px;text-transform:uppercase}.identity-paste input[aria-invalid=true]{border-color:var(--danger-line)}.identity-paste .text-button{flex-shrink:0;font-size:var(--t-tiny)}.identity-note{flex:1 1 100%;font-size:var(--t-micro);line-height:1.6;color:var(--text-faint);margin:0}.identity-note.is-bad{color:var(--danger-text)}@media(max-width:600px){.identity-bar{margin-top:var(--s-4)}.identity-actions{flex:1 1 100%}}.match-zoom{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--line-soft)}.match-zoom-label{display:flex;align-items:baseline;gap:var(--s-2);font-size:var(--t-tiny);font-weight:var(--w-medium);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--s-3)}.match-zoom-label>span{letter-spacing:0;text-transform:none;font-weight:var(--w-regular);color:var(--text-faint);opacity:.8}.match-zoom-stage{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:var(--s-6);min-height:132px;padding:var(--s-4) var(--s-3) var(--s-3);border-radius:var(--r-3);background:var(--surface-still);overflow:hidden}.match-zoom-fog{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim-focus);pointer-events:none;z-index:1}.match-zoom-sample{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.match-zoom-creature{display:grid;place-items:center;flex-shrink:0}.match-zoom-creature .creature,.match-zoom-creature .creature canvas{width:100%;height:100%;filter:none}.match-zoom-caption{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--t-micro);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-faint);z-index:2}.match-zoom-caption small{letter-spacing:0;font-variant-numeric:tabular-nums;opacity:.7}@media(max-width:600px){.match-zoom-stage{gap:var(--s-4);min-height:118px}}.slot-picker+.slot-picker{margin-top:var(--s-5)}.slot-label{display:block;font-size:var(--t-tiny);font-weight:var(--w-medium);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-faint);margin:0 0 var(--s-3)}.slot-options{display:grid;grid-template-columns:repeat(var(--slot-columns, 6),1fr);gap:var(--s-2)}.slot-option{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-1);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-sunk);color:var(--text-dim);font-size:var(--t-micro);text-transform:capitalize;transition:border-color var(--fast),background var(--fast),color var(--fast)}.slot-option:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.slot-option.is-on{border-color:var(--accent);background:var(--accent-wash);color:var(--accent-pale)}.slot-option-name{line-height:1.2;overflow-wrap:anywhere}.slot-option svg{width:26px;height:26px;overflow:visible}.slot-option svg path{fill:var(--surface-active);stroke:currentColor;stroke-width:5;stroke-linejoin:round}.slot-option .creature{width:100%;height:42px;filter:none;overflow:hidden}.slot-option .creature canvas{width:auto;height:100%}.swatch-options{display:flex;flex-wrap:wrap;gap:var(--s-3)}.swatch{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:none;display:grid;place-items:center}.swatch>span{width:100%;height:100%;border-radius:50%;background:var(--swatch);box-shadow:inset 0 -3px 4px var(--surface-sunk);transition:transform var(--fast) var(--ease-spring)}.swatch:hover:not(:disabled)>span{transform:scale(1.1)}.swatch.is-on{outline:2px solid var(--accent);outline-offset:3px}.slot-option.is-locked,.swatch.is-locked{opacity:.32;cursor:not-allowed;filter:grayscale(.8)}.slot-option.is-locked:hover,.swatch.is-locked:hover{background:var(--surface-sunk)}@media(max-width:900px){.slot-options{gap:var(--s-1)}.slot-option svg{width:22px;height:22px}}@media(max-width:600px){.slot-picker+.slot-picker{margin-top:var(--s-4)}.swatch-options{gap:var(--s-3)}.slot-option .creature{height:38px}}.opt-slider{position:relative;display:flex;align-items:center;gap:var(--s-3);width:180px;height:32px;padding:0 var(--s-1);border-radius:var(--r-2);cursor:pointer;touch-action:none}.opt-slider-rail{position:relative;display:flex;align-items:center;flex:1;height:14px}.opt-slider-track{width:100%;height:4px;border-radius:var(--r-pill);background:var(--surface-sunk);overflow:hidden}.opt-slider-fill{display:block;height:100%;width:100%;transform-origin:left;background:var(--accent)}.opt-slider-knob{position:absolute;top:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--accent);border:2px solid var(--blackwood-900);box-shadow:0 2px 6px var(--bg);transform:translateY(-50%);pointer-events:none}.opt-slider:hover .opt-slider-knob{background:var(--accent-bright)}.opt-slider-value{width:26px;text-align:right;font-size:var(--t-tiny);font-variant-numeric:tabular-nums;color:var(--text-faint)}.opt-switch{width:46px;height:26px;flex-shrink:0;border-radius:var(--r-pill);background:var(--surface-sunk);border:1px solid var(--line);padding:2px;display:flex;transition:background var(--fast),border-color var(--fast)}.opt-switch span{width:20px;height:20px;border-radius:50%;background:var(--text-faint);transition:transform var(--fast) var(--ease-out),background var(--fast)}.opt-switch.is-on{background:var(--accent-wash);border-color:var(--accent)}.opt-switch.is-on span{transform:translate(20px);background:var(--accent)}.opt-segmented{display:flex;gap:2px;padding:2px;border-radius:var(--r-2);background:var(--surface-sunk);border:1px solid var(--line)}.opt-segmented button{padding:var(--s-2) var(--s-3);border-radius:6px;font-size:var(--t-tiny);font-weight:var(--w-medium);color:var(--text-dim);white-space:nowrap}.opt-segmented button:hover{color:var(--text)}.opt-segmented button.is-on{background:var(--accent);color:var(--text-on-accent);font-weight:var(--w-semibold)}@media(max-width:600px){.opt-slider{width:140px}.opt-segmented button{padding:6px var(--s-2)}}.avatar-builder{display:grid;grid-template-columns:1fr 1.12fr;gap:var(--s-6);padding:var(--s-6) 0 var(--s-5)}.avatar-studio{position:relative;display:flex;align-items:center;flex-direction:column;padding:var(--s-5) var(--s-4);border:1px dashed var(--line);border-radius:var(--r-3);background:var(--surface-sunk);transition:border-color var(--fast),background var(--fast)}.avatar-studio.drop-active{border-color:var(--accent);background:var(--accent-wash)}.studio-label{font-size:var(--t-micro);letter-spacing:var(--track-label);color:var(--text-faint);align-self:flex-start;margin-bottom:var(--s-3)}.avatar-edit-surface{width:220px;height:220px;touch-action:none;display:grid;place-items:center;-webkit-user-select:none;user-select:none}.avatar-edit-surface.can-drag{cursor:grab}.avatar-edit-surface.can-drag:active{cursor:grabbing}.studio-name{text-align:center;font-family:var(--font-display);font-size:var(--t-title);font-weight:var(--w-bold);letter-spacing:var(--track-tight);margin:var(--s-1) 0 var(--s-5)}.studio-name>span{display:block;font-family:var(--font-body);font-size:var(--t-micro);font-weight:var(--w-regular);letter-spacing:var(--track-label);color:var(--text-faint);margin-top:var(--s-1);text-transform:uppercase}.image-drop-button{display:flex;align-items:center;justify-content:center;gap:var(--s-2);width:100%;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-sunk);padding:var(--s-3) var(--s-2);font-size:var(--t-tiny);color:var(--text-dim);line-height:1.5}.image-drop-button:hover:not(:disabled){border-color:var(--accent);background:var(--surface-hover);color:var(--text)}.local-image-note{font-size:var(--t-micro);color:var(--text-faint);display:block;text-align:center;margin-top:var(--s-2);line-height:1.6}.image-adjustments{width:100%;margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--line-soft)}.image-adjust-hint{display:flex;align-items:center;justify-content:center;gap:var(--s-1);font-size:var(--t-micro);color:var(--text-faint);margin-bottom:var(--s-3)}.image-zoom{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-micro);color:var(--text-dim)}.image-zoom .opt-slider{flex:1;width:auto;min-width:0}.image-adjust-actions{display:flex;margin-top:var(--s-3);justify-content:space-between}.image-adjust-actions button{display:flex;align-items:center;gap:var(--s-1);font-size:var(--t-micro);color:var(--text-faint);padding:var(--s-1) 0}.image-adjust-actions button:hover{color:var(--text)}.avatar-options{padding-top:2px}.avatar-options>.slot-label{margin-bottom:var(--s-2)}.avatar-options>input{margin-bottom:var(--s-5)}.avatar-options>.primary-button{margin-top:var(--s-5)}@media(max-width:900px){.avatar-builder{gap:var(--s-5)}.avatar-edit-surface,.avatar-edit-surface>.avatar-badge.large{width:190px;height:190px}.avatar-studio{padding:var(--s-4) var(--s-3)}.image-drop-button{font-size:var(--t-micro)}}@media(max-width:600px){.avatar-builder{grid-template-columns:1fr;gap:var(--s-5);padding:var(--s-4) 0}.avatar-studio{min-height:0;padding:var(--s-3);display:grid;grid-template-columns:145px 1fr;gap:var(--s-2) var(--s-3)}.studio-label{grid-column:1/-1;margin-bottom:0}.avatar-edit-surface,.avatar-edit-surface>.avatar-badge.large{width:140px;height:140px}.studio-name{font-size:var(--t-lead);margin:0;overflow-wrap:anywhere}.image-drop-button,.local-image-note,.image-adjustments,.avatar-studio .error-message,.avatar-studio .match-zoom{grid-column:1/-1}.image-drop-button{font-size:var(--t-tiny);padding:var(--s-3);margin-top:var(--s-1)}.local-image-note{margin-top:0}.image-adjustments{margin-top:var(--s-1);padding-top:var(--s-3)}.avatar-options>input{margin-bottom:var(--s-4)}.avatar-options>.primary-button{margin-top:var(--s-5)}}.hatchery-tabs{display:flex;gap:var(--s-5);border-bottom:1px solid var(--line);margin-top:var(--s-5)}.hatchery-tabs button{display:flex;align-items:center;gap:var(--s-2);padding:0 0 var(--s-3);border-bottom:2px solid transparent;font-size:var(--t-small);color:var(--text-dim);margin-bottom:-1px}.hatchery-tabs button:hover{color:var(--text)}.hatchery-tabs button>span{width:18px;height:18px;border:1px solid var(--line);border-radius:50%;font-size:var(--t-micro);display:grid;place-items:center}.hatchery-tabs button.active{color:var(--accent);border-color:var(--accent)}.hatchery-tabs button.active>span{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.hatchery-body{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--s-6);padding:var(--s-6) 0 var(--s-5);min-height:390px}.creature-display{position:relative;background:var(--surface-still);border:1px solid var(--line-soft);border-radius:var(--r-3);display:flex;justify-content:center;align-items:center;min-height:345px}.creature-display>.creature{margin-top:-29px;z-index:1;filter:drop-shadow(0 7px 14px var(--surface-sunk))}.specimen-ring{position:absolute;top:49%;width:240px;height:100px;border:1px solid var(--line);border-radius:50%;background:var(--surface-sunk);box-shadow:var(--lift-1)}.specimen-ring:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px dashed var(--line-soft);border-radius:50%}.specimen-name{position:absolute;bottom:52px;font-family:var(--font-display);font-size:var(--t-title);font-weight:var(--w-bold);letter-spacing:var(--track-tight);text-align:center}.specimen-name span{display:block;font-family:var(--font-body);font-size:var(--t-tiny);color:var(--text-dim);font-weight:var(--w-regular);letter-spacing:var(--track-label);text-transform:capitalize;margin-top:var(--s-1)}.hatchery-controls{padding:var(--s-1) 0}.hatchery-controls>.muted{font-size:var(--t-small);margin-top:var(--s-2);margin-bottom:var(--s-4);line-height:1.6}.muted{color:var(--text-dim)}.strategy-options{display:flex;flex-direction:column;gap:var(--s-2);margin:var(--s-4) 0 var(--s-5)}.strategy-options button{display:flex;align-items:center;gap:var(--s-3);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-sunk);padding:var(--s-3);text-align:left}.strategy-options button:hover{background:var(--surface-hover)}.strategy-options button.selected{border-color:var(--accent);background:var(--accent-wash)}.strategy-options button>svg{color:var(--accent)}.strategy-options button>span:nth-child(2){flex:1}.strategy-options strong{display:block;font-size:var(--t-small);font-weight:var(--w-semibold);color:var(--text);margin-bottom:var(--s-1)}.strategy-options small{display:block;font-size:var(--t-micro);color:var(--text-dim);line-height:1.5}.radio-dot{width:13px;height:13px;border-radius:50%;border:1px solid var(--line-strong)}.modal-footer{border-top:1px solid var(--line);padding-top:var(--s-4);display:flex;align-items:center;justify-content:space-between;font-size:var(--t-micro);color:var(--text-faint)}.modal-footer>span:first-child{display:flex;align-items:center;gap:var(--s-2)}.modal-footer>span:last-child{font-size:var(--t-micro);letter-spacing:var(--track-label);color:var(--text-faint)}.connect-step{display:flex;align-items:flex-start;gap:var(--s-2);margin:var(--s-4) 0 var(--s-3)}.step-number{width:19px;height:19px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;font-size:var(--t-micro);color:var(--accent);flex-shrink:0}.connect-step strong{font-size:var(--t-small)}.connect-step p{font-size:var(--t-tiny);line-height:1.6;color:var(--text-dim);margin-top:var(--s-1)}.hatchery-controls input+.primary-button{margin-top:var(--s-3)}.docs-link{display:flex;justify-content:center;align-items:center;gap:var(--s-1);font-size:var(--t-tiny);margin-top:var(--s-4);color:var(--text-dim)}.docs-link:hover{text-decoration:underline;color:var(--text)}.connection-success{display:flex;gap:var(--s-3);align-items:center;border:1px solid var(--accent);padding:var(--s-4);border-radius:var(--r-2);background:var(--accent-wash);margin:var(--s-6) 0}.connection-success>span:nth-child(2){flex:1;font-size:var(--t-body);overflow-wrap:anywhere}.connection-success small{display:block;font-size:var(--t-tiny);color:var(--text-dim);margin-top:var(--s-1)}.connection-explainer{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-tiny);color:var(--text-dim);margin:var(--s-5) 0 var(--s-6)}.spin{animation:spin 1s linear infinite}@media(max-width:900px){.hatchery-body,.hatchery-tabs{gap:var(--s-5)}.hatchery-tabs button{font-size:var(--t-tiny)}.creature-display{min-height:350px}.specimen-ring{width:200px;height:80px}}@media(max-width:600px){.hatchery-tabs{gap:var(--s-3);margin-top:var(--s-5);justify-content:space-between}.hatchery-tabs button{font-size:var(--t-micro);gap:var(--s-1);padding-bottom:var(--s-2)}.hatchery-tabs button>span{width:15px;height:15px}.hatchery-body{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4) 0;min-height:0}.creature-display{min-height:138px;max-height:138px;justify-content:flex-start;padding-left:var(--s-6)}.creature-display>.creature{width:130px;height:116px;margin-top:0}.specimen-ring{width:145px;height:45px;left:23px;top:67px}.specimen-name{font-size:var(--t-lead);right:25px;bottom:51px;max-width:43%;overflow-wrap:anywhere}.hatchery-controls{padding:0}.hatchery-controls h3{font-size:var(--t-lead)}.modal-footer{padding-top:var(--s-3)}.hatchery-controls>.muted{font-size:var(--t-tiny);margin-bottom:var(--s-3)}.strategy-options{gap:var(--s-1);margin:var(--s-3) 0 var(--s-4)}.strategy-options button{padding:var(--s-3);gap:var(--s-2)}.strategy-options small{font-size:var(--t-micro)}.strategy-options strong{font-size:var(--t-tiny)}.connect-step{margin-top:var(--s-3)}.connect-step p{font-size:var(--t-micro)}.connect-step strong{font-size:var(--t-tiny)}.connect-step+.secondary-button{font-size:var(--t-tiny);min-height:37px;padding:var(--s-3)}.docs-link{font-size:var(--t-micro);margin-top:var(--s-3)}}.round-delta{margin-top:var(--s-5);padding:var(--s-4) var(--s-5);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface-sunk)}.delta-label{display:block;font-family:var(--font-body);font-size:7px;font-weight:500;letter-spacing:1.2px;color:var(--text-faint)}.delta-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4);margin-top:var(--s-3)}.delta-row{display:flex;align-items:baseline;gap:var(--s-2);min-width:0}.delta-name{font-size:9px;color:var(--text-faint);white-space:nowrap}.delta-move{display:flex;align-items:baseline;gap:var(--s-1);font-size:12px;min-width:0}.delta-from,.delta-arrow{color:var(--text-dim);font-size:11px}.delta-move>strong{font-size:13px;font-weight:600}.delta-badge{display:inline-flex;align-items:center;gap:3px;margin-left:auto;padding:2px var(--s-2);border-radius:var(--r-1);font-size:9px;font-weight:550;white-space:nowrap}.delta-badge.is-up{color:var(--accent);background:var(--accent-wash)}.delta-badge.is-down{color:var(--danger-text);background:var(--danger-wash)}.delta-badge.is-flat{color:var(--text-faint);background:var(--surface-hover)}.delta-single{margin-top:var(--s-2);font-size:10px;line-height:1.7;color:var(--text-dim)}@media(max-width:760px){.delta-rows{grid-template-columns:1fr;gap:var(--s-2)}.delta-badge{margin-left:auto}}.shared-list{display:flex;flex-direction:column}.shared-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-1);border-bottom:1px solid var(--line-soft)}.shared-row.is-mine{background:var(--accent-wash);border-radius:var(--r-1)}.shared-place{width:22px;font-size:10px;color:var(--text-faint)}.shared-who{flex:1;min-width:0}.shared-who>strong{display:flex;align-items:center;gap:var(--s-2);font-size:11px;font-weight:550}.shared-who>strong>small{font-size:7px;letter-spacing:1px;color:var(--accent)}.shared-tag{display:block;margin-top:3px;font-size:9px;color:var(--text-dim)}.shared-mass{font-size:11px;font-weight:550;color:var(--text-dim)}.shared-state{padding:var(--s-5) 0;font-size:10px;line-height:1.8;color:var(--text-dim)}.rankings{width:850px}.rankings-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:33px;margin-top:30px}.records-section{grid-column:1 / -1}.records-section .record-list{display:grid;grid-template-columns:1fr 1fr;column-gap:33px}.rankings-grid h3{font-size:15px;letter-spacing:-.1px;display:flex;align-items:center;justify-content:space-between;padding-bottom:15px}.ranking-table .standing{height:36px;font-size:11px}.ranking-table .standing>strong{font-size:10px;font-weight:500;color:var(--text-dim)}.table-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:7px;letter-spacing:1.2px;color:var(--text-faint);padding:0 7px 11px;margin-bottom:6px}.local-label{font-size:7px;letter-spacing:1px;color:var(--text-faint);font-family:DM Sans,sans-serif;font-weight:500}.empty-records{height:270px;border:1px dashed var(--line);border-radius:10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.empty-records>svg{color:var(--accent);stroke-width:1}.empty-records h4{font-size:16px;letter-spacing:-.4px}.empty-records p{font-size:10px;color:var(--text-dim)}.empty-records .primary-button{font-size:10px;min-height:35px;padding:9px 16px;margin-top:4px}.rankings-note{font-size:9px;color:var(--text-faint);margin-top:15px;line-height:1.8}.record{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line-soft);padding:17px 0}.record>div{flex:1}.record strong{font-size:12px;font-weight:550}.record small{font-size:9px;color:var(--text-dim)}.record>div>small{display:block;margin-top:4px}.record-medal{font-size:12px;color:var(--text-dim);width:25px}.record:first-child .record-medal{font-size:29px;color:var(--warning)}.milestones-section{grid-column:1 / -1}.milestone-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:33px}.milestone{display:flex;align-items:flex-start;gap:13px;border-bottom:1px solid var(--line-soft);padding:15px 0}.milestone>div{flex:1}.milestone strong{font-size:12px;font-weight:550}.milestone small,.milestone em{display:block;font-size:9px;line-height:1.6;margin-top:4px;color:var(--text-dim)}.milestone em{font-style:normal;color:var(--text)}.milestone-mark{width:25px;font-size:12px;color:var(--text-dim)}.milestone.is-earned .milestone-mark{color:var(--accent)}.milestone.is-earned strong{color:var(--text-dim)}.milestone .milestone-opens{margin-top:1px;color:var(--text-faint);white-space:nowrap}@media(max-width:900px){.rankings-grid{gap:22px}}@media(max-width:600px){.rankings-grid{grid-template-columns:1fr;gap:28px;margin-top:23px}.records-section .record-list,.milestone-list{grid-template-columns:1fr}.rankings-grid h3{font-size:14px}.ranking-table .standing{height:33px}.ranking-table .rank-num{width:19px;font-size:9px}.ranking-table .cell-dot{width:9px;height:9px}.ranking-table .standing-name small{display:inline}.empty-records{height:220px}}.options{display:flex;flex-direction:column;gap:var(--s-5)}.option-group{display:flex;flex-direction:column;gap:1px}.option-group>h3{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-micro);font-weight:var(--w-semibold);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--accent);padding-bottom:var(--s-3);margin-bottom:var(--s-2);border-bottom:1px solid var(--line-soft)}.option-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);padding:var(--s-3);border-radius:var(--r-2);transition:background var(--fast)}.option-row:hover,.option-row:focus-within{background:var(--surface-hover)}.option-row h4{font-size:var(--t-body);font-weight:var(--w-semibold)}.option-row p{font-size:var(--t-small);color:var(--text-faint);margin-top:2px}.option-row.is-muted{opacity:.5}.option-note{font-size:var(--t-small);color:var(--text-dim);padding:0 var(--s-3) var(--s-3);max-width:58ch}.key-map{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2) var(--s-5)}.key-map>div{display:flex;align-items:center;gap:var(--s-3);padding:6px var(--s-3);border-radius:var(--r-1);background:var(--surface-sunk)}.key-map dt{flex-shrink:0}.key-map dd{margin:0;font-size:var(--t-small);color:var(--text-dim)}.option-leave{color:var(--text-faint);font-size:var(--t-tiny);border-top:1px solid var(--line-soft);padding-top:var(--s-4)}.option-leave:hover{color:var(--danger-text)}@media(max-width:600px){.options{gap:var(--s-4)}.option-row{gap:var(--s-3);padding:var(--s-2)}.option-row p{font-size:var(--t-tiny)}.key-map{grid-template-columns:minmax(0,1fr)}}.game-modal.studio{--studio-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}.studio-lede{font-size:var(--t-body);line-height:1.6;color:var(--text-dim);margin:0 0 var(--s-4);max-width:62ch}.studio-paste{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface-sunk)}.studio-paste code{flex:1;min-width:0;font-family:var(--studio-mono);font-size:var(--t-small);color:var(--text);overflow-x:auto;white-space:nowrap;padding-bottom:2px}.studio-paste .primary-button{flex:0 0 auto}.studio-paste-note{font-size:var(--t-tiny);line-height:1.7;color:var(--text-faint);margin:var(--s-2) 0 var(--s-5);max-width:68ch}.studio-caveat{display:block;margin-top:var(--s-2);color:var(--text-dim)}.studio-traffic{border:1px solid var(--line-soft);border-radius:var(--r-3);padding:var(--s-3);margin-bottom:var(--s-4)}.traffic-note{font-size:var(--t-tiny);line-height:1.6;color:var(--text-dim);margin:0 0 var(--s-3)}.studio-traffic.source-blocks .traffic-note{color:var(--text)}.traffic-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.traffic-pair section{min-width:0}.traffic-pair h4{display:flex;align-items:center;gap:var(--s-2);font-family:var(--studio-mono);font-size:var(--t-tiny);font-weight:var(--w-medium);color:var(--text);margin:0 0 var(--s-2)}.traffic-arrow{font-family:var(--font-body);font-weight:var(--w-regular);color:var(--text-faint)}.traffic-pair pre{margin:0;padding:var(--s-3);border-radius:var(--r-2);background:var(--surface-sunk);font-family:var(--studio-mono);font-size:10px;line-height:1.55;color:var(--text-dim);max-height:232px;overflow:auto}.traffic-empty{margin:0;padding:var(--s-3);border-radius:var(--r-2);background:var(--surface-sunk);font-size:var(--t-tiny);color:var(--text-faint)}.traffic-pair small{display:block;margin-top:var(--s-2);font-size:10px;line-height:1.6;color:var(--text-faint)}.traffic-beat{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:0;animation:studio-beat .9s ease-out}.source-idle .traffic-beat{display:none}@keyframes studio-beat{0%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.traffic-beat{animation:none;opacity:.6}}.studio-status{border:1px solid var(--line-soft);border-left-width:3px;border-radius:var(--r-3);padding:var(--s-3);margin-bottom:var(--s-5)}.studio-status.tone-good{border-left-color:var(--success)}.studio-status.tone-warn{border-left-color:var(--warning)}.studio-status.tone-working{border-left-color:var(--accent)}.status-headline{margin:0;font-size:var(--t-body);font-weight:var(--w-medium);color:var(--text)}.status-detail,.status-next{margin:var(--s-2) 0 0;font-size:var(--t-tiny);line-height:1.65;color:var(--text-dim)}.status-next{color:var(--text-faint)}.studio-status .text-button{margin-top:var(--s-3)}.studio-fold{border-top:1px solid var(--line-soft)}.studio-fold summary{padding:var(--s-3) 0;font-size:var(--t-small);font-weight:var(--w-medium);color:var(--text);cursor:pointer}.studio-fold summary:hover{color:var(--accent)}.studio-fold>div{padding-bottom:var(--s-4)}.studio-fold p,.studio-fold li{font-size:var(--t-tiny);line-height:1.7;color:var(--text-dim);max-width:72ch}.studio-fold p{margin:0 0 var(--s-3)}.studio-fold ul{margin:0;padding-left:var(--s-4);display:grid;gap:var(--s-2)}.studio-fold b{color:var(--text);font-weight:var(--w-medium)}.studio-fold code{font-family:var(--studio-mono);font-size:.92em;color:var(--text)}.studio-fold .text-button{margin-top:var(--s-3)}@media(max-width:600px){.traffic-pair{grid-template-columns:1fr}.traffic-pair pre{max-height:168px}.studio-paste{flex-direction:column;align-items:stretch}.studio-paste code{padding-bottom:var(--s-2)}}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:var(--scrim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--s-5);animation:appear .2s ease-out}.game-modal{position:relative;width:870px;max-width:100%;max-height:calc(100dvh - 52px);overflow:auto;background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--r-4);box-shadow:var(--lift-2);padding:var(--s-6);scrollbar-width:thin;scrollbar-color:var(--accent-muted) var(--blackwood-600)}.modal-close{position:absolute;top:var(--s-5);right:var(--s-5);z-index:1;background:var(--surface-sunk);border:1px solid var(--line)}@media(max-width:900px){.game-modal{padding:var(--s-5)}}@media(max-width:600px){.modal-backdrop{padding:var(--s-3)}.game-modal{padding:var(--s-5) var(--s-4) var(--s-4);max-height:calc(100dvh - 24px);border-radius:var(--r-3)}.modal-close{top:var(--s-3);right:var(--s-3);width:29px;height:29px}}.tutorial-anchor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:14;display:flex;align-items:center;justify-content:flex-end;padding:var(--hud-gutter);pointer-events:none}.tutorial-coach{pointer-events:auto;position:relative;width:min(304px,100%);display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-3);background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--lift-1);animation:rise var(--medium) var(--ease-out)}.tutorial-coach.is-finale{border-color:var(--accent-edge);box-shadow:var(--lift-1),0 0 0 4px var(--accent-wash)}.tutorial-say{display:flex;flex-direction:column;gap:var(--s-2)}.tutorial-say strong{font-family:var(--font-display);font-size:var(--t-lead);font-weight:var(--w-semibold);letter-spacing:var(--track-tight);line-height:1.24;color:var(--text)}.tutorial-say>span{font-size:var(--t-small);line-height:1.5;color:var(--text-dim)}.tutorial-prompt{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-1);padding:var(--s-2) var(--s-3);border-radius:var(--r-2);background:var(--surface-sunk);border:1px solid var(--line-soft);font-size:var(--t-small);font-weight:var(--w-medium);color:var(--text)}.tutorial-prompt.is-nudge{border-color:var(--warning-wash);color:var(--text)}.tutorial-prompt.is-answer{background:var(--accent-wash);border-color:var(--accent-edge);color:var(--accent-pale)}.tutorial-prompt kbd{flex:none;min-width:20px;padding:2px 6px;border-radius:var(--r-1);background:var(--surface-raised);border:1px solid var(--line);font-family:var(--font-body);font-size:var(--t-tiny);font-weight:var(--w-semibold);text-align:center;color:var(--text)}.tutorial-skip{align-self:flex-start;font-size:var(--t-micro);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-faint)}.tutorial-skip:hover{color:var(--text-dim)}.tutorial-actions{display:flex;align-items:center;gap:var(--s-2)}.tutorial-actions .primary-button{flex:1;justify-content:center}@media(max-width:900px){.tutorial-coach{width:min(268px,100%);padding:var(--s-3)}.tutorial-say strong{font-size:var(--t-body)}}@media(max-width:600px){.tutorial-anchor{align-items:flex-end;justify-content:center;padding-bottom:calc(var(--hud-gutter) + 236px)}.tutorial-coach{width:100%}.tutorial-say>span{font-size:var(--t-tiny)}}.unsupported-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:var(--s-5);overflow:auto;background:var(--surface-still)}.unsupported-panel{width:min(520px,100%);display:flex;flex-direction:column;gap:var(--s-4);animation:rise var(--slow) var(--ease-out)}.unsupported-brand{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding-bottom:var(--s-3);border-bottom:1px solid var(--line-soft)}.unsupported-panel h2{font-size:var(--t-display);max-width:18ch}.unsupported-panel>p{color:var(--text-dim);max-width:52ch}.unsupported-actions{display:flex;gap:var(--s-3);flex-wrap:wrap}.unsupported-fix{list-style:none;margin:0;padding:var(--s-4);border-radius:var(--r-3);background:var(--surface-sunk);border:1px solid var(--line-soft);display:flex;flex-direction:column;gap:var(--s-3);font-size:var(--t-small);color:var(--text-dim)}.unsupported-fix li{display:flex;align-items:baseline;gap:var(--s-3)}.unsupported-fix b{display:flex;align-items:center;justify-content:center;width:19px;height:19px;flex-shrink:0;border-radius:50%;background:var(--accent-wash);color:var(--accent);font-size:var(--t-micro);font-weight:700}.unsupported-fix em{font-style:normal;color:var(--text)}@media(max-width:600px){.unsupported-screen{padding:var(--s-4);align-items:flex-start;padding-top:var(--s-7)}.unsupported-actions .primary-button,.unsupported-actions .secondary-button{width:100%}.unsupported-fix{padding:var(--s-3)}}.world{position:absolute;top:0;right:0;bottom:0;left:0}.world canvas{display:block;touch-action:none}.world-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--scrim-edge);transition:box-shadow var(--medium) var(--ease-out),border-color var(--medium);border:1px solid transparent}.game{position:relative;height:100dvh;min-height:560px;width:100%;overflow:hidden;background:var(--bg)}.game.is-aiming .world{cursor:crosshair}.game.is-aiming .world-vignette{box-shadow:inset 0 0 180px var(--danger-wash);border:1px solid var(--danger-line)}.game.phase-title .world,.game.phase-lobby .world,.game.phase-countdown .world{cursor:default}@media(max-width:600px){.game{min-height:100dvh}}