@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--shadow-card:var(--shadow-card);--shadow-card-soft:var(--shadow-card-soft);--shadow-panel:var(--shadow-panel);--shadow-overlay:var(--shadow-overlay);--shadow-button:var(--shadow-button);--shadow-button-hover:var(--shadow-button-hover);--gradient-accent:linear-gradient(120deg,var(--accent),var(--accent-2)60%,var(--accent-3));--gradient-accent-reverse:linear-gradient(120deg,var(--accent-2),var(--accent)70%,var(--accent-3));--gradient-hero:linear-gradient(120deg,#fff 0%,#7ae7ff 40%,var(--accent-2)70%,var(--accent-3)100%);--gradient-hero-panel:linear-gradient(135deg,#151b2bf2,#0a0f1ad9);--gradient-nav:linear-gradient(120deg,#151b2bf2,#0a0e18f2);--gradient-fullscreen:radial-gradient(1200px 900px at 20% 10%,#4cf3ff29,transparent 60%),radial-gradient(900px 700px at 80% 20%,#f2a6ff33,transparent 60%),radial-gradient(800px 650px at 40% 90%,#ffb86b2e,transparent 70%),linear-gradient(140deg,#0b0f18fa,#06080efa);--bg-gradient:radial-gradient(1200px 600px at 15% -10%,#4cf3ff2e,transparent 60%),radial-gradient(900px 500px at 90% 10%,#f2a6ff29,transparent 55%),radial-gradient(700px 500px at 35% 85%,#ffb86b1f,transparent 60%),linear-gradient(140deg,#151b2be6,#090c14f2)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{color-scheme:dark;--bg:#0b0d12;--bg-secondary:#121726;--panel:#111624;--panel-soft:#151b2b;--surface-glass:#0f172ab3;--surface-glass-strong:#0f172ad9;--surface-card:#0e1320bf;--surface-card-strong:#0e1320c7;--surface-card-soft:#0c111fa6;--surface-card-muted:#0a0f1aa6;--surface-card-muted-soft:#0a0f1a73;--surface-form:#080c18b3;--surface-form-strong:#0a0e1acc;--surface-overlay:#090c14d9;--surface-scrim:#0f1421b3;--surface-chip:#0f172a99;--surface-chip-strong:#0b121ecc;--surface-ink:#0b0f18cc;--surface-ink-soft:#0b0f1899;--surface-muted:#0f172a80;--surface-hover:#94a3b81a;--surface-switch-active:#1e4056e6;--surface-thumb:#e2e8f0cc;--line:#94a3b833;--border-soft:#94a3b81f;--border-subtle:#94a3b826;--border-default:#94a3b829;--border-muted:#94a3b82e;--border-strong:#94a3b833;--border-stronger:#94a3b840;--border-solid:#94a3b84d;--border-heavy:#94a3b866;--border-heavier:#94a3b873;--border-bright:#94a3b899;--border-light:#f8fafc33;--text-strong:#f8fafcf2;--text:#f8fafceb;--text-muted:#e2e8f0bf;--text-subtle:#e2e8f09e;--text-faint:#94a3b8b3;--text-fainter:#94a3b899;--text-bright:#fff;--accent:#4cf3ff;--accent-2:#f2a6ff;--accent-3:#ffb86b;--accent-soft:#4cf3ff1f;--accent-soft-faint:#4cf3ff24;--accent-soft-strong:#4cf3ff3d;--accent-border:#4cf3ff66;--accent-border-strong:#4cf3ff99;--accent-outline:#4cf3ff4d;--accent-text:#4cf3ffe6;--accent-2-text:#f2a6fff2;--accent-3-text:#ffb86bf2;--danger-border:#ef444466;--danger-border-strong:#ef4444b3;--danger-text:#f87171e6;--focus-ring:#4cf3ff66;--focus-ring-strong:#4cf3ff99;--focus-ring-warm:#ffb86b99;--focus-ring-light:#f8fafcb3;--glow:0 20px 60px #4cf3ff26;--shadow-glow-strong:0 25px 80px #f2a6ff38;--shadow-nav:0 16px 40px #090c1473;--shadow-card:0 16px 40px #070b1473;--shadow-card-soft:0 16px 40px #070b1459;--shadow-card-accent:0 18px 30px #0a0f1a59;--shadow-dot:0 0 10px #0f172a99;--shadow-thumb:0 4px 8px #06081259;--shadow-panel:0 20px 60px #0f172a8c;--shadow-overlay:0 30px 80px #060a1499;--shadow-button:0 16px 35px #4cf3ff38;--shadow-button-hover:0 18px 45px #f2a6ff40;--shadow-button-alt:0 10px 22px #4cf3ff38;--shadow-button-alt-hover:0 14px 28px #4cf3ff47;--shadow-pill:0 10px 24px #4cf3ff33}body{margin:calc(var(--spacing)*0);min-width:320px;min-height:100vh;color:color-mix(in oklab,var(--color-white)90%,transparent);-webkit-font-smoothing:antialiased;background-color:var(--bg);background-image:var(--bg-gradient);text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,Segoe UI,sans-serif;display:flex;overflow-y:scroll}#root{width:100%;max-width:960px;padding:calc(var(--spacing)*4);margin-inline:auto}input,select{color:var(--text);background-color:var(--surface-glass);border:1px solid var(--border-solid);border-radius:12px;padding:.55rem .75rem;font-family:Space Mono,SFMono-Regular,monospace;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent-border-strong);box-shadow:0 0 0 3px var(--accent-soft);outline:none}table{border-collapse:collapse}thead th{color:var(--text-muted);font-weight:600}}@layer components{.app-shell{gap:1.5rem;display:grid}.app-frame{gap:2rem;display:grid}.top-nav{background:var(--gradient-nav);border:1px solid var(--border-strong);box-shadow:var(--shadow-nav);border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.nav-brand{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.8rem;font-weight:600}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.9rem;display:flex}.nav-link{color:var(--text-muted);border:1px solid #0000;border-radius:999px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .15s,transform .15s,color .15s}.nav-link:hover{color:var(--text-strong);border-color:var(--accent-border)}.nav-link.is-active{color:var(--bg);background:var(--gradient-accent);box-shadow:var(--shadow-pill)}.nav-auth-button,.btn-primary-reverse{color:var(--bg);background:var(--gradient-accent-reverse);box-shadow:var(--shadow-button-alt);cursor:pointer;border:none;border-radius:999px;padding:.55rem 1.2rem;font-size:.85rem;font-weight:600;transition:transform .15s,box-shadow .15s}.nav-auth-button:hover,.btn-primary-reverse:hover{box-shadow:var(--shadow-button-alt-hover);transform:translateY(-1px)}.nav-auth-button:focus-visible,.btn-primary-reverse:focus-visible{outline:2px solid var(--focus-ring-light);outline-offset:3px}.nav-user{border:1px solid var(--border-stronger);background:var(--surface-scrim);border-radius:999px;align-items:center;gap:.65rem;padding:.35rem .35rem .35rem .8rem;display:flex}.nav-user__name{color:var(--text);white-space:nowrap;font-size:.85rem;font-weight:600}.nav-logout-button,.btn-outline{border:1px solid var(--border-light);color:var(--text-strong);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .85rem;font-size:.78rem;font-weight:600;transition:border-color .15s,color .15s,transform .15s}.nav-logout-button:hover,.btn-outline:hover{color:var(--text-bright);border-color:var(--accent-border-strong);transform:translateY(-1px)}.nav-logout-button:focus-visible,.btn-outline:focus-visible{outline:2px solid var(--focus-ring-light);outline-offset:3px}.hero-panel,.panel-hero{background:var(--gradient-hero-panel);border:1px solid var(--border-strong);box-shadow:var(--glow);border-radius:24px;gap:1rem;padding:1.75rem;animation:7s ease-in-out infinite pulseGlow;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.3em;color:var(--text-faint);margin-bottom:.35rem;font-size:.72rem}.hero-title{background:var(--gradient-hero);color:#0000;-webkit-background-clip:text;margin:0;font-size:clamp(2.4rem,4vw,3.5rem);font-weight:700;line-height:1.05}.hero-subtitle{color:var(--text-subtle);margin:.35rem 0 0}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;padding-top:.5rem;display:grid}.stat-label{text-transform:uppercase;letter-spacing:.18em;color:var(--text-faint);font-size:.75rem;display:block}.stat-value{color:var(--text);margin-top:.4rem;font-size:1.5rem;font-weight:600;display:block}.controls-panel,.panel-glass{background:var(--surface-glass);border:1px solid var(--border-default);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex-wrap:wrap;align-items:end;gap:1rem;padding:1.25rem 1.5rem;display:flex}.controls-panel-card,.panel-glass-card{align-items:stretch;gap:1rem;display:grid}.controls-panel-body,.panel-glass-body{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.panel-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.panel-header .panel-title{margin:0}.control{color:var(--text-subtle);gap:.4rem;font-size:.85rem;display:grid}.control .control-label{text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:.35rem;font-size:.7rem;display:flex}.control .control-lock{text-transform:none;letter-spacing:.08em;border:1px solid var(--border-heavy);color:var(--text-muted);background:var(--surface-muted);border-radius:999px;padding:.1rem .35rem;font-size:.6rem}.control .control-helper{color:var(--text-subtle);font-size:.7rem}.glow-button,.btn-primary{color:var(--bg);background:var(--gradient-accent);box-shadow:var(--shadow-button);border:none;border-radius:999px;padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s}.glow-button:hover,.btn-primary:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-1px)scale(1.01)}.glow-button:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.glow-button:focus-visible,.btn-primary:focus-visible{outline:3px solid var(--focus-ring-warm);outline-offset:4px}.control-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.table-panel,.panel{background:var(--panel);border:1px solid var(--border-default);box-shadow:var(--shadow-panel);border-radius:24px;padding:1.5rem}.goals-tabs,.tabs-pill{background:var(--surface-chip);border:1px solid var(--border-stronger);border-radius:999px;gap:.35rem;margin:.5rem 0 1.5rem;padding:.35rem;display:inline-flex}.goals-tab,.tab-pill{color:var(--text-muted);letter-spacing:.02em;background:0 0;border:1px solid #0000;border-radius:999px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:600;transition:color .15s,border-color .15s,background .15s}.goals-tab:hover,.tab-pill:hover{color:var(--text-strong);border-color:var(--accent-border)}.goals-tab.is-active,.tab-pill.is-active{color:var(--bg);background:var(--gradient-accent);box-shadow:var(--shadow-pill);border-color:#0000}.goals-tab:focus-visible,.tab-pill:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.empty-state{color:var(--text-subtle);text-align:center;padding:2rem 1rem}.panel-title{margin:0 0 .35rem;font-size:1.2rem;font-weight:600}.panel-subtitle{color:var(--text-subtle);margin:0 0 1.25rem;font-size:.9rem}.ghost-button,.btn-ghost{border:1px solid var(--border-solid);background:var(--surface-card-soft);color:var(--text);border-radius:999px;padding:.5rem 1.1rem;font-size:.85rem;transition:border-color .15s,transform .15s}.ghost-button:hover:not(:disabled),.btn-ghost:hover:not(:disabled){border-color:var(--accent-border);transform:translateY(-1px)}.ghost-button:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed}}@layer utilities{.contents{display:contents}.resize{resize:both}.text-left{text-align:left}.capitalize{text-transform:capitalize}}@keyframes pulseGlow{0%,to{box-shadow:var(--glow)}50%{box-shadow:var(--shadow-glow-strong)}}@media(max-width:900px){.top-nav{flex-direction:column;align-items:flex-start}.nav-links{justify-content:flex-start;width:100%}}@layer components{.goals-catalog__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.goals-catalog__loading{font-size:.75rem;text-transform:uppercase;letter-spacing:.24em;color:var(--text-faint)}.goals-catalog__error{color:var(--danger-text);margin:-.5rem 0 1.25rem}.goals-catalog__grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.goals-catalog__column{display:grid;gap:1rem}.goals-catalog__title{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-faint)}.goals-catalog__list{display:grid;gap:.9rem}.goals-catalog__card{padding:1rem;border-radius:18px;background:var(--surface-card-soft);border:1px solid var(--border-default);display:grid;gap:.65rem}.goals-catalog__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.goals-catalog__pill{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--accent-border);color:var(--accent-text)}.goals-catalog__pill.is-user{border-color:var(--border-solid);color:var(--text-muted)}.goals-catalog__level{font-size:.75rem;color:var(--text-muted)}.goals-catalog__text{margin:0;color:var(--text);font-weight:500}.goals-catalog__byline{margin:0;font-size:.8rem;color:var(--text-faint)}.goals-catalog__form{display:grid;gap:.6rem;padding:1rem;border-radius:18px;background:var(--surface-form);border:1px solid var(--border-subtle)}.goals-catalog__form h4{margin:0;font-size:.9rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-faint)}.goals-catalog__form textarea,.goals-catalog__form select{width:100%;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface-form-strong);color:var(--text-strong);padding:.6rem .75rem;font-size:.9rem}.goals-catalog__form textarea{resize:vertical;min-height:80px}.goals-catalog__actions{display:flex;gap:.6rem;flex-wrap:wrap}.goals-catalog__edit{display:grid;gap:.6rem}.goals-catalog__note{color:var(--text-muted);font-size:.85rem}}@media(max-width:720px){.goals-catalog__header{flex-direction:column;align-items:flex-start}}.history-list{display:grid;gap:1rem}.history-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-radius:18px;background:var(--surface-card-soft);border:1px solid var(--border-default)}.history-card.is-active{border-color:var(--accent-border-strong);box-shadow:0 0 0 1px var(--accent-outline)}.history-card__meta{display:flex;flex-direction:column;gap:.25rem}.history-card__title{font-weight:600}.history-card__details{font-size:.85rem;color:var(--text-subtle)}.history-empty{display:grid;gap:1rem;justify-items:center}.history-card__actions{display:flex;gap:.5rem;flex-wrap:wrap}.history-card__remove{border-color:var(--danger-border);color:var(--danger-text)}.history-card__remove:hover:not(:disabled){border-color:var(--danger-border-strong)}@media(max-width:720px){.history-card{flex-direction:column;align-items:flex-start}}@layer components{.goals-list{display:grid;gap:1rem}.goals-list__header{margin-bottom:1.25rem}.goals-card{padding:clamp(1rem,2vw,1.5rem);border-radius:20px;background:var(--surface-card);border:1px solid var(--border-strong);box-shadow:var(--shadow-card-soft);display:grid;gap:.9rem}.goals-card.is-played{background:linear-gradient(120deg,var(--accent-soft-faint),var(--surface-ink)),var(--surface-card);border-color:var(--accent-border)}.goals-card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.goals-card__index{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-faint)}.goals-card__status{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-faint);padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-chip)}.goals-card__status.is-set{color:var(--text);border-color:var(--accent-border);background:var(--surface-chip-strong)}.goals-card__goal{margin:0;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:600;color:var(--text-strong)}.goals-card__controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.goals-card__switch{position:relative;display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-subtle);cursor:pointer}.goals-card__switch input{position:absolute;opacity:0;pointer-events:none}.goals-card__switch-track{width:42px;height:22px;border-radius:999px;border:1px solid var(--border-heavy);background:var(--surface-glass-strong);padding:2px;display:inline-flex;align-items:center;transition:border-color .2s ease,background .2s ease}.goals-card__switch-thumb{width:18px;height:18px;border-radius:999px;background:var(--surface-thumb);box-shadow:var(--shadow-thumb);transform:translate(0);transition:transform .2s ease,background .2s ease}.goals-card__switch input:focus-visible+.goals-card__switch-track{outline:2px solid var(--accent-text);outline-offset:2px}.goals-card__switch input:checked+.goals-card__switch-track{border-color:var(--accent-border-strong);background:var(--surface-switch-active)}.goals-card__switch input:checked+.goals-card__switch-track .goals-card__switch-thumb{transform:translate(20px);background:var(--text-strong)}.goals-card__switch-label{line-height:1}}@media(max-width:720px){.goals-card__header{flex-direction:column;align-items:flex-start}.goals-card__controls{flex-direction:column;align-items:stretch}}@layer components{.match-card{padding:clamp(1.2rem,2.2vw,2rem);border-radius:22px;background:var(--surface-card-strong);border:1px solid var(--border-strong);box-shadow:var(--shadow-card)}.match-index{font-size:clamp(.7rem,1.2vw,.85rem);letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.match-teams{margin-top:clamp(1rem,1.8vw,1.4rem);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1.5rem}.team-block{display:block;width:100%;text-align:left;padding:.7rem .85rem;border-radius:18px;background:var(--surface-card-muted-soft);border:1px solid var(--border-default);appearance:none;color:inherit;font:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease,opacity .2s ease,transform .2s ease}.team-block:hover{border-color:var(--accent-border);transform:translateY(-1px)}.team-block:focus-visible{outline:2px solid var(--focus-ring-strong);outline-offset:2px}.team-block--winner{background:linear-gradient(120deg,var(--accent-soft-strong),var(--surface-ink-soft));border-color:var(--accent-border-strong);box-shadow:var(--shadow-card-accent)}.team-block--loser{opacity:.55}.team-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-fainter);margin-bottom:.35rem}.team-names{margin-top:.45rem;font-size:clamp(1.05rem,2vw,1.6rem);font-weight:600;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;color:var(--text)}.player-chip{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.player-name{white-space:nowrap}.player-dot{width:.7rem;height:.7rem;border-radius:999px;box-shadow:var(--shadow-dot);display:inline-block;flex-shrink:0}.versus{font-size:clamp(.95rem,1.8vw,1.4rem);text-transform:uppercase;letter-spacing:.18em;color:var(--accent-2-text)}.match-card--compact{padding:1rem 1.15rem;border-radius:16px;background:var(--surface-chip);box-shadow:none}.match-card--compact .match-index{font-size:.72rem}.match-card--compact .match-teams{margin-top:.6rem;gap:.75rem}.match-card--compact .team-block{padding:.5rem .6rem;border-radius:14px}.match-card--compact .team-names{margin-top:.35rem;font-size:.95rem}.match-card--compact .versus{font-size:.75rem}}@media(max-width:900px){.match-teams{grid-template-columns:1fr;text-align:left}.versus{justify-self:start}}@layer components{.match-fullscreen{position:fixed;inset:0;z-index:40;display:grid;place-items:center;overflow:hidden}.match-fullscreen-backdrop{position:absolute;inset:0;background:var(--gradient-fullscreen)}.match-fullscreen-frame{position:relative;width:min(96vw,calc(96vh * 16 / 9));aspect-ratio:16 / 9;padding:clamp(1.5rem,3vw,3rem);border-radius:36px;background:var(--surface-overlay);border:1px solid var(--border-muted);box-shadow:var(--shadow-overlay);display:grid;grid-template-rows:auto 1fr;gap:clamp(1.5rem,2.5vw,2.5rem);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:0}.match-fullscreen-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.fullscreen-eyebrow{text-transform:uppercase;letter-spacing:.38em;font-size:.7rem;color:var(--text-faint)}.fullscreen-title{margin:.4rem 0 0;font-size:clamp(2.6rem,4.5vw,4rem);letter-spacing:.08em}.fullscreen-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.fullscreen-round{display:grid;gap:clamp(1rem,2.2vw,2rem);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.fullscreen-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px);gap:clamp(1rem,2.4vw,2.2rem);align-items:start}.fullscreen-sidebar{padding:.9rem .85rem;border-radius:18px;background:var(--surface-card-soft);border:1px solid var(--border-default);min-height:0}.fullscreen-sidebar-title{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.26em;color:var(--text-faint)}.fullscreen-player-list{margin-top:.75rem;display:grid;gap:.65rem}.fullscreen-player-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.35rem .45rem;border-radius:12px;background:var(--surface-form);border:1px solid var(--border-soft)}.fullscreen-player-name{font-size:.85rem;color:var(--text);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.fullscreen-player-wins{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);padding:.15rem .4rem;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-border)}}@media(max-width:900px){.match-fullscreen-frame{width:94vw;aspect-ratio:3 / 4;height:auto}.match-fullscreen-header{flex-direction:column;align-items:flex-start}.fullscreen-body{grid-template-columns:1fr}.fullscreen-sidebar{order:2}.fullscreen-round{grid-template-columns:1fr}}@layer components{.matches-list{display:grid;gap:1rem}.round-block{display:grid;gap:.85rem;padding:.9rem 1rem;border-radius:18px;background:var(--surface-card-muted);border:1px solid var(--border-muted)}.round-header{font-size:.75rem;text-transform:uppercase;letter-spacing:.26em;color:var(--text-faint)}.round-courts{display:grid;gap:1rem}.round-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.round-nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.26em;color:var(--text-faint)}.round-nav-actions{display:flex;flex-wrap:wrap;gap:.6rem}}@layer components{.roster-grid{display:grid;gap:.75rem}.roster-panel .roster-header{display:grid;gap:.75rem;grid-template-columns:minmax(100px,140px) minmax(180px,1fr) 64px auto;align-items:center;margin-bottom:.5rem}.roster-header-cell{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-fainter)}.roster-panel .roster-row{display:grid;gap:.75rem;grid-template-columns:minmax(100px,140px) minmax(180px,1fr) 64px auto;align-items:center}.roster-panel--gender .roster-header,.roster-panel--gender .roster-row{grid-template-columns:minmax(100px,140px) minmax(180px,1fr) 64px minmax(140px,1fr) auto}.roster-panel--partner .roster-header,.roster-panel--partner .roster-row{grid-template-columns:minmax(100px,140px) minmax(180px,1fr) 64px minmax(160px,1fr) auto}.roster-panel--gender.roster-panel--partner .roster-header,.roster-panel--gender.roster-panel--partner .roster-row{grid-template-columns:minmax(100px,140px) minmax(180px,1fr) 64px minmax(140px,1fr) minmax(160px,1fr) auto}.roster-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-faint)}.roster-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.roster-library{display:grid;gap:.75rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.75rem;border-radius:16px;background:var(--surface-card-muted-soft);border:1px solid var(--border-soft);margin-bottom:1rem}.roster-library-control{display:grid;gap:.45rem}.roster-library-control label{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-fainter)}.roster-library-input{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.roster-library-input select{min-width:200px}.roster-library-note{grid-column:1 / -1;margin:.2rem 0 0;font-size:.85rem;color:var(--text-faint)}.gender-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:42px;border-radius:999px;border:1px solid var(--border-solid);background:var(--surface-card-soft);overflow:hidden}.gender-toggle-button{border:0;background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;height:100%;cursor:pointer;transition:background .15s ease,color .15s ease}.gender-toggle-button .material-icons{font-size:20px}.gender-toggle-button:hover:not(.is-active){color:var(--text);background:var(--surface-hover)}.gender-toggle-button.is-active{background:var(--accent-soft);color:var(--text-strong)}.gender-toggle-button.is-active[data-value=male]{color:var(--accent-text)}.gender-toggle-button.is-active[data-value=female]{color:var(--accent-2-text)}.gender-toggle-button.is-active[data-value=""]{color:var(--text)}.color-input{padding:0;height:42px;width:64px;border-radius:12px}.partner-select{min-width:160px}.color-select{display:grid;grid-template-columns:16px minmax(0,1fr);gap:.5rem;align-items:center}.color-swatch{width:16px;height:16px;border-radius:999px;border:1px solid var(--border-bright)}.roster-note{font-size:.85rem;color:var(--text-faint)}.roster-warning{margin-top:.5rem;color:var(--danger-text);font-size:.9rem}}@media(max-width:900px){.roster-panel .roster-header{display:none}.roster-panel .roster-row{grid-template-columns:minmax(56px,80px) minmax(0,1fr);grid-template-areas:"label label" "name name" "color color" "remove remove";gap:.6rem;padding:.75rem;border-radius:16px;background:var(--surface-card-muted-soft);border:1px solid var(--border-soft)}.roster-row:nth-child(2n){background:var(--surface-glass)}.roster-panel .roster-label{grid-area:label}.roster-panel .roster-row>input[type=text]{grid-area:name}.roster-panel .roster-row>.color-input{grid-area:color;justify-self:start}.roster-panel--gender .roster-row{grid-template-areas:"label label" "name name" "color gender" "remove remove"}.roster-panel--gender .roster-row>.gender-toggle{grid-area:gender}.roster-panel--partner .roster-row{grid-template-areas:"label label" "name name" "color color" "partner partner" "remove remove"}.roster-panel--gender.roster-panel--partner .roster-row{grid-template-areas:"label label" "name name" "color gender" "partner partner" "remove remove"}.roster-panel--partner .roster-row>.partner-select{grid-area:partner}.roster-panel .roster-row>.ghost-button,.roster-panel .roster-row>.btn-ghost{grid-area:remove}.roster-actions{flex-direction:column;gap:.75rem;align-items:flex-start}.roster-library-input{flex-direction:column;align-items:stretch}.roster-library-input select,.roster-library-input .btn-ghost{width:100%}.roster-library{grid-template-columns:1fr}}@layer components{.stats-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-card{padding:.85rem 1rem;border-radius:14px;background:var(--surface-card-soft);border:1px solid var(--border-subtle);text-align:center}.stat-card--team{text-align:left}.stat-card-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint)}.stat-card-label--team{flex-direction:column;align-items:flex-start;gap:.35rem;text-transform:none;letter-spacing:.03em}.stat-team-member{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint)}.stat-card-sub{display:block;margin-top:.25rem;font-size:.75rem;color:var(--text-faint)}.stat-card-sub+.stat-card-sub{margin-top:.35rem}.stat-card-sub .material-icons{font-size:16px}.stat-gender-icon--male{color:var(--accent-text)}.stat-gender-icon--female{color:var(--accent-2-text)}.stat-dot{width:10px;height:10px;border-radius:999px;border:1px solid var(--border-heavier)}}@layer components{.builder-shell{display:grid;gap:1.5rem}.builder-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}@media(max-width:900px){.builder-grid{grid-template-columns:1fr}}@layer components{.manager-grid{display:grid;gap:1.5rem}.manager-panel,.manager-form{display:grid;gap:1rem}.manager-form-row{display:grid;gap:.75rem;grid-template-columns:minmax(220px,1fr) auto;align-items:end}.manager-field{display:grid;gap:.4rem}.manager-field label{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-faint)}.manager-field input[type=text],.manager-field select{min-height:44px}.manager-field .color-input{width:64px;height:44px;border-radius:12px}.manager-list{display:grid;gap:1rem}.manager-card{display:grid;gap:1rem;padding:1rem;border-radius:20px;background:var(--surface-card-soft);border:1px solid var(--border-default)}.manager-card-header{display:grid;gap:.75rem;align-items:center;grid-template-columns:minmax(220px,1fr) auto auto}.manager-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.manager-inline{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.manager-grid-fields{display:grid;gap:.75rem;grid-template-columns:minmax(220px,1fr) 64px minmax(160px,1fr);align-items:center}.manager-checkbox-grid{display:grid;gap:.5rem 1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.manager-checkbox{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-subtle)}.manager-helper{font-size:.85rem;color:var(--text-faint)}.manager-error{color:var(--danger-text);font-size:.9rem}.manager-empty{text-align:center;color:var(--text-faint)}}@media(max-width:900px){.manager-form-row,.manager-card-header,.manager-grid-fields{grid-template-columns:1fr}}