@charset "UTF-8";[data-theme=classique]{color-scheme:dark;--color-bg: #0f1115;--color-surface: #1a1d24;--color-surface-raised: #22262f;--color-panel: var(--color-surface);--color-primary: #4f7dfa;--color-primary-hover: #6f93fb;--color-primary-lo: #6f93fb;--color-accent: #4f7dfa;--color-accent-lo: #6f93fb;--color-accent-hi: #8fb0fc;--color-border: #2c303a;--color-border-strong: #3a3f4c;--color-text: #e7e9ee;--color-text-muted: #9aa0ac;--color-text-dim: #9aa0ac;--color-positive: #4ccf8f;--color-error: #f26d6d;--color-gold: #d9a441;--color-data: #4f9eff;--color-rarity-common: #b4b9be;--color-rarity-rare: #4f9eff;--color-rarity-epic: #a63de0;--color-rarity-legendary: #e0a72e;--grad-brand: var(--color-primary);--grad-title: var(--color-primary);--fx-page-halos: none;--fx-grid-color: transparent;--fx-title-glow: none;--fx-panel-glow: none;--fx-panel-border-width: 1px;--fx-panel-blur: none;--fx-panel-grid: none;--fx-hud-bracket: transparent;--fx-hud-bracket-strong: transparent;--fx-frame-clip: none;--fx-frame-line: var(--color-border);--fx-frame-hatch: transparent;--fx-panel-drop-shadow: none;--fx-button-clip: none;--fx-input-clip: none;--fx-chip-clip: none;--fx-cta-glow: none;--font-display: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, monospace}[data-theme=neon]{color-scheme:dark;--color-bg: #08060f;--color-surface: #150f28;--color-surface-raised: #1e1638;--color-panel: linear-gradient(158deg, #16112e, #0e0a20);--color-primary: #9d4eff;--color-primary-hover: #b47bff;--color-primary-lo: #c79bff;--color-accent: #ff3dae;--color-accent-lo: #ff6dc8;--color-accent-hi: #ff9bda;--color-border: rgba(178, 75, 255, .2);--color-border-strong: rgba(178, 75, 255, .32);--color-text: #f4f1ff;--color-text-muted: #a79bc9;--color-text-dim: #7d729e;--color-positive: #6be7a8;--color-error: #ff5c7a;--color-gold: #ffc24b;--color-data: #34e1ff;--color-rarity-common: #b8b2cf;--color-rarity-rare: #4f9eff;--color-rarity-epic: #b23dff;--color-rarity-legendary: #ffc24b;--grad-brand: linear-gradient(135deg, #9d4eff, #ff3dae);--grad-title: linear-gradient(100deg, #c79bff, #9d4eff 32%, #ff3dae);--fx-page-halos: radial-gradient(55rem 40rem at 12% -12%, rgba(157, 78, 255, .18), transparent 60%), radial-gradient(48rem 38rem at 100% 0%, rgba(255, 61, 174, .12), transparent 55%);--fx-grid-color: rgba(178, 75, 255, .06);--fx-title-glow: drop-shadow(0 0 1.4rem rgba(157, 78, 255, .45));--fx-panel-glow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 2px 4px rgba(0, 0, 0, .75), 0 18px 40px -10px rgba(0, 0, 0, .85), 0 12px 60px -14px rgba(157, 78, 255, .55);--fx-panel-border-width: 1px;--fx-panel-blur: none;--fx-panel-grid: linear-gradient(rgba(157, 78, 255, .06) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(90deg, rgba(157, 78, 255, .06) 1px, transparent 1px) 0 0 / 22px 22px;--fx-frame-clip: polygon( 0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px) );--fx-frame-line: #5a3a8f;--fx-frame-hatch: var(--color-accent);--fx-panel-drop-shadow: drop-shadow(0 2px 3px rgba(0, 0, 0, .7)) drop-shadow(0 16px 32px rgba(0, 0, 0, .6)) drop-shadow(0 10px 34px rgba(157, 78, 255, .32));--fx-input-clip: polygon( 0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px) );--fx-button-clip: polygon( 0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px) );--fx-chip-clip: polygon(0 0, 82% 0, 100% 18%, 100% 100%, 18% 100%, 0 82%);--fx-hud-bracket: var(--color-primary);--fx-hud-bracket-strong: var(--color-accent);--fx-cta-glow: 0 .5rem 1.5rem rgba(157, 78, 255, .4), 0 0 0 1px rgba(255, 61, 174, .22);--font-display: "Chakra Petch", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, monospace}:root{--radius-pill: 999px;--radius-md: .5rem;--radius-sm: .4rem;--fts-card-width: 10rem;--hud-bracket-arm: 16px;--hud-bracket-thickness: 1.5px;--hud-bracket-inset: 5px;--team-logo-plate-bg: linear-gradient(140deg, #e6e9ee 0%, #bdc2cd 46%, #d0d4dc 54%, #a6acb9 100%)}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-700.woff2) format("woff2");font-weight:700;font-display:swap}*{box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}html,body{min-height:100%}body{margin:0;background:var(--fx-page-halos),var(--color-bg);background-attachment:fixed;color:var(--color-text);font-family:var(--font-body)}.grid-floor{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--fx-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--fx-grid-color) 1px,transparent 1px);background-size:3rem 3rem;-webkit-mask-image:linear-gradient(to bottom,transparent 45%,#000 100%);mask-image:linear-gradient(to bottom,transparent 45%,#000 100%)}:focus-visible{outline:2px solid var(--color-data, var(--color-primary));outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page{padding:2rem 1.5rem}@media(max-width:768px){.page{padding-bottom:5rem}}.page h1{margin:0 0 .5rem;font-size:1.5rem;font-family:var(--font-display)}.page p{color:var(--color-text-muted)}.hud-panel{position:relative;border:var(--fx-panel-border-width, 1px) solid var(--fx-frame-line, var(--color-border));border-radius:0;background:var(--hud-surface, var(--color-panel));backdrop-filter:var(--fx-panel-blur);-webkit-backdrop-filter:var(--fx-panel-blur);clip-path:var(--fx-frame-clip, none);filter:var(--fx-panel-drop-shadow, none)}.hud-panel:after{content:"";position:absolute;inset:var(--hud-bracket-inset);z-index:1;pointer-events:none;background:linear-gradient(var(--fx-hud-bracket),var(--fx-hud-bracket)) 0 0/var(--hud-bracket-arm) var(--hud-bracket-thickness) no-repeat,linear-gradient(var(--fx-hud-bracket),var(--fx-hud-bracket)) 0 0/var(--hud-bracket-thickness) var(--hud-bracket-arm) no-repeat,linear-gradient(var(--fx-hud-bracket),var(--fx-hud-bracket)) 100% 100%/var(--hud-bracket-arm) var(--hud-bracket-thickness) no-repeat,linear-gradient(var(--fx-hud-bracket),var(--fx-hud-bracket)) 100% 100%/var(--hud-bracket-thickness) var(--hud-bracket-arm) no-repeat,var(--fx-panel-grid);transition:opacity .15s ease}.hud-panel--hover{transition:border-color .15s ease}.hud-panel--hover:hover:after{--fx-hud-bracket: var(--fx-hud-bracket-strong)}.hud-fx-tab,.hud-fx-hatch,.hud-fx-wedge{position:absolute;z-index:2;pointer-events:none}.hud-fx-tab{top:0;left:50%;transform:translate(-50%);width:42%;max-width:180px;height:16px;background:var(--fx-hud-bracket);clip-path:polygon(10% 0,90% 0,78% 100%,22% 100%)}.hud-fx-tab--accent{background:var(--fx-frame-hatch)}.hud-fx-hatch{width:52px;height:16px;background:repeating-linear-gradient(-45deg,var(--fx-frame-hatch) 0 2px,transparent 2px 5px)}.hud-fx-hatch--tl{top:7px;left:7px}.hud-fx-hatch--tr{top:7px;right:7px}.hud-fx-hatch--bl{bottom:7px;left:7px}.hud-fx-hatch--br{bottom:7px;right:7px}.hud-fx-wedge{right:0;bottom:0;width:30px;height:30px;background:var(--fx-hud-bracket);clip-path:polygon(100% 0,100% 100%,0 100%)}.hud-fx-wedge--accent{background:var(--fx-frame-hatch)}.hud-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .6rem;border:1px solid currentColor;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));color:var(--color-primary);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}.hud-pill--common{color:var(--color-rarity-common)}.hud-pill--rare{color:var(--color-rarity-rare)}.hud-pill--epic{color:var(--color-rarity-epic)}.hud-pill--legendary{color:var(--color-rarity-legendary)}.hud-pill--data{color:var(--color-data)}.hud-pill--positive{color:var(--color-positive)}.hud-pill--gold{color:var(--color-gold)}.hud-pill--error{color:var(--color-error)}.hud-dot{position:absolute;top:.4rem;right:.5rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-gold);border:1px solid var(--color-surface)}.league-card{position:relative;display:block;box-sizing:border-box;width:100%;padding:0;font:inherit;color:inherit}.league-card--interactive{cursor:pointer;transition:box-shadow .15s ease}.league-card--interactive:focus-visible{outline:2px solid var(--color-data);outline-offset:4px}.league-card--interactive:disabled{cursor:not-allowed;opacity:.6}.league-card--joined{opacity:.8}.league-card--selected .league-card__name{color:var(--color-accent)}.league-card__body{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:2.1rem 1rem 1.25rem;text-align:center}.league-card__check{position:absolute;z-index:2;top:var(--hud-bracket-inset, 5px);right:var(--hud-bracket-inset, 5px);display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:1.3rem;height:1.3rem;clip-path:var(--fx-chip-clip, none);border:1.5px solid var(--fx-frame-line, var(--color-border));background:var(--color-bg);color:transparent;font-size:.6rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.league-card__check--selected{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-bg)}.league-card__badge{position:absolute;z-index:2;top:var(--hud-bracket-inset, 5px);right:var(--hud-bracket-inset, 5px)}.league-card__logo{box-sizing:border-box;width:4.5rem;height:4.5rem;flex:none;padding:7%;clip-path:var(--fx-chip-clip);background:var(--team-logo-plate-bg);filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));object-fit:contain}.league-card__logo--fallback{display:flex;align-items:center;justify-content:center;padding:.4rem;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-align:center}.league-card__name{font-weight:600;color:var(--color-text);transition:color .15s ease}.league-card__region,.league-card__split{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.fts-hover{position:fixed;z-index:1000;max-width:min(20rem,100vw - 1rem);padding:.5rem .7rem;font-size:.8rem;line-height:1.4;color:var(--color-text);pointer-events:none;opacity:0;transition:opacity .12s ease;--fx-panel-drop-shadow: drop-shadow(0 .4rem 1rem rgba(0, 0, 0, .4))}.fts-hover--visible{opacity:1}.fts-hover__body{position:relative;z-index:2}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{width:100%;max-width:26rem}.auth-card form{display:flex;flex-direction:column;gap:1rem}.auth-card h1{margin:0 0 .5rem;font-size:1.5rem;font-family:var(--font-display)}.auth-card__error{margin:0;padding:.65rem .75rem;border-radius:.5rem;background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error);font-size:.9rem}.auth-card__switch{margin:0;font-size:.9rem;color:var(--color-text-muted);text-align:center}.auth-card__switch a{color:var(--color-primary)}.fts-input,.field>input{padding:.6rem .7rem;border-radius:.5rem;clip-path:var(--fx-input-clip, none);border:1px solid var(--fx-frame-line, var(--color-border));background:var(--color-bg);color:var(--color-text);font-size:1rem}.fts-input:focus,.field>input:focus{outline:none;border-color:var(--color-data);box-shadow:0 0 0 1px var(--color-data)}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.field__error{color:var(--color-error);font-size:.8rem}.field__hint{color:var(--color-text-muted);font-size:.8rem}