.site-footer{padding:var(--space-6) var(--page-gutter) var(--space-7);border-top:1px solid var(--line);background:var(--bg);gap:var(--space-5);margin-top:auto;display:grid}.site-footer__top{width:100%;max-width:var(--container-wide);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex}.site-footer__brand{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-weight:700}.site-footer__nav{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.site-footer__link{color:var(--text2);font-size:var(--fs-sm);transition:color var(--t);text-decoration:none}.site-footer__link:hover{color:var(--text)}.site-footer__link:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-xs)}.site-footer__legal{width:100%;max-width:var(--container-wide);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--muted);margin:0 auto;font-size:11px;line-height:1.5}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(15.5% .009 264);--bg-elevated:oklch(18.5% .011 264);--surface:oklch(21% .013 264);--panel:oklch(23.5% .015 264);--panel2:oklch(28% .018 264);--panel3:oklch(32% .02 264);--line:oklch(33% .016 264);--line2:oklch(41% .02 264);--line-strong:oklch(50% .024 264);--text:oklch(97% .006 264);--text2:oklch(82% .014 264);--muted:oklch(67% .02 264);--disabled:oklch(47% .016 264);--accent:oklch(80% .13 178);--accent-hi:oklch(88% .14 178);--accent-low:oklch(80% .13 178/.14);--accent-line:oklch(80% .13 178/.42);--accent-glow:oklch(80% .13 178/.35);--blue:oklch(74% .14 264);--blue-hi:oklch(84% .125 264);--blue-low:oklch(74% .14 264/.14);--blue-line:oklch(74% .14 264/.3);--gold:oklch(80% .12 88);--gold-hi:oklch(88% .13 88);--gold-low:oklch(80% .12 88/.14);--gold-glow:oklch(80% .12 88/.3);--premium:oklch(80% .12 88);--premium-low:oklch(80% .12 88/.12);--win:oklch(78% .15 158);--win-hi:oklch(86% .15 158);--win-low:oklch(78% .15 158/.14);--win-glow:oklch(78% .15 158/.28);--loss:oklch(66% .2 25);--loss-hi:oklch(78% .17 25);--loss-low:oklch(66% .2 25/.14);--loss-glow:oklch(66% .2 25/.32);--severity-info:oklch(74% .14 264);--severity-info-low:oklch(74% .14 264/.14);--severity-low:oklch(80% .13 178);--severity-low-low:oklch(80% .13 178/.14);--severity-medium:oklch(80% .13 80);--severity-medium-low:oklch(80% .13 80/.15);--severity-high:oklch(72% .18 45);--severity-high-low:oklch(72% .18 45/.16);--severity-critical:oklch(66% .2 25);--severity-critical-low:oklch(66% .2 25/.16);--on-accent:oklch(20% .04 178);--on-gold:oklch(22% .04 88);--gold-line:oklch(80% .12 88/.45);--win-line:oklch(78% .15 158/.45);--loss-line:oklch(66% .2 25/.45);--fill-subtle:oklch(82% .014 264/.08);--backdrop:oklch(11% .009 264/.82);--ambient:radial-gradient(1200px 620px at 82% -10%, oklch(80% .13 178/.1), transparent 60%), radial-gradient(940px 520px at 4% 2%, oklch(66% .2 25/.05), transparent 55%);--green:var(--win);--green-low:var(--win-low);--red:var(--loss);--red-low:var(--loss-low);--font-display:"Space Grotesk", "IBM Plex Sans", system-ui, sans-serif;--font-sans:"IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--fs-hero:clamp(44px, 7vw, 84px);--fs-h1:clamp(30px, 4.2vw, 52px);--fs-h2:clamp(24px, 3vw, 36px);--fs-h3:20px;--fs-body-lg:18px;--fs-body:15px;--fs-sm:13px;--fs-xs:11px;--fs-micro:10px;--lh-tight:.98;--lh-heading:1.08;--lh-body:1.62;--lh-dense:1.35;--tracking-tight:-.045em;--tracking-heading:-.025em;--tracking-label:.12em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--container-wide:1800px;--container-narrow:720px;--page-gutter:clamp(16px, 4vw, 48px);--radius-xs:4px;--radius-sm:8px;--radius:12px;--radius-lg:18px;--radius-xl:26px;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-in:cubic-bezier(.5, 0, .75, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--t:.14s var(--ease-out);--t-med:.22s var(--ease-out);--t-slow:.36s var(--ease-out);--shadow-sm:0 1px 2px oklch(0% 0 0/.35);--shadow:0 14px 40px oklch(0% 0 0/.45);--shadow-lg:0 30px 80px oklch(0% 0 0/.6);--grad-surface:var(--panel);--surface-edge:var(--line);--surface-inset:inset 0 1px 0 oklch(100% 0 0/.06);--edge-hi:inset 0 1px 0 oklch(100% 0 0/.06);--ring:oklch(88% .14 178/.9);--ring-offset:var(--bg)}*{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body{overflow-x:clip}body{background:var(--ambient), linear-gradient(var(--fill-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--fill-subtle) 1px, transparent 1px), var(--bg);color:var(--text);font:14px / 1.5 var(--font-sans);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-size:auto,44px 44px,44px 44px,auto;background-attachment:fixed;margin:0}button,input,select{font:inherit}a{color:var(--blue-hi);transition:color var(--t);text-decoration:none}:focus-visible{outline:2px solid var(--ring);outline-offset:3px}input:focus-visible,select:focus-visible{outline:none}a:hover{color:var(--text);text-decoration:none}.link-btn{color:var(--blue-hi);cursor:pointer;font:inherit;transition:color var(--t);background:0 0;border:none;padding:0}.link-btn:hover{color:var(--text)}.link-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);overflow-wrap:anywhere}h1{font-size:var(--fs-h3);letter-spacing:var(--tracking-heading);font-weight:700}h2{font-size:var(--fs-body);font-weight:600}.page,.page-shell{width:100%;max-width:var(--container-wide);padding:var(--space-5) var(--page-gutter);flex:1 0 auto;margin:0 auto}.page-shell--wide,.page-shell--full{max-width:var(--container-wide)}.narrow,.page-shell--narrow{max-width:var(--container-narrow)}.panel{background:linear-gradient(180deg, oklch(100% 0 0/.014), transparent 42%), var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--edge-hi), var(--shadow-sm);padding:14px}.ui-badge{border-radius:var(--radius-sm);width:fit-content;font-size:var(--fs-micro);font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;border:1px solid;align-items:center;padding:3px 9px;font-weight:600;line-height:1;display:inline-flex}.ui-badge--neutral{color:var(--text2);background:var(--fill-subtle)}.ui-badge--success{color:var(--win);background:var(--win-low)}.ui-badge--danger{color:var(--loss);background:var(--loss-low)}.ui-badge--gold,.ui-badge--rank{color:var(--gold-hi);background:var(--gold-low)}.ui-button{border:1px solid var(--line2);border-radius:var(--radius-sm);color:var(--text2);white-space:nowrap;cursor:pointer;transition:border-color var(--t), color var(--t), background var(--t), transform var(--t);background:0 0;justify-content:center;align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.ui-button--sm{padding:6px 10px;font-size:12px}.ui-button--md{font-size:var(--fs-sm);padding:9px 14px}.ui-button--lg{padding:12px 18px;font-size:14px}.ui-button:hover:not(:disabled){border-color:var(--accent-line);color:var(--text)}.ui-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ui-button:active:not(:disabled){transform:translateY(1px)}.ui-button:disabled{opacity:.45;cursor:not-allowed}.ui-button[data-loading=true]{cursor:progress;opacity:.7;pointer-events:none}.ui-button--primary{background:linear-gradient(180deg, var(--accent-hi), var(--accent));color:var(--on-accent);box-shadow:0 8px 24px -8px var(--accent-glow), var(--edge-hi);border-color:#0000}.ui-button--primary:hover:not(:disabled){background:linear-gradient(180deg, var(--accent-hi), var(--accent-hi));color:var(--on-accent);box-shadow:0 12px 30px -8px var(--accent-glow), var(--edge-hi);border-color:#0000;transform:translateY(-1px)}.ui-button--secondary{background:var(--fill-subtle);border-color:var(--line);color:var(--text2);box-shadow:var(--surface-inset)}.ui-button--secondary:hover:not(:disabled){border-color:var(--accent-line);color:var(--text)}.ui-button--ghost{border-color:#0000}.ui-button--danger{border-color:var(--loss);color:var(--loss-hi)}.ui-button--danger:hover:not(:disabled){background:var(--loss-low);border-color:var(--loss);color:var(--loss-hi)}.ui-button--success{border-color:var(--win);color:var(--win-hi)}.sev-hi{background:var(--severity-critical)}.sev-mid{background:var(--severity-medium)}.sev-lo{background:var(--severity-info);opacity:.55}.mono-label{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);font-weight:600}.metric-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.reveal{opacity:0;transition:opacity var(--t-slow), transform var(--t-slow);transform:translateY(10px)}.reveal--visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.muted{color:var(--muted)}.meta-line{font-size:var(--fs-sm);margin-top:4px}.profile-avatar{border:1px solid var(--line2);background:var(--bg-elevated);object-fit:cover;border-radius:50%;flex-shrink:0}.profile-avatar--sm{width:28px;height:28px}.profile-avatar--md{width:40px;height:40px}.profile-avatar--lg{width:56px;height:56px}.rank-emblem{vertical-align:middle;object-fit:contain;flex-shrink:0}.rank-emblem--sm{width:22px;height:22px}.rank-emblem--md{width:32px;height:32px}.rank-emblem--lg{width:44px;height:44px}.ui-skeleton{background:linear-gradient(90deg, var(--surface) 0%, var(--panel2) 50%, var(--surface) 100%);animation:ui-skeleton-shimmer 1.4s var(--ease-in-out) infinite;background-size:200% 100%;display:block}@keyframes ui-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-skeleton-rows{gap:var(--space-3);display:grid}.ui-skeleton-row{align-items:center;gap:var(--space-3);display:flex}.ui-skeleton-row__lines{flex:1;gap:6px;min-width:0;display:grid}@media (prefers-reduced-motion:reduce){.ui-skeleton{animation:none}}.confirm-overlay{z-index:100;padding:var(--space-4);background:var(--backdrop);animation:confirm-fade var(--t);place-items:center;display:grid;position:fixed;inset:0}.confirm-dialog{background:var(--panel);border:1px solid var(--line2);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:var(--space-5);animation:confirm-pop var(--t-med)}.confirm-dialog__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--fs-h3);letter-spacing:var(--tracking-heading);font-weight:700}.confirm-dialog__message{margin:0 0 var(--space-5);color:var(--text2);font-size:var(--fs-sm);line-height:var(--lh-body)}.confirm-dialog__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.confirm-dialog__danger{color:var(--loss-hi);background:var(--loss-low);border-color:color-mix(in srgb, var(--loss) 42%, transparent)}.confirm-dialog__danger:hover:not(:disabled){background:color-mix(in srgb, var(--loss) 22%, transparent)}@keyframes confirm-fade{0%{opacity:0}to{opacity:1}}@keyframes confirm-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.confirm-overlay,.confirm-dialog{animation:none}}input,select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color var(--t), box-shadow var(--t);padding:9px 10px}input:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--line2)}input:focus,select:focus,input:focus-visible,select:focus-visible{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-low);outline:none}input:disabled,select:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-elevated)}input[aria-invalid=true],input.is-error,select[aria-invalid=true]{border-color:var(--loss);box-shadow:0 0 0 3px var(--loss-low)}input.is-success,select.is-success{border-color:var(--win);box-shadow:0 0 0 3px var(--win-low)}button{cursor:pointer;transition:border-color var(--t), color var(--t), background var(--t), transform var(--t)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.auth-page{place-items:center;min-height:calc(100dvh - 220px);padding:32px 0;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line2);border-top:2px solid var(--gold);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);gap:18px;padding:28px;display:grid}.auth-card--status{text-align:center;justify-items:center}.auth-card__head{gap:6px;display:grid}.auth-card__head h1{font-family:var(--font-display);font-size:var(--fs-h3);letter-spacing:-.3px;margin:0;font-weight:700}.auth-card__sub{color:var(--text2);font-size:var(--fs-sm);margin:0;line-height:1.5}.auth-btn-link{text-align:center;background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);letter-spacing:.01em;transition:filter var(--t), background var(--t);padding:11px 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.auth-btn-link:hover{background:var(--accent-hi)}.auth-spinner{border:2px solid var(--line2);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation:none}}.hero-cta{align-items:center;gap:var(--space-2);background:var(--accent);border-radius:var(--radius-sm);width:fit-content;color:var(--on-accent);font-size:var(--fs-body);cursor:pointer;box-shadow:var(--surface-inset);transition:background var(--t), transform var(--t);border:1px solid #0000;padding:12px 18px;font-weight:700;display:inline-flex}.hero-cta:hover{background:var(--accent-hi);transform:translateY(-1px)}.hero-cta:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.hero-cta:hover .hero-cta-arrow{transform:translate(3px)}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-shell--theater{min-height:100dvh;overflow:hidden}.app-shell--theater .site-footer{display:none}.app-shell--theater .site-navbar{z-index:60;-webkit-backdrop-filter:none;pointer-events:none;background:0 0;border-bottom:none;position:fixed;top:0;left:0;right:0}.app-shell--theater .site-navbar__inner{pointer-events:auto}.app-shell--theater .site-logo__text{color:oklch(96% .01 250);text-shadow:0 1px 12px oklch(8% .01 250/.8)}.site-navbar{z-index:50;border-bottom:1px solid var(--line);background:color-mix(in oklch, var(--bg-elevated) 82%, transparent);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.site-navbar__inner,.site-header{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;max-width:var(--container-wide);padding:12px var(--page-gutter);margin:0 auto;display:flex}.site-logo{align-items:center;gap:7px;text-decoration:none;display:flex}.site-logo:hover{opacity:.88}.site-logo__mark{filter:drop-shadow(0 0 7px oklch(80% .13 178/.42));flex-shrink:0}.site-logo__text{font-family:var(--font-display);font-size:var(--fs-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-weight:700}.site-nav-links{align-items:center;gap:8px;display:flex}.site-nav-link{font-size:var(--fs-sm);color:var(--text2);transition:color var(--t);padding:5px 4px;text-decoration:none}.site-nav-link:hover{color:var(--text)}.site-nav-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-xs)}.avatar{object-fit:cover;border:1px solid var(--line2);border-radius:50%}.avatar--fallback{width:24px;height:24px;color:var(--gold);background:var(--panel2);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.usermenu{position:relative}.usermenu__trigger{background:var(--fill-subtle);border:1px solid var(--line);border-radius:var(--radius-xl);color:var(--text2);cursor:pointer;box-shadow:var(--surface-inset);transition:border-color var(--t), color var(--t), background var(--t);align-items:center;gap:8px;padding:4px 8px 4px 4px;display:inline-flex}.usermenu__trigger:hover{border-color:var(--accent-line);color:var(--text)}.usermenu__trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.usermenu__name{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.usermenu__chevron{transition:transform var(--t);flex-shrink:0}.usermenu__chevron.is-open{transform:rotate(180deg)}.usermenu__panel{z-index:40;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);min-width:232px;max-width:calc(100vw - 24px);box-shadow:var(--shadow);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.usermenu__identity{align-items:center;gap:10px;padding:8px 10px 10px;display:flex}.usermenu__identity-text{gap:1px;min-width:0;display:grid}.usermenu__identity-name{font-size:var(--fs-sm);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.usermenu__identity-email{font-size:var(--fs-xs);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.usermenu__identity .account-plan-badge{flex-shrink:0;margin-left:auto}.usermenu__divider{background:var(--line);height:1px;margin:2px 0}.usermenu__item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text2);font:inherit;font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;padding:9px 10px;text-decoration:none;display:block}.usermenu__item:hover{background:var(--fill-subtle);color:var(--text)}.usermenu__item:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.usermenu__item:disabled{color:var(--disabled);cursor:default}.usermenu__item--gold{color:var(--gold-hi);font-weight:600}.usermenu__error{font-size:var(--fs-xs);color:var(--loss);margin:2px 10px}.usermenu__item--mobile{display:none}@media (width<=640px){.site-logo{min-width:0}.site-logo__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-desktop-only{display:none}.usermenu__item--mobile{display:block}.usermenu__name{display:none}.page,.page-shell{padding:12px}}