@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Fredoka+One&display=swap";.sports-cup{max-width:650px;margin:auto;padding:24px 16px 80px;color:var(--text)}.sports-cup header{margin-bottom:24px}.sports-cup h1{font-size:32px;margin:6px 0}.sports-cup p{line-height:1.6}.sports-eyebrow{font-size:12px;letter-spacing:.18em;color:var(--text-muted);font-weight:800}.sports-options{display:flex;flex-wrap:wrap;gap:12px}.sports-options label{display:flex;flex:1;min-width:145px;flex-direction:column;font-size:13px;gap:7px}.sports-options select,.sports-cup button{font:inherit;border:1px solid var(--border,#64748b);border-radius:10px;background:var(--bg-card,#152033);color:var(--text);padding:10px;cursor:pointer}.sports-cup .sports-primary{background:#2563a5;color:#fff;padding:14px 22px;font-weight:800;min-height:48px}.sports-note{color:var(--text-muted);font-size:12px}.sports-result{display:flex;flex-direction:column;gap:6px;border:1px solid #64748b55;padding:16px;border-radius:12px;margin-bottom:12px}.sports-live{display:flex;justify-content:space-between;align-items:center}.sports-status{min-height:26px;font-weight:700}.sports-cup canvas{display:block;width:100%;max-width:480px;height:auto;margin:auto;border-radius:14px;touch-action:none}.sports-shoot{display:block;width:100%;max-width:480px;margin:14px auto;touch-action:none;-webkit-user-select:none;user-select:none}.sports-cup button:focus-visible,.sports-cup canvas:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #7C6FF7;--primary-light: rgba(124,111,247,.15);--primary-dark: #5B52D4;--accent: #F472B6;--accent-light: rgba(244,114,182,.15);--success: #4ADE80;--success-light: rgba(74,222,128,.12);--warning: #FBBF24;--warning-light: rgba(251,191,36,.12);--danger: #F87171;--danger-light: rgba(248,113,113,.12);--sky: #38BDF8;--radius: 14px;--radius-sm: 9px;--radius-lg: 20px}:root,[data-theme=dark]{color-scheme:dark;--bg: #0f0d1a;--bg-secondary: rgba(255,255,255,.04);--bg-tertiary: rgba(255,255,255,.07);--bg-card: rgba(255,255,255,.03);--border: rgba(255,255,255,.08);--border-light: rgba(255,255,255,.13);--border-warm: rgba(124,111,247,.2);--text: #f0eeff;--text-primary: #f0eeff;--text-secondary: rgba(240,238,255,.6);--text-muted: rgba(240,238,255,.35);--shadow: 0 4px 24px rgba(0,0,0,.5);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-warm: 0 8px 32px rgba(124,111,247,.15);--nav-bg: rgba(10,10,20,.97);--nav-border: rgba(124,111,247,.4);--sidebar-bg: rgba(255,255,255,.02);--input-bg: rgba(255,255,255,.04);--select-bg: #1a1728}[data-theme=light]{color-scheme:light;--bg: #f5f4ff;--bg-secondary: rgba(0,0,0,.04);--bg-tertiary: rgba(0,0,0,.07);--bg-card: rgba(255,255,255,.8);--border: rgba(0,0,0,.08);--border-light: rgba(0,0,0,.13);--border-warm: rgba(124,111,247,.25);--text: #1a1733;--text-primary: #1a1733;--text-secondary: rgba(26,23,51,.65);--text-muted: rgba(26,23,51,.38);--shadow: 0 4px 24px rgba(0,0,0,.1);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-warm: 0 8px 32px rgba(124,111,247,.12);--nav-bg: rgba(255,255,255,.97);--nav-border: rgba(124,111,247,.25);--sidebar-bg: rgba(255,255,255,.9);--input-bg: rgba(255,255,255,.9);--select-bg: #ffffff}html,body,#root{height:100%;font-family:Nunito,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px;transition:background .3s ease,color .3s ease}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit;outline:none;background:transparent}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7c6ff740;border-radius:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--radius-sm);font-weight:800;font-size:14px;transition:all .15s;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #7c6ff759}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:var(--bg-secondary);color:var(--text);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--bg-tertiary)}.btn-danger{background:var(--danger-light);color:var(--danger);border:1.5px solid rgba(248,113,113,.3)}.btn-success{background:var(--success-light);color:var(--success);border:1.5px solid rgba(74,222,128,.3)}.input{width:100%;padding:11px 14px;border-radius:var(--radius-sm);background:var(--input-bg);border:1.5px solid var(--border);color:var(--text);font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c6ff71f}.input::placeholder{color:var(--text-muted)}select.input,select{background-color:var(--select-bg)!important;color:var(--text)!important;cursor:pointer}select option{background-color:var(--select-bg);color:var(--text)}.card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:18px}[data-theme=light] .card{background:#fff;box-shadow:0 2px 16px #0000000f}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:800}.badge-primary{background:var(--primary-light);color:var(--primary);border:1px solid rgba(124,111,247,.25)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.progress-bar{height:6px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:4px;transition:width .5s ease}.nav-section{font-size:9px;font-weight:900;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;padding:10px 12px 4px}.sidebar{transition:transform .25s ease}@media (max-width: 767px){.sidebar{transform:translate(-100%);position:fixed;top:0;left:0;bottom:0;z-index:300}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:299}.sidebar-backdrop.open{display:block}.sidebar-toggle{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-slideUp{animation:slideUp .35s ease forwards}.animate-scaleIn{animation:scaleIn .2s ease forwards}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:flex-end;justify-content:center;padding:0}@media (min-width: 768px){.modal-overlay{align-items:center;padding:20px}}.modal{background:var(--bg);border:1.5px solid var(--border);border-radius:24px 24px 0 0;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:24px}@media (min-width: 768px){.modal{border-radius:24px}}[data-theme=light] .modal{background:#fff}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#1a1733;color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;font-weight:700;z-index:1000;box-shadow:0 8px 24px #0000004d;animation:slideUp .3s ease;white-space:nowrap}[data-theme=light] .toast{background:#1a1733;color:#fff}.avatar-ring{box-shadow:0 0 0 3px var(--primary),0 0 0 5px #7c6ff733}.calm-dashboard{--bg-card:#171c25;--bg-secondary:#202733;--bg-tertiary:#263140;--border:#313b49;--text-primary:#edf1f7;--text:#edf1f7;--text-secondary:#bac4d1;--text-muted:#a3afbf;--primary:#8bb6e6;color:var(--text-primary)}[data-theme=light] .calm-dashboard{--bg-card:#ffffff;--bg-secondary:#f3f5f8;--bg-tertiary:#e8edf3;--border:#d5dce5;--text-primary:#1e2938;--text:#1e2938;--text-secondary:#475569;--text-muted:#526173;--primary:#355f88}.calm-dashboard h2{font-size:17px;font-weight:650}.calm-dashboard .card{background:var(--bg-card)!important;box-shadow:none!important;border:1px solid var(--border)!important;border-radius:14px!important}.calm-dashboard .btn{box-shadow:none;transform:none;border-radius:9px;font-weight:600}.calm-dashboard .btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.calm-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--text-muted)}.calm-muted{color:var(--text-secondary);font-size:13px;line-height:1.6}.calm-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.calm-stats>div{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}.calm-stats span{font-size:12px;color:var(--text-secondary);display:block}.calm-stats strong{font-size:27px;font-weight:650;display:block;margin-top:4px}.calm-section-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap}.calm-task{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;padding:14px 0;border:0;border-top:1px solid var(--border);background:transparent;color:var(--text-primary)}.calm-task strong{font-weight:600;font-size:14px}.calm-task small,.calm-row small{display:block;color:var(--text-secondary);font-size:12px;margin-top:5px;line-height:1.5}.calm-task:hover{background:var(--bg-secondary)}.calm-attention{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border:1px solid var(--border);border-left:3px solid #c6a66d;border-radius:12px;background:var(--bg-card)}.calm-attention strong{font-size:14px;font-weight:600}.calm-attention p{color:var(--text-secondary);font-size:12px;margin-top:5px;line-height:1.5}.calm-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.calm-row{border-top:1px solid var(--border);padding:14px 0;font-size:14px}.calm-tools{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.calm-dashboard button:focus-visible,.calm-dashboard a:focus-visible,.calm-dashboard summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width:620px){.calm-two-columns{grid-template-columns:1fr}.calm-stats{gap:7px}.calm-stats>div{padding:12px}.calm-attention{flex-direction:column;align-items:flex-start}.calm-stats span{font-size:11px}}.fh-root{--primary:#496e96;--primary-dark:#355b81;--accent:#8295ac}.fh-sidebar,.fh-topbar,.fh-bottomnav,.drawer-panel{background:#161c25!important}.fh-sidebar nav a,.drawer-panel nav a{box-shadow:none!important;font-weight:600!important}.fh-root .avatar-ring{box-shadow:0 0 0 2px #57677b!important}.fh-root .progress-fill{background:#8295ac!important}[data-theme=light] .fh-sidebar,[data-theme=light] .fh-topbar,[data-theme=light] .fh-bottomnav,[data-theme=light] .drawer-panel{background:#f5f7fa!important;color:#1e2938}:root,[data-theme=dark]{--bg:#11161e;--text:#edf1f7;--text-primary:#edf1f7;--text-secondary:#bac4d1;--text-muted:#9ba8b9}[data-theme=light]{--bg:#f4f6f8;--text:#1e2938;--text-primary:#1e2938;--text-secondary:#475569;--text-muted:#526173}.calm-dashboard progress{accent-color:#8295ac}