[hidden]{display:none!important}:root{--color-brand-agro: #4ade80;--color-neutral-950: #0b1220;--color-neutral-950-panel: rgba(8, 12, 24, .85);--color-neutral-950-panel-strong: rgba(8, 12, 24, .95);--color-neutral-900-glass-light: rgba(30, 41, 59, .55);--color-neutral-900-glass-mid: rgba(15, 23, 42, .7);--color-border-glass: rgba(148, 163, 184, .25);--color-border-glass-strong: rgba(148, 163, 184, .45);--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--color-text: #e8e8ed;--color-text-dim: #94a3b8;--color-text-bright: #ffffff;--color-accent: #38bdf8;--color-accent-strong: #2563eb;--radius-lg: 18px;--shadow-glass: 0 20px 60px rgba(0, 0, 0, .45);--shadow-card: 0 16px 30px rgba(0, 0, 0, .65);--ui-radius-xl: 18px;--ui-radius-lg: 14px;--ui-radius-md: 12px;--ui-radius-sm: 10px;--ui-radius-pill: 999px;--ui-control-height-lg: 52px;--ui-control-height-md: 44px;--ui-control-height-sm: 42px;--ui-control-height-xs: 40px;--ui-focus-ring: 2px solid rgba(125, 211, 252, .95);--ui-focus-ring-strong: 2px solid rgba(216, 248, 241, .88);--ui-focus-offset: 2px;--ui-safe-gap: 8px;--ui-safe-gap-tight: 6px;--ui-safe-gap-loose: 10px;--ui-surface-glass: linear-gradient(180deg, rgba(12, 20, 35, .88), rgba(8, 14, 26, .92));--ui-surface-glass-soft: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .02));--ui-surface-glass-accent: linear-gradient(140deg, rgba(100, 209, 190, .12), rgba(99, 179, 255, .08)), rgba(8, 18, 32, .74);--ui-border-soft: rgba(173, 189, 214, .12);--ui-border-mid: rgba(173, 189, 214, .18);--ui-border-strong: rgba(180, 220, 255, .28);--ui-shadow-panel: 0 28px 60px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .04);--ui-shadow-card: 0 16px 32px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .03);--ui-pill-bg: rgba(8, 16, 30, .56);--ui-pill-border: rgba(118, 185, 255, .24);--ui-pill-text: #bfe0ff;--ui-pill-accent-bg: rgba(74, 222, 128, .12);--ui-pill-accent-border: rgba(74, 222, 128, .26);--ui-pill-accent-text: #d2ffe4;--surface: rgba(255, 255, 255, .03);--surface-hover: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .06);--text: var(--color-text);--text-dim: var(--color-text-dim);--text-bright: var(--color-text-bright);--accent: var(--color-accent);--accent-strong: var(--color-accent-strong);--card-shadow: var(--shadow-card);--agro-green: var(--color-brand-agro);--ui-bg: var(--color-neutral-950);--ui-panel: var(--color-neutral-950-panel);--ui-panel-strong: var(--color-neutral-950-panel-strong);--glass-border: var(--color-border-glass);--glass-border-strong: var(--color-border-glass-strong);--glass-shadow: var(--shadow-glass);--glass-light: var(--color-neutral-900-glass-light);--glass-mid: var(--color-neutral-900-glass-mid);--text-main: var(--color-text-main);--text-muted: var(--color-text-muted);--accent-blue: var(--color-accent);--accent-blue-dark: var(--color-accent-strong);--layer-playfield: 1000;--layer-hud: 2000;--layer-card-hand: 6000;--layer-card-base: 6100;--layer-card: 7000;--layer-card-floating: 7200;--layer-toast: 8000;--layer-tooltip: 8500;--layer-tooltips: var(--layer-tooltip);--layer-modal: 9000;--layer-card-inspect: 9350;--layer-overlay-global: 9500;--layer-profile-select: 9600;--layer-profile-code-modal: 9700;--layer-debug: 11000}.connection-indicator{display:inline-flex;align-items:center;gap:.35em;font-size:.72rem;font-family:Space Grotesk,system-ui,sans-serif;font-weight:500;letter-spacing:.02em;padding:.25em .6em;border-radius:999px;background:#1a1a1a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#b3b3b3;pointer-events:none;user-select:none;transition:opacity .3s ease;z-index:calc(var(--layer-hud, 2000) + 1)}.connection-indicator[hidden]{display:none}.connection-indicator__dot{width:.5em;height:.5em;border-radius:50%;flex-shrink:0;transition:background-color .3s ease}.connection-indicator[data-status=connected] .connection-indicator__dot{background-color:#21c45d;box-shadow:0 0 4px #21c45d80}.connection-indicator[data-status=guest] .connection-indicator__dot{background-color:#e7b008;box-shadow:0 0 4px #e7b00880}.connection-indicator[data-status=offline] .connection-indicator__dot{background-color:#db2424;box-shadow:0 0 4px #db242480}.connection-indicator__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:10em}.game-topbar .connection-indicator{position:absolute;top:.4em;right:.6em}.home-connection-slot{display:flex;justify-content:center;margin-top:.6em}.ribbon-connection-slot{display:flex;margin-top:.5em}.map-offline-banner{display:flex;align-items:center;gap:.5em;padding:.5em .8em;margin:.4em 0;border-radius:6px;background:#361717a6;color:#f49a9a;font-size:.78rem;font-family:Space Grotesk,system-ui,sans-serif}.map-offline-banner[hidden]{display:none}.map-offline-banner__icon{font-size:1em}.session-end-sync-status{display:inline-flex;align-items:center;gap:.3em;font-size:.72rem;font-family:Space Grotesk,system-ui,sans-serif;font-weight:500;margin-top:.5em;padding:.25em .6em;border-radius:6px;opacity:0;transition:opacity .4s ease}.session-end-sync-status[data-visible=true]{opacity:1}.session-end-sync-status[data-sync=success]{background:#17362299;color:#66e595}.session-end-sync-status[data-sync=pending]{background:#362e1799;color:#f9cf53}.session-end-sync-status[data-sync=none]{display:none}.language-switcher{display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:3px;border:1px solid rgba(116,183,156,.28);border-radius:14px;background:#070c12c2;box-shadow:inset 0 0 0 1px #ffffff08,0 10px 24px #00000038;backdrop-filter:blur(8px)}.language-switcher__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.language-switcher__icon{display:inline-grid;place-items:center;width:24px;min-width:24px;height:24px;color:#d8f5e6e6;font-size:.86rem;line-height:1}.language-switcher__option{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:28px;padding:0 9px;border:0;border-radius:10px;background:transparent;color:#e2eef7e0;cursor:pointer;font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem;font-weight:800;letter-spacing:.04em;line-height:1;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.language-switcher__option:hover,.language-switcher__option:focus-visible{color:#f6fbff;background:#4ade8021}.language-switcher__option:focus-visible{outline:var(--ui-focus-ring, 2px solid rgba(125, 211, 252, .95));outline-offset:var(--ui-focus-offset, 2px)}.language-switcher__option.is-active{color:#04180e;background:linear-gradient(135deg,#4ade80,#8af2b4);box-shadow:0 0 0 1px #4ade808c,0 6px 14px #16a34a38}.language-switcher[data-busy=true]{opacity:.72;pointer-events:none}.language-switcher--home{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:calc(var(--layer-hud) + 30)}.language-switcher--shell{min-height:max(34px,calc(var(--ui-control-height-xs, 40px) - 4px))}body.page-title.mobile-ui .language-switcher--home{top:var(--mobile-floating-top);right:var(--mobile-floating-right)}body.page-profile.mobile-ui .language-switcher--shell{min-height:max(36px,calc(var(--mobile-touch-target-tight) - 4px))}@media(max-width:640px){.language-switcher__icon{width:22px;min-width:22px}.language-switcher__option{min-width:34px;padding:0 8px;font-size:.68rem}}body.page-profile{--auth-bg-a: #05070d;--auth-bg-b: #08111a;--auth-bg-c: #10231d;--auth-surface-1: rgba(8, 12, 18, .84);--auth-surface-2: rgba(8, 12, 18, .92);--auth-surface-soft: rgba(20, 34, 30, .52);--auth-border: rgba(116, 183, 156, .44);--auth-border-soft: rgba(116, 183, 156, .2);--auth-text-main: #f2f8ff;--auth-text-soft: #c0d3e0;--auth-text-dim: #8ea8ba;--auth-ok: #4ade80;--auth-warn: #fbbf24;--auth-error: #ef4444;--auth-accent-a: #4ade80;--auth-accent-b: #74d7ff;--auth-shadow: 0 34px 70px rgba(0, 0, 0, .52);--auth-radius-xl: 20px;--auth-radius-lg: 14px;--auth-radius-md: 10px;color-scheme:dark;margin:0;min-height:100vh;color:var(--auth-text-main);background:linear-gradient(to bottom,#00000038,#000000c7),radial-gradient(circle at 18% 18%,rgba(74,222,128,.16),transparent 34%),radial-gradient(circle at 82% 14%,rgba(116,215,255,.14),transparent 32%),linear-gradient(180deg,#02060a52,#02060ae6),url(../../assets/ui/title_screen_2.webp);background-size:auto,auto,auto,auto,cover;background-position:center,18% 18%,82% 14%,center,center;background-attachment:fixed;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;overflow-x:hidden}.auth-shell{position:relative;min-height:100vh;padding:20px;isolation:isolate}.auth-shell__grain{position:fixed;inset:0;pointer-events:none;z-index:var(--layer-playfield);opacity:.24;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,3px 100%}.auth-shell__container{position:relative;z-index:calc(var(--layer-playfield) + 1);width:min(1220px,100%);margin:0 auto;background:linear-gradient(180deg,#090d14d6,#070c12eb),radial-gradient(circle at top center,rgba(116,183,156,.06),transparent 38%);border:1px solid var(--auth-border);border-radius:var(--auth-radius-xl);box-shadow:var(--auth-shadow);overflow:hidden;backdrop-filter:blur(8px);animation:auth-shell-enter .55s ease-out}.auth-shell__container:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0a}@keyframes auth-shell-enter{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.shell-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px 14px;border-bottom:1px solid var(--auth-border-soft);background:linear-gradient(180deg,#070c12f5,#070c12d1);backdrop-filter:blur(8px)}.shell-topbar__brand{display:grid;gap:4px;min-width:0}.shell-topbar__brand-wordmark{display:inline-flex;align-items:baseline;gap:.22em;font-family:Bebas Neue,Space Grotesk,sans-serif;font-size:clamp(1.35rem,1.2rem + .5vw,1.82rem);letter-spacing:.04em;text-transform:uppercase;color:#f7fbff;line-height:.92;text-shadow:.035em 0 0 rgba(255,0,0,.35),-.02em -.035em 0 rgba(0,255,0,.18),.02em .035em 0 rgba(0,0,255,.22)}.shell-topbar__brand .accent{color:var(--auth-ok)}.shell-topbar__brand-section{display:inline-flex;align-items:center;width:fit-content;min-height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--ui-pill-accent-border);background:#4ade801f;color:#d7ffe6;font-family:JetBrains Mono,Fira Code,monospace;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.shell-topbar__actions{display:inline-flex;flex-wrap:wrap;gap:8px}.shell-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:max(34px,calc(var(--ui-control-height-xs, 40px) - 4px));padding:0 13px;border-radius:14px;border:1px solid rgba(116,183,156,.22);background:#090e14b8;color:#dbe9f2;font-size:.79rem;font-weight:700;text-decoration:none;box-shadow:inset 0 0 0 1px #ffffff08;transition:border-color .2s ease,transform .2s ease,background .2s ease,color .2s ease}.shell-link:hover,.shell-link:focus-visible{border-color:#4ade806b;background:#0c1812d1;color:#f5fbff;transform:translateY(-1px)}.auth-btn{min-height:var(--ui-control-height-md, 44px);border:1px solid rgba(255,255,255,.04);border-radius:14px;cursor:pointer;font-family:Space Grotesk,system-ui,sans-serif;font-size:.95rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase;box-shadow:0 14px 24px #00000038;transition:transform .2s ease,filter .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.auth-btn:hover,.auth-btn:focus-visible{transform:translateY(-1px);filter:brightness(1.05)}.auth-btn--primary{color:#061f14;background:linear-gradient(135deg,#58de8f,#8af2b4);box-shadow:0 16px 26px #08221659}.auth-btn--ghost{color:#eff6fc;border-color:#ffffff29;background:#f5f8fa14}.shell-banner{margin:16px 20px 0;padding:11px 13px;border-radius:10px;border:1px solid rgba(116,183,156,.24);font-size:.84rem;line-height:1.35;color:#dbe7ef;background:#080e16c7}.shell-banner[hidden]{display:none}.shell-banner[data-tone=success]{color:#d8ffe5;border-color:#4ade8085;background:linear-gradient(135deg,#132a1edb,#091a13d1)}.shell-banner[data-tone=warning]{color:#fff2cf;border-color:#fbbf248c;background:linear-gradient(135deg,#33240ddb,#21180bd6)}.shell-banner[data-tone=error]{color:#ffd8d8;border-color:#ef44448c;background:linear-gradient(135deg,#3e1111db,#240d0dd6)}.shell-main{padding:20px;background:linear-gradient(180deg,#070d182e,#070d1800),radial-gradient(circle at top right,rgba(74,222,128,.06),transparent 34%)}.shell-card{background:linear-gradient(180deg,#080e18db,#070c14eb);border:1px solid rgba(116,183,156,.18);border-radius:var(--auth-radius-lg);box-shadow:0 18px 34px #0000004d,inset 0 1px #ffffff08;backdrop-filter:blur(10px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:980px){.auth-shell{padding:10px}.shell-topbar,.shell-main{padding:12px}}@media(prefers-reduced-motion:reduce){.auth-shell__container,.shell-link{animation:none;transition:none}}:root{--mobile-screen-gap: var(--ui-safe-gap, 8px);--mobile-screen-padding-top: var(--mobile-screen-gap);--mobile-screen-padding-right: var(--mobile-screen-gap);--mobile-screen-padding-bottom: var(--mobile-screen-gap);--mobile-screen-padding-left: var(--mobile-screen-gap);--mobile-screen-safe-inline: calc(var(--mobile-screen-padding-left) + var(--mobile-screen-padding-right));--mobile-screen-safe-block: calc(var(--mobile-screen-padding-top) + var(--mobile-screen-padding-bottom));--mobile-floating-top: var(--ui-safe-gap, 8px);--mobile-floating-right: var(--ui-safe-gap, 8px);--mobile-floating-bottom: var(--ui-safe-gap, 8px);--mobile-floating-left: var(--ui-safe-gap, 8px);--mobile-floating-safe-inline: calc(var(--mobile-floating-left) + var(--mobile-floating-right));--mobile-panel-radius: var(--ui-radius-md, 12px);--mobile-panel-radius-lg: var(--ui-radius-lg, 14px);--mobile-card-radius: var(--ui-radius-xl, 18px);--mobile-pill-radius: var(--ui-radius-pill, 999px);--mobile-touch-target-lg: var(--ui-control-height-lg, 52px);--mobile-touch-target: var(--ui-control-height-md, 44px);--mobile-touch-target-compact: var(--ui-control-height-sm, 42px);--mobile-touch-target-tight: var(--ui-control-height-xs, 40px);--mobile-focus-ring: var(--ui-focus-ring, 2px solid rgba(125, 211, 252, .95));--mobile-focus-offset: var(--ui-focus-offset, 2px);--mobile-glass-surface: rgba(8, 14, 26, .94);--mobile-glass-surface-soft: rgba(4, 8, 16, .62);--mobile-glass-surface-strong: rgba(6, 12, 24, .92);--mobile-glass-border: rgba(148, 163, 184, .34);--mobile-glass-border-strong: rgba(148, 163, 184, .42);--mobile-glass-border-soft: rgba(148, 163, 184, .24);--mobile-glass-shadow: 0 20px 44px rgba(0, 0, 0, .42);--mobile-glass-backdrop: blur(8px);--mobile-panel-top-offset: 52px;--mobile-panel-top-offset-lg: 58px}body.mobile-ui{--mobile-screen-gap: var(--ui-safe-gap, 8px);--mobile-screen-padding-top: max(var(--mobile-screen-gap), env(safe-area-inset-top));--mobile-screen-padding-right: max(var(--mobile-screen-gap), env(safe-area-inset-right));--mobile-screen-padding-bottom: calc(var(--mobile-screen-gap) + env(safe-area-inset-bottom));--mobile-screen-padding-left: max(var(--mobile-screen-gap), env(safe-area-inset-left));--mobile-screen-safe-inline: calc(var(--mobile-screen-padding-left) + var(--mobile-screen-padding-right));--mobile-screen-safe-block: calc(var(--mobile-screen-padding-top) + var(--mobile-screen-padding-bottom));--mobile-floating-top: max(var(--ui-safe-gap, 8px), env(safe-area-inset-top));--mobile-floating-right: max(var(--ui-safe-gap, 8px), env(safe-area-inset-right));--mobile-floating-bottom: max(var(--ui-safe-gap, 8px), env(safe-area-inset-bottom));--mobile-floating-left: max(var(--ui-safe-gap, 8px), env(safe-area-inset-left));--mobile-floating-safe-inline: calc(var(--mobile-floating-left) + var(--mobile-floating-right));--mobile-panel-radius: var(--ui-radius-md, 12px);--mobile-panel-radius-lg: var(--ui-radius-lg, 14px);--mobile-card-radius: var(--ui-radius-xl, 18px);--mobile-pill-radius: var(--ui-radius-pill, 999px);--mobile-touch-target-lg: var(--ui-control-height-lg, 52px);--mobile-touch-target: var(--ui-control-height-md, 44px);--mobile-touch-target-compact: var(--ui-control-height-sm, 42px);--mobile-touch-target-tight: var(--ui-control-height-xs, 40px);--mobile-focus-ring: var(--ui-focus-ring, 2px solid rgba(125, 211, 252, .95));--mobile-focus-offset: var(--ui-focus-offset, 2px);--mobile-glass-surface: rgba(8, 14, 26, .94);--mobile-glass-surface-soft: rgba(4, 8, 16, .62);--mobile-glass-surface-strong: rgba(6, 12, 24, .92);--mobile-glass-border: rgba(148, 163, 184, .34);--mobile-glass-border-strong: rgba(148, 163, 184, .42);--mobile-glass-border-soft: rgba(148, 163, 184, .24);--mobile-glass-shadow: 0 20px 44px rgba(0, 0, 0, .42);--mobile-glass-backdrop: blur(8px);--mobile-panel-top-offset: 52px;--mobile-panel-top-offset-lg: 58px}body.mobile-ui :where(button,[role=button],a,input,select,textarea){-webkit-tap-highlight-color:transparent}body.mobile-ui :where(button,[role=button],[type=button],[type=submit],a,input,select,textarea):focus-visible{outline:var(--mobile-focus-ring);outline-offset:var(--mobile-focus-offset)}body.mobile-ui :where(.auth-btn,.entry-auth__btn,.menu-btn,.pwa-install-banner__btn,.mobile-map-toolbar__btn,.mobile-map-recenter,.mobile-map-next-choices__choice,.ribbon-launch-btn,.yearly-composer__btn,.end-turn-btn.end-turn-btn--hud,.toast-center-toggle,#btn-game-hud-details){min-height:var(--mobile-touch-target)}body.page-title.mobile-ui :where(.entry-auth__btn,.menu-btn){min-height:var(--mobile-touch-target-lg)}body.page-profile.mobile-ui :where(.auth-tab,.form-field input,.form-field select,.auth-btn){min-height:var(--mobile-touch-target-compact)}body.page-profile.mobile-ui .shell-link{min-height:max(36px,calc(var(--mobile-touch-target-tight) - 4px))}.mobile-orientation-overlay[hidden]{display:none}.mobile-orientation-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:18px;background:#050810e6;backdrop-filter:var(--mobile-glass-backdrop);z-index:var(--layer-overlay-global, 5000)}.mobile-orientation-overlay__card{width:min(360px,92vw);padding:18px 16px;border-radius:var(--mobile-panel-radius-lg);border:1px solid rgba(125,211,252,.35);background:linear-gradient(145deg,#10172af5,#070b17f5);text-align:center;box-shadow:0 20px 44px #0006}.mobile-orientation-overlay__eyebrow{margin:0 0 6px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#bae6fdf2}.mobile-orientation-overlay__title{margin:0;font-size:1.25rem;color:#f8fafc}.mobile-orientation-overlay__text{margin:8px 0 0;font-size:.9rem;color:#e2e8f0eb}.mobile-beta-warning{position:relative;isolation:isolate;display:grid;gap:4px;width:100%;margin:0;padding:10px 12px;border:1px solid rgba(52,211,153,.48);background:linear-gradient(150deg,#08221ddb,#061814cc);color:#defcf4f2;box-shadow:0 10px 20px #00000038,inset 0 0 0 1px #ffffff12}.mobile-beta-warning[hidden]{display:none}.mobile-beta-warning__title,.mobile-beta-warning__text{margin:0}.mobile-beta-warning__title{font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mobile-beta-warning__text{font-size:.83rem;line-height:1.35}.mobile-panel-scrim[hidden]{display:none}.mobile-panel-scrim{position:fixed;inset:0;border:0;margin:0;padding:0;background:#03070f8f;backdrop-filter:blur(2px);z-index:calc(var(--layer-hud, 1200) + 1);touch-action:none}body.mobile-ui .mobile-panel-surface{border-radius:var(--mobile-panel-radius-lg);border:1px solid var(--mobile-glass-border);background:#0d1422e6;box-shadow:var(--mobile-glass-shadow)}.mobile-panel-header{display:none}body.mobile-ui .mobile-panel-header,body.mobile-ui .mobile-panel-surface__header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:calc(var(--mobile-touch-target) + 2px);padding:.55rem .72rem;border-bottom:1px solid var(--mobile-glass-border-soft);background:#080e1ad1}body.mobile-ui .mobile-panel-title,body.mobile-ui .mobile-panel-surface__title{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#e2e8f0f2}body.mobile-ui .mobile-panel-close,body.mobile-ui .mobile-panel-surface__close{width:var(--mobile-touch-target);height:var(--mobile-touch-target);min-width:var(--mobile-touch-target);min-height:var(--mobile-touch-target);border-radius:var(--ui-radius-sm);border:1px solid rgba(148,163,184,.32);background:#1e293b8c;color:#f8fafc;font:inherit;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}body.mobile-ui.mobile-panel-open{overscroll-behavior:none}.pwa-install-banner-host[hidden]{display:none}.pwa-install-banner-host{position:fixed;top:var(--mobile-floating-top);left:var(--mobile-floating-left);right:var(--mobile-floating-right);display:flex;justify-content:center;pointer-events:none;z-index:calc(var(--layer-hud, 1200) + 18)}.pwa-install-banner{width:min(560px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;pointer-events:auto;padding:12px 14px;border-radius:var(--mobile-card-radius);border:1px solid rgba(125,211,252,.28);background:linear-gradient(155deg,var(--mobile-glass-surface),rgba(6,18,24,.9));box-shadow:0 18px 36px #00000052;backdrop-filter:blur(10px)}.pwa-install-banner[data-context=internal]{width:min(360px,100%);padding:10px 12px;border-radius:var(--mobile-panel-radius-lg)}.pwa-install-banner__copy{min-width:0;display:grid;gap:4px}.pwa-install-banner__title,.pwa-install-banner__text{margin:0}.pwa-install-banner__title{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#bae6fdf5}.pwa-install-banner__text{font-size:.84rem;line-height:1.38;color:#e2e8f0f0}.pwa-install-banner[data-context=internal] .pwa-install-banner__text{font-size:.76rem}.pwa-install-banner__actions{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.pwa-install-banner__btn{min-height:var(--mobile-touch-target-compact);padding:0 14px;border-radius:var(--mobile-pill-radius);border:1px solid transparent;cursor:pointer;font:inherit;font-size:.76rem;font-weight:700;letter-spacing:.03em;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.pwa-install-banner__btn:hover,.pwa-install-banner__btn:focus-visible{transform:translateY(-1px)}.pwa-install-banner__btn--primary{color:#061019;background:linear-gradient(135deg,#4ade80,#7dd3fc)}.pwa-install-banner__btn--ghost{color:#f8fafc;border-color:#94a3b857;background:#ffffff0f}.app-standalone #btn-fullscreen{display:none}body.page-title .pwa-install-banner-host{top:calc(var(--mobile-floating-top) + 4px)}@media(max-width:640px){.pwa-install-banner{grid-template-columns:1fr;justify-items:stretch}.pwa-install-banner__actions{justify-content:stretch}.pwa-install-banner__btn{width:100%}}.profile-page{min-height:calc(100vh - 36px)}.profile-state[hidden]{display:none}.profile-auth-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:18px}.profile-hero{min-height:clamp(360px,52vh,620px);padding:clamp(20px,3vw,30px);position:relative;overflow:hidden;border-color:#74b79c42;background:linear-gradient(180deg,#080e1614,#080e166b),linear-gradient(90deg,#050a10d1,#050a1094 36%,#050a1033 62%,#050a1066),linear-gradient(180deg,#04080e1a,#04080e2e 40%,#04080ed6),url(../../assets/ui/auth/profile-hero-corridor-v2.webp);background-size:cover;background-position:center,center,center,60% 42%;background-repeat:no-repeat}.profile-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 72%,rgba(74,222,128,.13),transparent 34%),radial-gradient(circle at 78% 22%,rgba(116,215,255,.1),transparent 30%),linear-gradient(165deg,#04090f0f,#04090f42);z-index:var(--layer-playfield)}.profile-hero:after{content:"";position:absolute;inset:0;z-index:var(--layer-playfield);opacity:.18;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,3px 100%;pointer-events:none}.profile-hero__content{position:relative;z-index:calc(var(--layer-playfield) + 1);display:grid;align-content:end;min-height:100%;gap:16px;max-width:27rem}.profile-hero h1{margin:0;font-family:Bebas Neue,Space Grotesk,sans-serif;letter-spacing:.04em;font-size:clamp(2.5rem,4.4vw,4.5rem);line-height:.9;color:#f5fbff;max-width:7ch;text-wrap:balance;text-shadow:0 14px 32px rgba(0,0,0,.38)}.profile-hero p{margin:0;max-width:26ch;color:#d5e4ee;line-height:1.5;font-size:1rem;text-shadow:0 10px 20px rgba(0,0,0,.28)}.profile-console{padding:clamp(16px,2.4vw,22px);display:grid;gap:16px;border-color:#74b79c33}.profile-console__eyebrow,.dashboard-header__eyebrow{display:inline-flex;align-items:center;width:fit-content;min-height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--ui-pill-border);background:var(--ui-pill-bg);color:var(--ui-pill-text);font-family:JetBrains Mono,Fira Code,monospace;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.profile-console__summary{margin:0;color:#95afd4;font-size:.82rem;line-height:1.45}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.auth-tab{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 14px;border:1px solid rgba(116,183,156,.2);border-radius:14px;background:#090e14b8;color:#dbe7ef;font-family:Space Grotesk,system-ui,sans-serif;font-size:.8rem;font-weight:800;line-height:1;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 0 0 1px #ffffff08;cursor:pointer;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.auth-tab:hover,.auth-tab:focus-visible{transform:translateY(-1px);border-color:#4ade8066;color:#f3fbff;background:#0c1612d6}.auth-tab[aria-selected=true]{color:#052114;border-color:#4ade807a;background:linear-gradient(135deg,#4ade80f5,#7effbaed)}.auth-tab-panel{border:1px solid rgba(116,183,156,.16);border-radius:16px;background:linear-gradient(180deg,#070c14c7,#080e16e6);padding:16px;box-shadow:inset 0 1px #ffffff08;animation:profile-panel-enter .24s ease-out}.auth-tab-panel[hidden]{display:none}@keyframes profile-panel-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.auth-tab-panel h2{margin:0 0 12px;font-family:Bebas Neue,Space Grotesk,sans-serif;letter-spacing:.04em;font-size:1.52rem;color:#f4fbff}.auth-form{display:grid;gap:11px}.form-field{display:grid;gap:6px}.form-field label{color:#cfdee8;font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.form-field input,.form-field select{min-height:48px;border-radius:14px;border:1px solid rgba(116,183,156,.2);background:#060a10e0;color:#f0f8ff;padding:0 14px;font-family:Space Grotesk,system-ui,sans-serif;font-size:.91rem;box-shadow:inset 0 1px #ffffff05}.form-field input::placeholder{color:#7f95a4}.form-field input:focus,.form-field select:focus{outline:2px solid rgba(74,222,128,.34);outline-offset:1px;border-color:#4ade8073}.auth-form__actions{display:grid;gap:8px}.auth-form__secondary{display:flex;justify-content:flex-start}.auth-link{appearance:none;border:0;background:none;padding:0;color:#d8e6ef;font:inherit;font-size:.8rem;line-height:1.35;text-align:left;cursor:pointer;text-decoration:none}.auth-link:hover,.auth-link:focus-visible{color:#fff;text-decoration:underline}.form-message{margin:0;min-height:1.2em;color:#ffb4b4;font-size:.79rem}.form-message.success{color:#96f4bb}.auth-note{margin:0;color:#9eb2c1;font-size:.77rem;line-height:1.45}.profile-dashboard{display:grid;gap:16px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px}.dashboard-header__identity{display:grid;gap:8px}.dashboard-header__title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.dashboard-header__identity h2{margin:0;font-family:Bebas Neue,Space Grotesk,sans-serif;letter-spacing:.05em;font-size:clamp(1.45rem,2.2vw,2.1rem)}.dashboard-archetype-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;border:1px solid rgba(116,183,156,.22);background:#0b1218b8;color:#d8e8f3;font-family:JetBrains Mono,Fira Code,monospace;font-size:.67rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.dashboard-archetype-badge[data-archetype-id=none]{border-color:#94a3b833;color:#aac0d0}.dashboard-header__lede{margin:0;max-width:58ch;color:#a8c0e4;font-size:.84rem;line-height:1.45}.dashboard-header__archetype{margin:0;max-width:52ch;color:#ccdde8;font-size:.79rem;line-height:1.42}.dashboard-header__meta{color:#98b6df;font-size:.82rem}.dashboard-actions{display:inline-flex;flex-wrap:wrap;gap:8px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dashboard-card{position:relative;overflow:hidden;padding:12px;border:1px solid var(--ui-border-soft);border-radius:12px;background:var(--ui-surface-glass);box-shadow:var(--ui-shadow-card);transition:transform .2s ease,border-color .2s ease}.dashboard-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#4ade80e0,#63b3ffe6);opacity:.8}.dashboard-card:hover{transform:translateY(-2px);border-color:var(--ui-border-strong)}.dashboard-card__label{display:block;color:#8eacd6;font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px}.dashboard-card__value{font-family:JetBrains Mono,Fira Code,monospace;font-size:clamp(1rem,1.6vw,1.32rem);color:#eff7ff;line-height:1.1}.dashboard-recent{padding:14px}.dashboard-recent h3,.profile-error h2{margin:0;font-family:Bebas Neue,Space Grotesk,sans-serif;letter-spacing:.05em}.dashboard-recent h3{margin-bottom:10px;font-size:1.15rem}.dashboard-recent__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.dashboard-recent__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--ui-border-soft);border-radius:10px;background:var(--ui-surface-glass-soft);padding:10px}.dashboard-recent__result{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:26px;border-radius:999px;border:1px solid rgba(148,163,184,.28);font-family:JetBrains Mono,Fira Code,monospace;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.dashboard-recent__result[data-result=win]{color:#b8ffd2;border-color:#4ade8066;background:#0a2516c2}.dashboard-recent__result[data-result=lose]{color:#ffd0d0;border-color:#ef444470;background:#301111c2}.dashboard-recent__main{display:grid;gap:3px;min-width:0}.dashboard-recent__sequence{color:#e8f2ff;font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-recent__meta{color:#7f9ec7;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-recent__score{text-align:right;font-family:JetBrains Mono,Fira Code,monospace;color:#d7e8ff;font-size:.82rem}.dashboard-empty{margin:0;color:#89a5ce;font-size:.82rem}.profile-error{padding:24px;display:grid;gap:12px}.profile-error h2{font-size:1.45rem}.profile-error p{margin:0;color:#9bb6db;max-width:50ch}.profile-error__actions{display:inline-flex;flex-wrap:wrap;gap:8px}@media(max-width:1080px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.profile-auth-layout{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header__title-row{align-items:flex-start}.dashboard-recent__item{grid-template-columns:1fr;gap:6px}.dashboard-recent__score{text-align:left}}@media(max-width:620px){.auth-tabs,.dashboard-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.auth-tab,.auth-btn,.dashboard-card,.auth-tab-panel{transition:none;animation:none}}body.page-profile.mobile-ui{overflow-x:hidden}body.page-profile.mobile-ui .auth-shell{min-height:100dvh;padding-top:var(--mobile-screen-padding-top);padding-right:var(--mobile-screen-padding-right);padding-bottom:var(--mobile-screen-padding-bottom);padding-left:var(--mobile-screen-padding-left)}body.page-profile.mobile-ui .auth-shell__container{min-height:calc(100dvh - var(--mobile-screen-safe-block));display:flex;flex-direction:column}body.page-profile.mobile-ui .shell-topbar{padding:10px 12px;gap:8px}body.page-profile.mobile-ui .shell-topbar__brand{gap:3px}body.page-profile.mobile-ui .shell-topbar__brand-wordmark{font-size:1.05rem}body.page-profile.mobile-ui .shell-topbar__brand-section{min-height:20px;padding:0 7px;font-size:.54rem}body.page-profile.mobile-ui .shell-link{min-height:36px;padding:0 10px}body.page-profile.mobile-ui .shell-main{padding:10px}body.page-profile.mobile-ui .profile-page,body.page-profile.mobile-ui .profile-state,body.page-profile.mobile-ui .profile-dashboard{min-height:0}body.page-profile.mobile-ui .profile-auth-layout{grid-template-columns:1fr;gap:10px}body.page-profile.mobile-ui .profile-hero,body.page-profile.mobile-ui .profile-console{padding:14px}body.page-profile.mobile-ui .profile-hero{min-height:clamp(300px,44vh,420px);background-position:center,center,center,58% 36%}body.page-profile.mobile-ui .profile-console__eyebrow,body.page-profile.mobile-ui .dashboard-header__eyebrow{min-height:22px;padding:0 8px;font-size:.56rem}body.page-profile.mobile-ui .profile-console__summary,body.page-profile.mobile-ui .dashboard-header__lede{font-size:.74rem;line-height:1.35}body.page-profile.mobile-ui .profile-hero__content{gap:10px}body.page-profile.mobile-ui .profile-hero h1{font-size:clamp(1.85rem,8vw,2.75rem);line-height:.96;max-width:8ch}body.page-profile.mobile-ui .profile-hero p{max-width:28ch;font-size:.9rem;line-height:1.42}body.page-profile.mobile-ui .auth-tabs{gap:6px}body.page-profile.mobile-ui .auth-tab{min-height:38px;font-size:.72rem;padding:0 12px}body.page-profile.mobile-ui .auth-tab-panel{padding:12px}body.page-profile.mobile-ui .auth-tab-panel h2{margin-bottom:8px;font-size:1.12rem}body.page-profile.mobile-ui .auth-form{gap:9px}body.page-profile.mobile-ui .auth-link{font-size:.76rem}body.page-profile.mobile-ui .form-field{gap:5px}body.page-profile.mobile-ui .form-field label{font-size:.72rem}body.page-profile.mobile-ui .form-field input,body.page-profile.mobile-ui .form-field select,body.page-profile.mobile-ui .auth-btn{min-height:var(--mobile-touch-target-compact)}body.page-profile.mobile-ui .dashboard-header,body.page-profile.mobile-ui .profile-error{padding:14px}body.page-profile.mobile-ui .dashboard-header__identity{gap:6px}body.page-profile.mobile-ui .dashboard-header__title-row{gap:8px}body.page-profile.mobile-ui .dashboard-archetype-badge{min-height:24px;padding:0 8px;font-size:.58rem}body.page-profile.mobile-ui .dashboard-header__archetype{font-size:.74rem;line-height:1.35}body.page-profile.mobile-ui .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.page-profile.mobile-ui .dashboard-recent{padding:12px}body.page-profile.mobile-ui.mobile-landscape .shell-topbar{padding:9px 12px}body.page-profile.mobile-ui.mobile-landscape .shell-topbar__brand-wordmark{font-size:.96rem}body.page-profile.mobile-ui.mobile-landscape .shell-topbar__brand-section{min-height:18px;font-size:.5rem}body.page-profile.mobile-ui.mobile-landscape .shell-main{padding:8px}body.page-profile.mobile-ui.mobile-landscape .profile-auth-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:8px}body.page-profile.mobile-ui.mobile-landscape .profile-hero{padding:12px 13px;align-self:start;min-height:0;background-position:center,center,center,62% 34%}body.page-profile.mobile-ui.mobile-landscape .profile-hero__content{gap:6px}body.page-profile.mobile-ui.mobile-landscape .profile-hero h1{max-width:8ch;font-size:clamp(1.3rem,2.7vw,1.7rem);letter-spacing:.04em}body.page-profile.mobile-ui.mobile-landscape .profile-hero p{display:none}body.page-profile.mobile-ui.mobile-landscape .profile-console{padding:9px;gap:7px}body.page-profile.mobile-ui.mobile-landscape .profile-console__summary{display:none}body.page-profile.mobile-ui.mobile-landscape .auth-link{font-size:.68rem}body.page-profile.mobile-ui.mobile-landscape .auth-tab{min-height:36px;font-size:.66rem}body.page-profile.mobile-ui.mobile-landscape .auth-tab-panel{padding:9px 9px 10px}body.page-profile.mobile-ui.mobile-landscape .auth-tab-panel h2{margin-bottom:6px;font-size:1rem}body.page-profile.mobile-ui.mobile-landscape .auth-form{gap:6px}body.page-profile.mobile-ui.mobile-landscape .form-field input,body.page-profile.mobile-ui.mobile-landscape .form-field select,body.page-profile.mobile-ui.mobile-landscape .auth-btn{min-height:var(--mobile-touch-target-tight)}body.page-profile.mobile-ui.mobile-landscape .auth-note,body.page-profile.mobile-ui.mobile-landscape .form-message{font-size:.72rem}body.page-profile.mobile-ui.mobile-landscape .dashboard-header__lede,body.page-profile.mobile-ui.mobile-landscape .dashboard-header__archetype{display:none}@media(max-width:520px){body.page-profile.mobile-ui .auth-tabs,body.page-profile.mobile-ui .dashboard-grid{grid-template-columns:1fr}body.page-profile.mobile-ui .dashboard-recent__item{grid-template-columns:1fr;gap:6px}body.page-profile.mobile-ui .dashboard-recent__score{text-align:left}}.dashboard-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.dashboard-section-heading h3{margin-bottom:4px}.dashboard-section-status{margin:0;color:#8eacd6;font-size:.78rem;line-height:1.45}.dashboard-section-action{min-height:34px;padding:0 12px;font-size:.7rem}.dashboard-assessments__metrics{margin-bottom:10px}.dashboard-assessment-record__grade{min-width:68px}.dashboard-assessment-record__components{max-width:22rem;white-space:normal;line-height:1.45}.dashboard-assessment-community__item[data-current-user=true]{border-color:#4ade806b;box-shadow:inset 3px 0 #4ade80c2}.dashboard-assessment-community__actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px}.dashboard-assessment-community__average{min-width:4.5rem;color:#eff7ff;font-family:JetBrains Mono,Fira Code,monospace;font-size:.88rem;text-align:right}.dashboard-empty[data-tone=error]{color:#ffb4b4}@media(max-width:980px){.dashboard-section-heading{flex-direction:column}.dashboard-assessment-community__actions{justify-content:space-between}}