@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;700;800&display=swap";:root{--font-base:"Inter",system-ui,sans-serif;--font-display:"Outfit",system-ui,sans-serif;--c-bg:#f8fafc;--c-surface:#fff;--c-surface-2:#f1f5f9;--c-border:#e2e8f0;--c-border-hover:#cbd5e1;--c-primary:#ea580c;--c-primary-dark:#c2410c;--c-primary-glow:rgba(234,88,12,.2);--c-accent:#2563eb;--c-accent-glow:rgba(37,99,235,.2);--c-success:#16a34a;--c-error:#dc2626;--c-warning:#ca8a04;--c-text:#0f172a;--c-text-muted:#64748b;--c-text-dim:#94a3b8;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-glow-orange:0 0 40px rgba(234,88,12,.15);--shadow-card:0 4px 12px rgba(0,0,0,.05);--shadow-elevated:0 8px 30px rgba(0,0,0,.1);--transition:all .2s cubic-bezier(.4,0,.2,1);--transition-slow:all .4s cubic-bezier(.4,0,.2,1)}:root[data-theme=dark]{--c-bg:#0a0e1a;--c-surface:#111827;--c-surface-2:#1a2234;--c-border:hsla(0,0%,100%,.08);--c-border-hover:hsla(0,0%,100%,.18);--c-primary:#f97316;--c-primary-dark:#ea6c0a;--c-primary-glow:rgba(249,115,22,.35);--c-accent:#3b82f6;--c-accent-glow:rgba(59,130,246,.3);--c-success:#22c55e;--c-error:#ef4444;--c-warning:#eab308;--c-text:#f1f5f9;--c-text-muted:#94a3b8;--c-text-dim:#64748b;--shadow-glow-orange:0 0 40px rgba(249,115,22,.25);--shadow-card:0 4px 24px rgba(0,0,0,.4);--shadow-elevated:0 8px 40px rgba(0,0,0,.6)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--c-bg);color:var(--c-text);font-family:var(--font-base);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-surface-2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--c-border-hover)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:1.2rem}a{color:inherit;text-decoration:none}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition)}.card:hover{border-color:var(--c-border-hover);box-shadow:var(--shadow-card)}.card--glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#111827b3}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-base);font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:var(--transition);white-space:nowrap}.btn-primary{background:var(--c-primary);box-shadow:0 0 20px var(--c-primary-glow);color:#fff}.btn-primary:hover{background:var(--c-primary-dark);box-shadow:0 0 30px var(--c-primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;border:1px solid var(--c-border);color:var(--c-text-muted)}.btn-ghost:hover{background:var(--c-surface-2);border-color:var(--c-border-hover);color:var(--c-text)}.btn-danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--c-error)}.btn-danger:hover{background:#ef444440}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{color:var(--c-text-muted);font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.form-input{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);font-family:var(--font-base);font-size:.95rem;outline:none;padding:.65rem .9rem;transition:var(--transition);width:100%}.form-input::-moz-placeholder{color:var(--c-text-dim)}.form-input::placeholder{color:var(--c-text-dim)}.form-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-glow)}.form-input:valid:not(:-moz-placeholder){border-color:#22c55e80}.form-input:valid:not(:placeholder-shown){border-color:#22c55e80}.form-hint{color:var(--c-text-dim);font-size:.78rem}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;padding:.2rem .6rem}.badge-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:var(--c-success)}.badge-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--c-error)}.badge-warning{background:#eab30826;border:1px solid rgba(234,179,8,.3);color:var(--c-warning)}.badge-info{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:var(--c-accent)}.code-block{background:#050810;border:1px solid var(--c-border);border-radius:var(--radius-md);color:#a8d8a8;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.7;max-height:420px;overflow:auto;padding:1.2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--c-primary-glow)}50%{box-shadow:0 0 40px var(--c-primary-glow),0 0 60px #f9731626}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in-up{animation:fadeInUp .4s ease forwards}.spin{animation:spin .8s linear infinite}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--c-surface) 25%,var(--c-surface-2) 50%,var(--c-surface) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}.divider{background:var(--c-border);height:1px;margin:1.5rem 0}.text-muted{color:var(--c-text-muted)}.text-dim{color:var(--c-text-dim)}.text-primary{color:var(--c-primary)}.text-success{color:var(--c-success)}.text-error{color:var(--c-error)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.w-full{width:100%}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}:root[data-kid-mode=on]{--radius-sm:14px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px}:root[data-kid-mode=on] body{font-size:1.05rem}:root[data-kid-mode=on] h1{font-size:clamp(2.2rem,6vw,3.8rem)}:root[data-kid-mode=on] .btn{border-radius:var(--radius-md);font-size:1rem;padding:.75rem 1.4rem}:root[data-kid-mode=on] .btn-primary{box-shadow:0 4px 20px var(--c-primary-glow)}:root[data-kid-mode=on] .btn-primary:hover{box-shadow:0 6px 30px var(--c-primary-glow);transform:translateY(-2px) scale(1.02)}:root[data-kid-mode=on] .card{border-radius:var(--radius-xl);border-width:2px}:root[data-kid-mode=on] .card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}:root[data-kid-mode=on] .badge{border-radius:var(--radius-md);font-size:.85rem;padding:.3rem .8rem}@keyframes kid-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes kid-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.kid-game-cards{gap:1rem}.kid-game-card,.kid-game-cards{display:flex;flex-direction:column}.kid-game-card{align-items:stretch;background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-xl);cursor:pointer;gap:.75rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.68,-.2,.265,1.3)}.kid-game-card:before{border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.kid-game-card:hover{border-color:var(--c-primary);box-shadow:0 8px 30px var(--c-primary-glow);transform:translateY(-3px) scale(1.01)}.kid-game-card:hover:before{opacity:1}.kid-game-card:active{transform:translateY(0) scale(.99)}.kid-game-card--win:before{background:linear-gradient(135deg,rgba(34,197,94,.05),transparent 60%)}.kid-game-card--loss:before{background:linear-gradient(135deg,rgba(239,68,68,.05),transparent 60%)}.kid-game-card--upcoming:before{background:linear-gradient(135deg,rgba(59,130,246,.05),transparent 60%)}.kid-card__header{align-items:center;border-bottom:2px dashed var(--c-border);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding-bottom:.75rem}.kid-card__info-chip{align-items:center;background:var(--c-surface-2);border-radius:99px;color:var(--c-text);display:flex;font-size:.85rem;font-weight:700;gap:.4rem;padding:.4rem .8rem}.kid-emoji{font-size:1.1em}.kid-card__body{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0;text-align:center}.kid-card__matchup{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.kid-vs-text{background:var(--c-surface-2);border-radius:8px;color:var(--c-text-muted);font-size:.85rem;font-weight:800;padding:.25rem .5rem;text-transform:uppercase}.kid-opponent-name{color:var(--c-text);font-family:var(--font-display);font-size:1.4rem;font-weight:800;line-height:1.2}.kid-card__venue{align-items:center;color:var(--c-text-dim);display:flex;font-size:.9rem;font-weight:600;gap:.4rem}.kid-card__footer,.kid-card__score-box,.kid-card__upcoming-box{align-items:center;display:flex;justify-content:center}.kid-card__score-box,.kid-card__upcoming-box{background:var(--c-surface-2);border-radius:var(--radius-lg);font-weight:700;gap:.75rem;padding:.6rem 1.2rem;width:100%}.kid-game-card--win .kid-card__score-box{background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.kid-game-card--loss .kid-card__score-box{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.kid-game-card--upcoming .kid-card__upcoming-box{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--c-accent)}.kid-card__score{font-family:var(--font-display);font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.kid-card__score--win{color:var(--c-success)}.kid-card__score--loss{color:var(--c-error)}.kid-card__outcome{font-size:1.6rem;line-height:1}.kid-summary-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.kid-summary-card{align-items:center;background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:.3rem;padding:1.25rem 1rem;text-align:center;transition:all .3s cubic-bezier(.68,-.2,.265,1.3)}.kid-summary-card:hover{border-color:var(--c-primary);box-shadow:0 6px 24px var(--c-primary-glow);transform:translateY(-3px)}.kid-summary-card__emoji{font-size:2rem;line-height:1;margin-bottom:.2rem}.kid-summary-card__value{color:var(--c-primary);font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1}.kid-summary-card__label{color:var(--c-text-muted);font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.kid-player-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.kid-player-card{align-items:center;background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1.25rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.68,-.2,.265,1.3)}.kid-player-card:hover{border-color:var(--c-primary);box-shadow:0 8px 30px var(--c-primary-glow);transform:translateY(-4px)}.kid-player-card__rank{align-items:center;border-radius:50%;box-shadow:0 2px 8px #00000026;display:flex;font-size:1.2rem;height:36px;justify-content:center;position:absolute;right:-8px;top:-8px;width:36px}.kid-player-card__rank--gold{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.kid-player-card__rank--silver{background:linear-gradient(135deg,#d1d5db,#9ca3af)}.kid-player-card__rank--bronze{background:linear-gradient(135deg,#d97706,#92400e)}.kid-player-card__avatar{align-items:center;background:linear-gradient(135deg,var(--c-primary-glow),var(--c-accent-glow));border:3px solid var(--c-primary);border-radius:50%;display:flex;font-size:1.5rem;height:56px;justify-content:center;width:56px}.kid-player-card__name{color:var(--c-text);font-family:var(--font-display);font-size:1.15rem;font-weight:700;line-height:1.2}.kid-player-card__stats{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.kid-player-stat{align-items:center;background:var(--c-surface-2);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.15rem;min-width:60px;padding:.5rem .75rem}.kid-player-stat__value{color:var(--c-primary);font-family:var(--font-display);font-size:1.3rem;font-weight:800;line-height:1}.kid-player-stat__label{color:var(--c-text-dim);font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.kid-hero{padding:1rem 0 .5rem;text-align:center}.kid-hero__title{font-size:clamp(2rem,6vw,3rem);font-weight:800;line-height:1.1;margin-bottom:.25rem}.kid-hero__team{color:var(--c-text-muted);font-size:1.1rem;font-weight:500}.kid-hero__record{align-items:center;background:linear-gradient(135deg,#f973161a,#3b82f61a);border:2px solid var(--c-border);border-radius:99px;display:inline-flex;font-family:var(--font-display);font-size:1.2rem;font-weight:700;gap:.75rem;margin-top:.75rem;padding:.6rem 1.5rem}.kid-hero__wins{color:var(--c-success)}.kid-hero__losses{color:var(--c-error)}.kid-hero__sep{color:var(--c-text-dim);font-weight:400}.kid-empty{padding:4rem 1rem;text-align:center}.kid-empty__icon{animation:kid-bounce 2s ease-in-out infinite;display:block;font-size:4rem;margin-bottom:1rem}.kid-empty__title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.kid-empty__sub{color:var(--c-text-muted);font-size:1rem}@media(max-width:640px){.kid-summary-grid{grid-template-columns:repeat(2,1fr)}.kid-player-grid{grid-template-columns:1fr}.kid-game-card{flex-direction:column;padding:1rem;text-align:center}.kid-card__matchup{width:100%}}html[data-kid-mode=on] .radar-chart-container{height:450px!important}html[data-kid-mode=on] .comparison-stats{background:transparent;padding:0}html[data-kid-mode=on] .comparison-row.comparison-header{display:none}html[data-kid-mode=on] .comparison-row{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-lg);display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem;padding:1rem}html[data-kid-mode=on] .comp-label{border-bottom:2px dashed var(--c-border);color:var(--c-text);font-size:.95rem;font-weight:800;grid-column:1/span 2;margin-bottom:.25rem;padding-bottom:.25rem;text-align:center;text-transform:uppercase}html[data-kid-mode=on] .comp-val{align-items:center;background:var(--c-surface-2);border-radius:var(--radius-md);display:flex;flex-direction:column;font-family:var(--font-display);font-size:1.6rem;justify-content:center;line-height:1.1;padding:.75rem .5rem}html[data-kid-mode=on] .comp-p1{border-bottom:4px solid #00e5ff}html[data-kid-mode=on] .comp-p2{border-bottom:4px solid #ff4081}html[data-kid-mode=on] .comp-pg{font-size:.85rem;font-weight:700;margin-top:.2rem;opacity:.7}@media(max-width:640px){html[data-kid-mode=on] .radar-chart-container{height:380px!important}}.modal-anim-enter-active,.modal-anim-leave-active{transition:opacity .25s ease}.modal-anim-enter-active .modal-content{transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s ease}.modal-anim-leave-active .modal-content{transition:transform .2s ease,opacity .2s ease}.modal-anim-enter-from,.modal-anim-leave-to{opacity:0}.modal-anim-enter-from .modal-content,.modal-anim-leave-to .modal-content{opacity:0;transform:scale(.95)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:color-mix(in srgb,var(--c-bg) 80%,transparent);display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.modal-handle{display:none}.modal-content{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000080;max-height:90vh;max-width:1400px;overflow-y:auto;padding:2rem;position:relative;scrollbar-width:none;width:90vw;-ms-overflow-style:none}.modal-content::-webkit-scrollbar{display:none}.modal-close{align-items:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:50%;box-shadow:0 4px 12px #00000026;color:var(--c-text-muted);cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;padding:0;position:absolute;right:1.25rem;top:1.25rem;transition:all .2s ease;width:36px;z-index:100}.modal-close:hover{background:var(--c-surface-2);border-color:var(--c-border-hover);color:var(--c-text);transform:scale(1.05)}@media(max-width:900px){.modal-overlay{padding:1rem}.modal-content{padding:1.5rem}}@media(max-width:640px){.modal-overlay{align-items:flex-start;padding:0}.modal-content{border-radius:0;height:100dvh;max-height:100dvh;max-width:100%;padding:.75rem 1rem 1rem;width:100%}.modal-handle{background:var(--c-border);border-radius:99px;display:block;height:4px;margin:0 auto 1rem;width:40px}.modal-close{background:var(--c-surface);box-shadow:0 2px 8px #00000026;font-size:1.1rem;height:36px;margin-bottom:.5rem;margin-left:auto;margin-right:0;position:sticky;top:.75rem;width:36px;z-index:100}.modal-anim-enter-from .modal-content,.modal-anim-leave-to .modal-content{opacity:1;transform:translateY(100%)}.modal-anim-enter-active .modal-content{transition:transform .35s cubic-bezier(.32,.72,0,1)}.modal-anim-leave-active .modal-content{transition:transform .25s ease-in}}html[data-kid-mode=on] .kid-mode-name{display:block;font-size:.85rem;font-weight:800;margin-bottom:.25rem;text-transform:uppercase}html[data-kid-mode=on] .kid-name-p1{color:#00e5ff}html[data-kid-mode=on] .kid-name-p2{color:#ff4081}html[data-kid-mode=on] .kid-vs{color:var(--c-text-muted);font-size:.75rem}.custom-select-wrap{position:relative;width:100%}.custom-select-trigger{align-items:center;cursor:pointer;display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-select-trigger:after{color:var(--c-text-muted);content:"▼";font-size:.6rem;margin-left:.5rem}.custom-select-trigger.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.custom-dropdown{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;left:0;max-height:350px;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.custom-dropdown-search-wrap{border-bottom:1px solid var(--c-border);padding:.5rem}.custom-dropdown-search{background:var(--c-surface-2);border:1px solid var(--c-border);font-size:.85rem;padding:.4rem .6rem;width:100%}.custom-dropdown-list{list-style:none;margin:0;overflow-y:auto;padding:0}.custom-dropdown-item{cursor:pointer;font-size:.85rem;padding:.5rem .8rem;transition:background .1s}.custom-dropdown-item:hover{background:var(--c-surface-2)}.custom-dropdown-item.is-selected{background:#f973161a;color:var(--c-primary);font-weight:600}.custom-dropdown-grade{color:var(--c-text-dim);font-size:.8rem}.custom-dropdown-empty{color:var(--c-text-muted);font-size:.85rem;padding:1rem;text-align:center}