:root{color-scheme:dark;--font-display: "Space Grotesk", "Sora", "Avenir Next", sans-serif;--font-body: "IBM Plex Sans", "Inter", sans-serif;--radius-xs: 12px;--radius-sm: 18px;--radius-md: 26px;--radius-lg: 36px;--space-1: .35rem;--space-2: .65rem;--space-3: 1rem;--space-4: 1.35rem;--space-5: 1.75rem;--space-6: 2.25rem;--space-7: 3rem;--shadow-soft: 0 22px 64px rgba(2, 6, 23, .28);--shadow-press: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -1px 0 rgba(255, 255, 255, .04);--ring: 0 0 0 3px rgba(120, 215, 255, .28)}:root,html[data-theme=dark]{--bg: #050816;--bg-elevated: #0c1124;--bg-surface: rgba(10, 16, 35, .88);--bg-glass: rgba(14, 22, 44, .58);--bg-soft: rgba(13, 22, 47, .72);--text: #f5f7ff;--text-muted: #b7bfd9;--text-soft: #8f9ab9;--border: rgba(202, 214, 255, .12);--border-strong: rgba(202, 214, 255, .22);--accent: #ff7a70;--accent-2: #68e2ff;--accent-3: #dce5ef;--success: #3dd598;--danger: #ff7e92}html[data-theme=light]{color-scheme:light;--bg: #f2f5fb;--bg-elevated: #ffffff;--bg-surface: rgba(255, 255, 255, .88);--bg-glass: rgba(255, 255, 255, .72);--bg-soft: rgba(242, 245, 251, .86);--text: #141b31;--text-muted: #45506e;--text-soft: #67718d;--border: rgba(28, 38, 68, .12);--border-strong: rgba(28, 38, 68, .22);--accent: #ff6d5f;--accent-2: #0c97c9;--accent-3: #7f889f;--success: #1e9a66;--danger: #c54566;--shadow-soft: 0 22px 64px rgba(64, 82, 120, .18)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(255,122,112,.2),transparent 28%),radial-gradient(circle at top right,rgba(104,226,255,.16),transparent 24%),linear-gradient(180deg,var(--bg) 0%,#070b19 100%);color:var(--text)}a{color:inherit}button,input,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.panel-label,.sidebar-rail__eyebrow,.topbar__eyebrow{margin:0 0 var(--space-2);font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2)}.loading-screen{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);font-size:1rem;color:var(--text-muted)}.app-shell{position:relative;min-height:100vh;display:grid;grid-template-columns:290px 1fr}.app-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.app-background__orb{position:absolute;border-radius:999px;filter:blur(16px);opacity:.38;animation:drift 18s ease-in-out infinite alternate}.app-background__orb--one{width:28rem;height:28rem;top:-8rem;left:-6rem;background:radial-gradient(circle,rgba(255,122,112,.55),transparent 70%)}.app-background__orb--two{width:24rem;height:24rem;right:-4rem;top:10rem;background:radial-gradient(circle,rgba(104,226,255,.46),transparent 70%);animation-duration:24s}.app-background__orb--three{width:20rem;height:20rem;bottom:4rem;left:34%;background:radial-gradient(circle,rgba(220,229,239,.26),transparent 74%);animation-duration:20s}.sidebar-rail{position:sticky;top:0;z-index:2;height:100vh;padding:var(--space-5);border-right:1px solid var(--border);background:linear-gradient(180deg,#050917e6,#080c1cbd);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.sidebar-rail.is-collapsed{width:96px;padding-inline:var(--space-3)}.sidebar-rail__brand{display:grid;gap:var(--space-4)}.sidebar-rail__brand h1,.topbar h2,.hero-card h3,.card-header h3,.lockscreen-card h1,.admin-sheet h2{margin:0;font-family:var(--font-display);letter-spacing:-.04em}.sidebar-rail__brand p,.topbar p,.hero-card__copy,.panel-copy,.lockscreen-card__helper,.schedule-stack__item span{margin:0;color:var(--text-muted)}.sidebar-rail__toggle{width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-glass);color:var(--text);cursor:pointer}.sidebar-rail__nav{display:grid;gap:var(--space-2);margin-top:var(--space-6)}.ui-nav-control{display:inline-flex;align-items:center;gap:var(--space-3);padding:.9rem 1rem;border-radius:20px;border:1px solid transparent;text-decoration:none;color:var(--text-muted);transition:.18s ease}.ui-nav-control:hover,.ui-nav-control:focus-visible{border-color:var(--border-strong);background:var(--bg-soft);color:var(--text);outline:none}.ui-nav-control.is-active{color:var(--text);background:linear-gradient(135deg,#ff7a702e,#68e2ff1a);border-color:#ff7a7038;box-shadow:var(--shadow-press)}.ui-nav-control.is-compact{justify-content:center;padding-inline:.75rem}.ui-nav-control__icon{font-size:1rem;opacity:.9}.app-main{position:relative;z-index:1;padding:var(--space-5);padding-bottom:6rem}.topbar{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.topbar__toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:end}.route-stage{display:grid;gap:var(--space-4)}.ui-card{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--bg-surface),rgba(12,19,40,.84));box-shadow:var(--shadow-soft),var(--shadow-press);padding:var(--space-4)}.ui-card--glass{background:linear-gradient(180deg,var(--bg-glass),rgba(17,24,48,.42));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.ui-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:18px;padding:.85rem 1.1rem;font-weight:700;cursor:pointer;color:var(--text);transition:transform .15s ease,border-color .15s ease,background .15s ease}.ui-button:hover{transform:translateY(-1px)}.ui-button:focus-visible,.ui-text-field:focus-visible,.ui-select:focus-visible{outline:none;box-shadow:var(--ring)}.ui-button--primary{background:linear-gradient(135deg,var(--accent),#ff9a66);color:#1a1020;box-shadow:0 14px 28px #ff7a7047,var(--shadow-press)}.ui-button--secondary{background:linear-gradient(180deg,#ffffff14,#ffffff08);border-color:var(--border)}.ui-button--ghost{background:#ffffff08;border-color:var(--border)}.ui-button--block{width:100%}.ui-text-field,.ui-select{width:100%;border:1px solid var(--border-strong);border-radius:18px;padding:.95rem 1rem;background:#ffffff0a;color:var(--text)}.ui-select{max-width:17rem}.ui-segmented-control{display:inline-flex;gap:.35rem;padding:.35rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ui-segmented-control__option{border:0;border-radius:999px;padding:.7rem .95rem;background:transparent;color:var(--text-muted);cursor:pointer}.ui-segmented-control__option.is-active{background:linear-gradient(135deg,#68e2ff38,#ff7a702e);color:var(--text)}.ui-bento-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.bento-span-2{grid-column:span 2}.hero-card__content,.card-header,.admin-sheet__header,.team-summary-card__score,.roster-card__player-head,.schedule-list__item,.leaderboard-row,.top-player-card,.admin-screen__metrics,.lockscreen-card__actions{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3)}.hero-card__status{max-width:15rem;text-align:right}.ui-metric-value{display:inline-block;font-family:var(--font-display);font-size:clamp(1.7rem,2.2vw,3rem);font-weight:700;letter-spacing:-.06em;line-height:1;color:var(--text);animation:pulse-in .42s ease}.metric-card{min-height:11rem}.graph-legend,.leaderboard-stack,.schedule-stack,.top-player-stack,.roster-stack,.schedule-list,.roster-card__matches{display:grid;gap:var(--space-2)}.graph-legend{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-top:var(--space-3)}.graph-legend__chip{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .8rem;border-radius:999px;background:color-mix(in srgb,var(--team-accent, var(--accent-2)) 18%,transparent);border:1px solid color-mix(in srgb,var(--team-accent, var(--accent-2)) 44%,transparent)}.progress-graph{width:100%;height:16rem;margin-top:var(--space-3);border-radius:var(--radius-sm);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 100%,100% 25%}.leaderboard-row,.schedule-stack__item,.top-player-card,.match-pill,.schedule-list__item{border:1px solid color-mix(in srgb,var(--team-accent, var(--border-strong)) 16%,var(--border));background:#ffffff08;border-radius:18px;padding:.9rem 1rem}.leaderboard-row__name,.schedule-stack__item,.top-player-card span,.match-pill,.team-summary-card__score p{color:var(--text-muted)}.leaderboard-row__rank{color:var(--team-accent, var(--accent));font-weight:700}.inline-link{text-decoration:none;color:var(--accent-2);font-weight:700}.schedule-screen,.standings-screen,.admin-screen,.teams-screen,.team-summary-card,.roster-card{min-height:20rem}.table-shell{display:grid;margin-top:var(--space-3);border:1px solid var(--border);border-radius:22px;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:.7fr 1.2fr 1fr .8fr;gap:var(--space-3);align-items:center;padding:1rem 1.1rem}.table-head{background:#ffffff0a;font-size:.85rem;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.1em}.table-row{border-top:1px solid var(--border)}.teams-screen-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-4)}.team-summary-card__score{margin:var(--space-4) 0;align-items:end}.team-summary-card__score strong{font-size:2rem;font-family:var(--font-display);letter-spacing:-.05em}.roster-card__player{padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.roster-card__player:last-child{border-bottom:0;padding-bottom:0}.match-pill{display:grid;grid-template-columns:.8fr 1fr .7fr;gap:var(--space-2)}.match-pill.is-empty{grid-template-columns:1fr}.schedule-list{margin-top:var(--space-3)}.admin-screen__metrics{margin:var(--space-4) 0}.admin-screen__metrics div{display:grid;gap:.3rem}.form-error{color:var(--danger);font-weight:700}.auth-stage{position:relative;min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.auth-stage__background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(255,122,112,.25),transparent 32%),radial-gradient(circle at 80% 30%,rgba(104,226,255,.16),transparent 26%),radial-gradient(circle at 50% 80%,rgba(220,229,239,.1),transparent 24%);filter:blur(16px)}.lockscreen-card{position:relative;z-index:1;width:min(100%,34rem);display:grid;gap:var(--space-4);padding:var(--space-6)}.lockscreen-card__hero p{font-size:1rem}.lockscreen-card__digits{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2)}.lockscreen-card__digits span{display:inline-flex;align-items:center;justify-content:center;min-height:3.6rem;border-radius:20px;border:1px solid var(--border);background:#ffffff0a;font-size:1.3rem;color:var(--text-soft)}.lockscreen-card__digits span.is-filled{color:var(--text);border-color:#ff7a7047;background:linear-gradient(135deg,#ff7a7029,#68e2ff14)}.lockscreen-card__input{text-align:center;letter-spacing:.4em}.lockscreen-card__helper{margin-top:-.4rem}.lockscreen-card__keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.lockscreen-card__key{min-height:4rem}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:var(--space-4);background:#0206176b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-sheet{width:min(100%,30rem);display:grid;gap:var(--space-4)}.admin-sheet__field{display:grid;gap:var(--space-2)}.bottom-nav{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);z-index:4;display:none;align-items:center;gap:.4rem;padding:.45rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}@keyframes pulse-in{0%{transform:translateY(6px) scale(.98);opacity:.6}to{transform:translateY(0) scale(1);opacity:1}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2rem,-1rem,0) scale(1.08)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 1080px){.app-shell{grid-template-columns:1fr}.sidebar-rail{display:none}.bottom-nav{display:inline-flex}.app-main{padding-inline:var(--space-4)}.teams-screen-grid,.ui-bento-grid{grid-template-columns:1fr}.bento-span-2{grid-column:auto}}@media (max-width: 720px){.topbar{flex-direction:column}.topbar__toolbar{width:100%;justify-content:start}.table-head,.table-row,.match-pill,.schedule-list__item{grid-template-columns:1fr}.lockscreen-card{padding:var(--space-4)}.lockscreen-card__digits span{min-height:3.1rem}.ui-card{border-radius:var(--radius-sm)}}