:root{color-scheme:dark;font-family:Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 18%,transparent),transparent 24%),linear-gradient(180deg,var(--app-bg-secondary) 0%,var(--app-bg) 100%);color:var(--text-primary);background-color:var(--app-bg);--app-bg: #0a0a0f;--app-bg-secondary: #0f0f15;--panel-bg: rgba(16, 16, 21, .88);--panel-bg-strong: rgba(19, 19, 25, .96);--panel-border: rgba(255, 255, 255, .07);--text-primary: #f6f1eb;--text-secondary: rgba(246, 241, 235, .7);--text-muted: rgba(246, 241, 235, .46);--accent: #d0a556;--accent-soft: rgba(208, 165, 86, .12);--growth-bar: #b86e12;--tooltip-bg: #191227;--background-scale: 1.618;--pattern-ink: var(--accent);--surface-base: color-mix(in srgb, var(--panel-bg) 74%, transparent);--surface-raised: color-mix(in srgb, var(--panel-bg) 82%, transparent);--surface-strong: color-mix(in srgb, var(--panel-bg-strong) 92%, transparent);--surface-faint: color-mix(in srgb, var(--panel-bg) 56%, transparent);--surface-hover: color-mix(in srgb, var(--panel-bg-strong) 78%, transparent);--surface-overlay: color-mix(in srgb, var(--app-bg) 62%, transparent);--background-veil: radial-gradient(circle at top left, color-mix(in srgb, var(--app-bg-secondary) 28%, transparent), transparent 30%), linear-gradient(180deg, color-mix(in srgb, var(--app-bg) 34%, transparent) 0%, color-mix(in srgb, var(--app-bg-secondary) 28%, transparent) 100%);--field-bg: color-mix(in srgb, var(--panel-bg) 62%, transparent);--field-bg-strong: color-mix(in srgb, var(--panel-bg-strong) 80%, transparent);--shadow-soft: 0 12px 28px rgba(0, 0, 0, .08);--shadow-strong: 0 18px 40px rgba(0, 0, 0, .22);--pattern-layer-1: radial-gradient(circle, color-mix(in srgb, var(--pattern-ink) 10%, transparent) 1px, transparent 1.6px);--pattern-layer-2: radial-gradient(circle, color-mix(in srgb, var(--pattern-ink) 6%, transparent) 1px, transparent 1.8px)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 16%,transparent),transparent 24%),linear-gradient(180deg,var(--app-bg-secondary) 0%,var(--app-bg) 100%);background-color:var(--app-bg)}#root{min-height:100vh;position:relative;isolation:isolate;background:var(--background-veil);background-attachment:fixed}#root:before,#root:after{content:"";position:fixed;inset:-12%;pointer-events:none;z-index:-1;opacity:.18;will-change:transform}#root:before{background-image:var(--pattern-layer-1);background-size:calc(72px * var(--background-scale)) calc(72px * var(--background-scale));animation:background-drift-a 44s ease-in-out infinite alternate}#root:after{background-image:var(--pattern-layer-2);background-size:calc(116px * var(--background-scale)) calc(116px * var(--background-scale));opacity:.11;animation:background-drift-b 68s ease-in-out infinite alternate}:root[data-background-pattern=hex]{--pattern-layer-1: repeating-linear-gradient(30deg, color-mix(in srgb, var(--pattern-ink) 12%, transparent) 0 1px, transparent 1px 34px), repeating-linear-gradient(150deg, color-mix(in srgb, var(--pattern-ink) 12%, transparent) 0 1px, transparent 1px 34px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--pattern-ink) 6%, transparent) 0 1px, transparent 1px 34px);--pattern-layer-2: radial-gradient(circle at center, color-mix(in srgb, var(--pattern-ink) 8%, transparent) 1px, transparent 2px)}:root[data-background-pattern=triangles]{--pattern-layer-1: repeating-linear-gradient(60deg, color-mix(in srgb, var(--pattern-ink) 12%, transparent) 0 1px, transparent 1px 38px), repeating-linear-gradient(-60deg, color-mix(in srgb, var(--pattern-ink) 10%, transparent) 0 1px, transparent 1px 38px);--pattern-layer-2: repeating-linear-gradient(0deg, color-mix(in srgb, var(--pattern-ink) 5%, transparent) 0 1px, transparent 1px 66px)}:root[data-background-pattern=grid]{--pattern-layer-1: linear-gradient(color-mix(in srgb, var(--pattern-ink) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--pattern-ink) 10%, transparent) 1px, transparent 1px);--pattern-layer-2: linear-gradient(color-mix(in srgb, var(--pattern-ink) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--pattern-ink) 5%, transparent) 1px, transparent 1px)}:root[data-background-pattern=dots]{--pattern-layer-1: radial-gradient(circle, color-mix(in srgb, var(--pattern-ink) 14%, transparent) 1.25px, transparent 1.9px);--pattern-layer-2: radial-gradient(circle, color-mix(in srgb, var(--pattern-ink) 7%, transparent) 1px, transparent 1.7px)}:root[data-background-pattern=rings]{--pattern-layer-1: radial-gradient(circle at center, transparent 0 56%, color-mix(in srgb, var(--pattern-ink) 10%, transparent) 57% 58%, transparent 59%);--pattern-layer-2: radial-gradient(circle at center, transparent 0 48%, color-mix(in srgb, var(--pattern-ink) 5%, transparent) 49% 50%, transparent 51%)}:root[data-background-pattern=chevrons]{--pattern-layer-1: linear-gradient(135deg, transparent 0 42%, color-mix(in srgb, var(--pattern-ink) 11%, transparent) 42% 44%, transparent 44% 56%, color-mix(in srgb, var(--pattern-ink) 11%, transparent) 56% 58%, transparent 58%), linear-gradient(225deg, transparent 0 42%, color-mix(in srgb, var(--pattern-ink) 11%, transparent) 42% 44%, transparent 44% 56%, color-mix(in srgb, var(--pattern-ink) 11%, transparent) 56% 58%, transparent 58%);--pattern-layer-2: linear-gradient(90deg, transparent 0 48%, color-mix(in srgb, var(--pattern-ink) 5%, transparent) 48% 52%, transparent 52%)}:root[data-background-pattern=weave]{--pattern-layer-1: repeating-linear-gradient(0deg, color-mix(in srgb, var(--pattern-ink) 10%, transparent) 0 2px, transparent 2px 34px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--pattern-ink) 6%, transparent) 0 2px, transparent 2px 34px);--pattern-layer-2: repeating-linear-gradient(45deg, color-mix(in srgb, var(--pattern-ink) 7%, transparent) 0 1px, transparent 1px 48px)}:root[data-background-pattern=circuit]{--pattern-layer-1: linear-gradient(color-mix(in srgb, var(--pattern-ink) 12%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--pattern-ink) 12%, transparent) 1px, transparent 1px), radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--pattern-ink) 18%, transparent) 0 2px, transparent 3px), radial-gradient(circle at 72% 64%, color-mix(in srgb, var(--pattern-ink) 14%, transparent) 0 2px, transparent 3px);--pattern-layer-2: linear-gradient(90deg, transparent 0 24%, color-mix(in srgb, var(--pattern-ink) 5%, transparent) 24% 25%, transparent 25% 74%, color-mix(in srgb, var(--pattern-ink) 5%, transparent) 74% 75%, transparent 75%)}:root[data-background-pattern=crosses]{--pattern-layer-1: repeating-linear-gradient(0deg, color-mix(in srgb, var(--pattern-ink) 10%, transparent) 0 1px, transparent 1px 24px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--pattern-ink) 10%, transparent) 0 1px, transparent 1px 24px);--pattern-layer-2: radial-gradient(circle, color-mix(in srgb, var(--pattern-ink) 6%, transparent) 1px, transparent 1.7px)}:root[data-background-pattern=waves]{--pattern-layer-1: radial-gradient(ellipse 120% 56% at 50% 100%, color-mix(in srgb, var(--pattern-ink) 10%, transparent) 0 2px, transparent 3px), radial-gradient(ellipse 120% 56% at 50% 0%, color-mix(in srgb, var(--pattern-ink) 10%, transparent) 0 2px, transparent 3px);--pattern-layer-2: repeating-linear-gradient(0deg, transparent 0 18px, color-mix(in srgb, var(--pattern-ink) 4%, transparent) 18px 19px, transparent 19px 36px)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:310px minmax(0,1fr)}.sidebar,.panel,.hero-panel,.toolbar-panel,.leaderboard-card,.sample-card,.name-pill,.sidebar-home,.sidebar-link{border:1px solid var(--panel-border);background:var(--surface-base);-webkit-backdrop-filter:blur(18px) saturate(138%);backdrop-filter:blur(18px) saturate(138%);box-shadow:inset 0 1px #ffffff0a,var(--shadow-soft)}.panel,.hero-panel,.toolbar-panel,.leaderboard-card,.sample-card,.name-pill,.sidebar-home,.sidebar-link{background:var(--surface-raised)}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--panel-border);display:grid;grid-template-rows:auto auto 1fr;gap:18px}.sidebar-compact{grid-template-rows:auto 1fr}.workspace{min-width:0;padding:24px;position:relative;isolation:isolate}.workspace:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--app-bg) 44%,transparent),color-mix(in srgb,var(--app-bg-secondary) 38%,transparent));border-radius:28px 0 0 28px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);border-radius:22px;padding:24px;border:1px solid var(--panel-border);background:var(--surface-raised);box-shadow:var(--shadow-strong)}.access-panel{max-width:760px}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:8px}.login-form span{color:var(--text-secondary)}.login-form input{border:1px solid var(--panel-border);background:var(--field-bg);color:inherit;border-radius:12px;padding:12px 14px}.login-button{border:1px solid color-mix(in srgb,var(--accent) 52%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text-primary);border-radius:12px;padding:12px 14px;cursor:pointer}.login-button:disabled{opacity:.7;cursor:wait}.sidebar-brand,.sidebar-search,.sidebar-footer{display:grid;gap:8px}.sidebar-copy,.sidebar-footer span{color:var(--text-secondary)}.sidebar-role-copy{color:var(--text-muted)}.sidebar-role-badges{display:flex;flex-wrap:wrap;gap:8px}.sidebar-role-pill{width:fit-content}.sidebar-search span{color:var(--text-secondary);font-size:.92rem}.sidebar-search input{border:1px solid var(--panel-border);background:var(--field-bg);color:inherit;border-radius:12px;padding:10px 12px}.sidebar-nav{display:grid;gap:16px;min-height:0;overflow:auto;padding-right:4px;align-content:start}.sidebar-group{display:grid;gap:10px}.sidebar-group-title{margin:0;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.sidebar-links{display:grid;gap:8px}.sidebar-home,.sidebar-link{border-radius:14px;padding:12px 14px;display:grid;gap:4px;transition:border-color .18s ease,background-color .18s ease}.sidebar-link span,.sidebar-home{font-weight:600}.sidebar-link small{color:var(--text-muted)}.sidebar-link.active,.sidebar-home.active,.sidebar-link:hover,.sidebar-home:hover{border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:var(--surface-hover)}.sidebar-footer code{padding:10px 12px;border-radius:12px;background:var(--field-bg);overflow-wrap:anywhere}.sidebar-footer{align-content:start;margin-top:auto;padding-top:18px;border-top:1px solid var(--panel-border)}.theme-switcher{margin-top:0;margin-bottom:10px}.theme-switcher-button{width:100%;border:1px solid var(--panel-border);background:var(--field-bg);color:inherit;border-radius:14px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.theme-switcher-button:hover,.theme-option-card:hover,.theme-option-card.active{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.theme-switcher-copy,.theme-option-copy{display:grid;gap:2px;text-align:left}.theme-switcher-copy small,.theme-option-copy small{color:var(--text-muted)}.preferences-overlay{position:fixed;inset:0;z-index:40;background:var(--surface-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:24px}.preferences-modal{width:min(1080px,100%);max-height:min(86vh,920px);overflow:auto;padding:22px;border-radius:24px;border:1px solid var(--panel-border);background:var(--surface-strong);box-shadow:0 24px 48px #00000038;display:grid;gap:20px}.preferences-section{display:grid;gap:14px}.preferences-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.preferences-language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.preferences-language-card,.theme-option-card{border:1px solid var(--panel-border);background:var(--field-bg);color:inherit;border-radius:18px;cursor:pointer}.preferences-language-card{padding:12px 14px;text-align:left;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.preferences-language-card:hover,.preferences-language-card.active{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);transform:translateY(-1px)}.preferences-theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.preferences-pattern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.preferences-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.theme-option-card{padding:12px;display:grid;gap:10px;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.preferences-pattern-card{border:1px solid var(--panel-border);background:var(--field-bg);color:inherit;border-radius:18px;padding:12px;display:grid;gap:10px;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.preferences-pattern-card:hover,.preferences-pattern-card.active{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.preferences-color-card{border:1px solid var(--panel-border);background:var(--field-bg);color:inherit;border-radius:18px;padding:12px;display:grid;gap:10px;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.preferences-color-card:hover,.preferences-color-card.active{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.preferences-color-swatch{width:100%;height:18px;border-radius:999px;border:1px solid color-mix(in srgb,var(--panel-border) 76%,transparent);box-shadow:inset 0 1px #ffffff2e,0 8px 18px color-mix(in srgb,var(--panel-bg-strong) 28%,transparent)}.preferences-pattern-preview{height:92px;border-radius:16px;border:1px solid var(--panel-border);background-color:var(--field-bg-strong);overflow:hidden}.pattern-hex{background-image:repeating-linear-gradient(30deg,color-mix(in srgb,var(--pattern-ink) 20%,transparent) 0 1px,transparent 1px 28px),repeating-linear-gradient(150deg,color-mix(in srgb,var(--pattern-ink) 18%,transparent) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--pattern-ink) 10%,transparent) 0 1px,transparent 1px 28px);background-size:62px 62px}.pattern-triangles{background-image:repeating-linear-gradient(60deg,color-mix(in srgb,var(--pattern-ink) 20%,transparent) 0 1px,transparent 1px 28px),repeating-linear-gradient(-60deg,color-mix(in srgb,var(--pattern-ink) 10%,transparent) 0 1px,transparent 1px 28px);background-size:64px 64px}.pattern-grid{background-image:linear-gradient(color-mix(in srgb,var(--pattern-ink) 18%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pattern-ink) 10%,transparent) 1px,transparent 1px);background-size:34px 34px}.pattern-dots{background-image:radial-gradient(circle,color-mix(in srgb,var(--pattern-ink) 24%,transparent) 1.5px,transparent 2px),radial-gradient(circle,color-mix(in srgb,var(--pattern-ink) 14%,transparent) 1px,transparent 1.6px);background-size:28px 28px,56px 56px}.pattern-rings{background-image:radial-gradient(circle at center,transparent 0 56%,color-mix(in srgb,var(--pattern-ink) 18%,transparent) 57% 58%,transparent 59%),radial-gradient(circle at center,transparent 0 44%,color-mix(in srgb,var(--pattern-ink) 10%,transparent) 45% 46%,transparent 47%);background-size:72px 72px,116px 116px}.pattern-chevrons{background-image:linear-gradient(135deg,transparent 0 42%,color-mix(in srgb,var(--pattern-ink) 24%,transparent) 42% 44%,transparent 44% 56%,color-mix(in srgb,var(--pattern-ink) 24%,transparent) 56% 58%,transparent 58%),linear-gradient(225deg,transparent 0 42%,color-mix(in srgb,var(--pattern-ink) 12%,transparent) 42% 44%,transparent 44% 56%,color-mix(in srgb,var(--pattern-ink) 12%,transparent) 56% 58%,transparent 58%);background-size:52px 52px}.pattern-weave{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--pattern-ink) 20%,transparent) 0 2px,transparent 2px 26px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--pattern-ink) 12%,transparent) 0 2px,transparent 2px 26px);background-size:40px 40px}.pattern-circuit{background-image:linear-gradient(color-mix(in srgb,var(--pattern-ink) 18%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pattern-ink) 18%,transparent) 1px,transparent 1px),radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--pattern-ink) 18%,transparent) 0 2px,transparent 3px),radial-gradient(circle at 72% 68%,color-mix(in srgb,var(--pattern-ink) 16%,transparent) 0 2px,transparent 3px);background-size:30px 30px,30px 30px,60px 60px,60px 60px}.pattern-crosses{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--pattern-ink) 18%,transparent) 0 1px,transparent 1px 20px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--pattern-ink) 18%,transparent) 0 1px,transparent 1px 20px),radial-gradient(circle,color-mix(in srgb,var(--pattern-ink) 16%,transparent) 1px,transparent 1.6px);background-size:28px 28px,28px 28px,28px 28px;background-position:center,center,center;background-repeat:repeat}.pattern-waves{background-image:radial-gradient(ellipse 130% 56% at 50% 100%,color-mix(in srgb,var(--pattern-ink) 22%,transparent) 0 2px,transparent 3px),radial-gradient(ellipse 130% 56% at 50% 0%,color-mix(in srgb,var(--pattern-ink) 12%,transparent) 0 2px,transparent 3px);background-size:58px 34px}.theme-option-card:hover,.theme-option-card.active{transform:translateY(-2px)}.theme-option-preview{height:84px;border-radius:16px;border:1px solid var(--panel-border);position:relative;overflow:hidden}.theme-option-accent,.theme-option-growth{position:absolute;width:42%;height:10px;border-radius:999px;left:16px}.theme-option-accent{bottom:26px}.theme-option-growth{bottom:12px}.theme-swatch-row{display:inline-flex;align-items:center;gap:6px}.theme-swatch{width:12px;height:12px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}.logout-button{margin-top:8px;width:100%;justify-content:center}.sidebar h1,.panel h2,.panel h3,.hero-panel h2{margin:0}.header-copy,.muted{color:var(--text-secondary)}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:.72rem}.panel-header .muted{color:var(--text-secondary)}.page-content,.page-stack{display:grid;gap:16px}.hero-panel{border-radius:18px;padding:20px;display:grid;gap:18px;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr)}.hero-panel-compact{align-items:end}.hero-copy{display:grid;gap:8px}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat-card{border-radius:16px;padding:16px;border:1px solid var(--panel-border);background:var(--surface-faint);display:grid;gap:6px}.stat-card strong{font-size:1.2rem;font-weight:700}.stat-card span{color:var(--text-secondary)}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{border-radius:18px;padding:18px}.toolbar-panel{position:sticky;top:18px;z-index:5;border-radius:18px;padding:16px 18px}.toolbar-panel-static{position:static;top:auto}.panel-header{display:grid;gap:4px;margin-bottom:16px}.panel-header-split{display:flex;justify-content:space-between;align-items:start;gap:16px}.section-actions{display:flex;align-items:center;gap:10px}.leaderboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.leaderboard-card{border-radius:16px;padding:16px;display:grid;gap:8px;transition:border-color .18s ease,background-color .18s ease}.leaderboard-card:hover,.name-pill:hover,.top-nav a:hover{border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:var(--surface-hover)}.leaderboard-card span{font-size:1.05rem;font-weight:700}.leaderboard-card small{color:var(--text-secondary)}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.filters-profession-search{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(160px,.65fr)) auto}.filters-wide{margin-bottom:14px}.filters-player-report{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(140px,.7fr)) auto;align-items:end}.filters label{display:grid;gap:8px;position:relative}.filters span{color:var(--text-secondary)}.field-hint{color:var(--text-muted);font-size:.82rem}.filters input,.filters select{border:1px solid var(--panel-border);background:var(--field-bg);color:inherit;border-radius:12px;padding:10px 12px}.autocomplete-panel{position:absolute;top:calc(100% - 8px);left:0;right:0;z-index:8;display:grid;gap:6px;padding:8px;border-radius:14px;border:1px solid var(--panel-border);background:var(--surface-strong);box-shadow:var(--shadow-strong)}.autocomplete-section{display:grid;gap:8px}.autocomplete-section-title{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--text-secondary);font-size:.82rem}.autocomplete-section-title small{color:var(--text-muted)}.autocomplete-chip-row{display:flex;flex-wrap:wrap;gap:8px}.autocomplete-chip{border:1px solid var(--panel-border);border-radius:999px;background:var(--field-bg);color:inherit;padding:7px 11px;cursor:pointer}.autocomplete-chip:hover{border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.autocomplete-option{text-align:left;border:1px solid var(--panel-border);background:var(--field-bg);color:inherit;border-radius:10px;padding:10px 12px;cursor:pointer}.autocomplete-option:hover,.autocomplete-option.active{border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.chart-layout{display:grid;gap:16px}.analysis-section{display:grid;gap:14px}.analysis-section-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.analysis-collapsed-hint{border:1px solid var(--panel-border);border-radius:16px;background:var(--surface-faint);padding:14px 16px;color:var(--text-secondary)}.analysis-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);gap:16px}.chart-panel{min-height:400px}.chart-panel-wide{min-height:0}.trend-overview-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.trend-overview-shell-fixed{min-height:392px}.trend-overview-chart{min-width:0;min-height:360px;display:grid}.chart-frame{min-height:320px;border:1px solid var(--panel-border);border-radius:18px;background:var(--surface-faint);box-shadow:inset 0 1px #ffffff08;padding:10px 12px}.chart-frame-lg{min-height:380px}.chart-frame-sm{min-height:240px}.trend-overview-legend{display:grid;gap:12px;align-content:start;min-height:360px}.trend-overview-note{margin:0}.chart-empty-state{min-height:360px;border:1px dashed color-mix(in srgb,var(--panel-border) 88%,transparent);border-radius:18px;background:transparent;display:grid;place-content:center;gap:6px;padding:18px;text-align:center}.chart-empty-state strong{font-size:1rem}.chart-empty-state small{color:var(--text-secondary);max-width:36ch}.chart-empty-state-compact{min-height:220px}.toolbar-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.view-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.range-pills{display:flex;flex-wrap:wrap;gap:8px}.badge{border-radius:999px;padding:8px 12px;background:var(--accent-soft);color:var(--accent)}.toggle-button{border:1px solid var(--panel-border);border-radius:999px;padding:7px 13px;background:var(--field-bg);color:inherit;cursor:pointer}.toggle-button:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.toggle-button.is-active{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.text-link{padding:7px 13px;border-radius:999px}.subtle-link{border:1px solid var(--panel-border);background:var(--field-bg)}.chart-tooltip{display:grid;gap:10px;padding:12px 14px;background:var(--tooltip-bg);border:1px solid var(--panel-border);border-radius:14px;box-shadow:var(--shadow-strong)}.chart-tooltip-list{display:grid;gap:8px}.chart-tooltip-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center}.chart-tooltip-label{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary)}.chart-tooltip-dot{width:10px;height:10px;border-radius:999px;flex-shrink:0}.chart-tooltip-rank{grid-column:1 / -1;color:var(--text-secondary);font-size:.92rem}.chart-legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}.chart-legend-grid-vertical{grid-template-columns:1fr;margin-bottom:0;max-height:360px;overflow:auto;padding-right:4px}.chart-legend-item{border:1px solid var(--panel-border);border-radius:16px;background:var(--field-bg);color:inherit;padding:12px 14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;cursor:pointer}.chart-legend-item:hover,.chart-legend-item.active{border-color:color-mix(in srgb,var(--accent) 38%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.chart-legend-dot{width:10px;height:10px;border-radius:999px}.chart-legend-copy{display:grid;gap:2px;text-align:left}.chart-legend-copy small,.chart-legend-value{color:var(--text-secondary)}.compare-builder{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:16px}.compare-builder-compact{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:start}.compare-builder-selected,.compare-builder-browser{display:grid;gap:14px}.compare-builder-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.compare-builder-head span{color:var(--text-secondary)}.selected-name-grid{display:grid;gap:10px}.selected-name-card,.selected-name-empty,.compare-name-row{border:1px solid var(--panel-border);border-radius:16px;background:var(--field-bg)}.selected-name-card{width:100%;color:inherit;cursor:pointer;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.selected-name-card span:first-child{display:grid;gap:4px;text-align:left}.selected-name-card small,.selected-name-empty small,.compare-name-copy small{color:var(--text-secondary)}.selected-name-empty{padding:16px;display:grid;gap:6px}.name-search-shell{display:grid;gap:8px}.name-search-shell span{color:var(--text-secondary)}.name-search-shell input{border:1px solid var(--panel-border);border-radius:12px;background:var(--field-bg);color:inherit;padding:10px 12px}.compare-name-list{display:grid;gap:10px;max-height:520px;overflow:auto;padding-right:4px}.compare-name-list-compact{max-height:420px}.compare-name-row{width:100%;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:inherit;cursor:pointer;text-align:left;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.compare-name-row.selected{border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.compare-name-row.focused{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}.compare-name-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 24%,transparent)}.compare-name-copy{display:grid;gap:4px}.compare-name-actions{display:flex;gap:8px;flex-wrap:wrap}.icon-action-button{width:34px;height:34px;border-radius:999px;border:1px solid var(--panel-border);background:var(--field-bg);color:var(--text-secondary);display:inline-grid;place-items:center;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease}.icon-action-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--text-primary)}.collapse-toggle{width:36px;height:36px;border-radius:999px;border:1px solid var(--panel-border);background:var(--field-bg);color:var(--text-secondary);display:inline-grid;place-items:center;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.collapse-toggle:hover{border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.collapse-toggle span{transition:transform .16s ease}.collapse-toggle.expanded span{transform:rotate(180deg)}.panel-inline-meta{margin-bottom:14px}.compare-builder-meta{display:flex;justify-content:space-between;gap:16px;align-items:start}.compare-builder-actions{flex-wrap:wrap;justify-content:flex-end}.sample-list{display:grid;gap:14px}.archived-growth-block{margin-top:18px;padding-top:14px;border-top:1px solid var(--panel-border);animation:archived-block-enter .22s ease}.archived-growth-head{margin-bottom:8px}.summary-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.insights-cutoff-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.insights-cutoff-card,.insights-stat-card{min-height:132px}.insights-cutoff-copy,.insights-stat-copy{display:grid;gap:6px}.insights-cutoff-copy strong,.insights-stat-copy strong{font-size:1.15rem}.insights-cutoff-copy small,.insights-stat-copy small{color:var(--text-secondary)}.insights-chart-shell{display:grid;gap:16px}.insights-split-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.insights-split-grid-wide{align-items:start}.insights-list{display:grid;gap:10px}.insights-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--panel-border);border-radius:16px;background:var(--field-bg);padding:14px 16px}.insights-list-copy,.insights-list-metrics{display:grid;gap:4px}.insights-list-copy small,.insights-list-metrics small{color:var(--text-secondary)}.insights-list-metrics{text-align:right}.insights-table-shell{overflow-x:auto}.growth-layout{display:grid;gap:14px}.growth-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compact-chart{min-height:380px}.sample-card{border-radius:16px;padding:16px}.sample-card-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px;color:var(--text-secondary)}.sample-card-body{color:var(--text-primary)}.report-grid{display:grid;gap:16px}.profession-result-card{display:grid;gap:12px}.profession-result-button{width:100%;text-align:left;cursor:pointer}.profession-result-button.active{border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.profession-search-layout{display:grid;gap:16px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}.profession-detail{position:sticky;top:110px;display:grid;gap:14px}.profession-detail-hero{display:grid;gap:14px}.profession-result-head{display:flex;gap:12px;align-items:start}.profession-subsection{display:grid;gap:8px}.material-grid{display:flex;flex-wrap:wrap;gap:10px}.material-pill{display:grid;gap:2px;padding:9px 11px;border-radius:12px;border:1px solid var(--panel-border);background:var(--field-bg)}.material-pill-head{display:flex;align-items:center;gap:8px}.material-pill span{color:var(--text-primary)}.material-pill small{color:var(--text-muted)}.material-pill.active{border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.profession-image-shell{flex-shrink:0;overflow:hidden;border-radius:14px;border:1px solid var(--panel-border);background:var(--field-bg-strong);display:grid;place-items:center}.profession-image-shell-lg{width:96px;height:96px}.profession-image-shell-sm{width:56px;height:56px}.profession-image-shell-xs{width:32px;height:32px;border-radius:10px}.profession-image{width:100%;height:100%;object-fit:cover}.profession-image-fallback{font-size:.82rem;color:var(--text-secondary)}.report-card{display:grid;gap:14px;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.report-card-highlighted{border-color:color-mix(in srgb,var(--accent) 36%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--panel-bg));box-shadow:0 16px 32px #0000001f;transform:translateY(-2px)}.report-meta{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.report-chart{display:grid;gap:10px}.report-compare-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.report-player-picks{display:grid;gap:10px;margin-top:4px}.player-report-selection-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:14px;align-items:start}.report-player-picks-card{border:1px solid var(--panel-border);border-radius:18px;background:var(--field-bg);padding:16px}.report-player-picks-group{display:grid;gap:8px}.report-player-picks-title{color:var(--text-secondary);font-size:.82rem}.report-cache-browser{display:grid;gap:10px;margin-top:4px}.report-cache-browser-card{border:1px solid var(--panel-border);border-radius:18px;background:var(--field-bg);padding:16px}.report-cache-browser-list{display:flex;flex-wrap:wrap;gap:8px}.autocomplete-chip-active{border-color:color-mix(in srgb,var(--accent) 36%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.report-compare-card{width:100%;border:1px solid var(--panel-border);border-radius:18px;background:var(--field-bg);color:inherit;padding:14px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.report-compare-card:hover,.report-compare-card.active{border-color:color-mix(in srgb,var(--accent) 38%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);transform:translateY(-1px)}.report-compare-accent{width:10px;height:42px;border-radius:999px}.report-compare-copy,.report-compare-meta{display:grid;gap:4px}.report-compare-copy{text-align:left}.report-compare-copy small,.report-compare-meta span{color:var(--text-secondary)}.report-compare-meta{text-align:right}.report-chart-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;color:var(--text-secondary)}.report-series-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.report-series-chip{border:1px solid var(--panel-border);border-radius:14px;background:var(--field-bg);padding:12px 14px;display:flex;align-items:center;gap:10px}.report-series-chip span:last-child,.report-series-chip>span:only-child{display:grid;gap:3px}.report-series-chip small{color:var(--text-secondary)}.metric-pill-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-pill{display:grid;gap:4px;padding:12px 14px;border-radius:14px;border:1px solid var(--panel-border);background:var(--field-bg)}.metric-pill span,.metric-pill small{color:var(--text-secondary)}.metric-pill strong{font-size:1rem}.filter-submit{display:flex;gap:8px;flex-wrap:wrap;align-items:end}table{width:100%;border-collapse:collapse}th,td{text-align:left;vertical-align:top;padding:9px 8px;border-bottom:1px solid var(--panel-border)}th{color:var(--text-secondary);font-weight:500}.table-sort-button{border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer}.table-sort-button:hover{color:var(--text-primary)}.interactive-row{transition:background-color .16s ease,opacity .16s ease}.interactive-row:hover{background:var(--surface-faint)}.interactive-row td{transition:transform .18s ease,color .18s ease,background-color .18s ease,opacity .18s ease}.interactive-row:hover td{transform:translate(2px)}.archived-row{opacity:.72;animation:archived-row-enter .22s ease}.row-restored td{animation:restore-row .28s ease}.row-archived-highlight td{animation:archived-highlight .28s ease}.archived-row:hover{opacity:1;background:#5b8def0f}.row-action-cell{width:44px;text-align:right}.row-action-button{width:28px;height:28px;border-radius:999px;border:1px solid var(--panel-border);background:var(--field-bg);color:var(--text-secondary);display:inline-grid;place-items:center;cursor:pointer;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,color .14s ease}.row-action-button:hover{transform:translateY(1px);background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 28%,transparent);color:var(--text-primary)}.row-action-button-restore:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}@keyframes archived-block-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes background-drift-a{0%{transform:translate3d(-1.5%,-1%,0) scale(1.01)}to{transform:translate3d(1.5%,1%,0) scale(1.03)}}@keyframes background-drift-b{0%{transform:translate3d(1%,-1.5%,0) scale(1.02)}to{transform:translate3d(-1%,1.5%,0) scale(1.05)}}@keyframes archived-row-enter{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:.72;transform:translateY(0)}}@keyframes restore-row{0%{background:#5b8def1f;transform:scale(.995)}to{background:transparent;transform:scale(1)}}@keyframes archived-highlight{0%{background:#d0a5561f;transform:scale(.995)}to{background:transparent;transform:scale(1)}}.error-text{color:#ff7b7b}.growth-note{margin:0 0 14px}.transition-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:var(--field-bg-strong);color:var(--text-primary);border:1px solid var(--panel-border)}.status-new{color:#9dd9a8;border-color:#6bc97847}.status-dropped{color:#f3a2a2;border-color:#df6a6a47}.delta-positive{color:#8fd694}.delta-negative{color:#f08a8a}@media(max-width:960px){.home-grid,.chart-layout,.analysis-layout,.hero-panel,.filters,.leaderboard-grid,.growth-meta,.report-meta,.profession-search-layout,.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.06);top:0}.workspace{padding:18px}.panel-header-split,.sample-card-head,.toolbar-row,.section-actions,.hero-stats,.compare-builder-meta,.preferences-section-head{display:grid}.compare-builder,.filters-player-report,.player-report-selection-grid,.compare-builder-compact,.trend-overview-shell{grid-template-columns:1fr}.preferences-modal{padding:18px;max-height:90vh}.preferences-theme-grid,.preferences-language-grid,.preferences-pattern-grid,.preferences-color-grid,.insights-split-grid{grid-template-columns:1fr}.trend-overview-legend{order:-1;min-height:0}.chart-legend-grid-vertical{max-height:none;overflow:visible;padding-right:0}.trend-overview-shell-fixed,.trend-overview-chart,.chart-empty-state{min-height:0}.report-series-legend{grid-template-columns:1fr}}