:root{--bg: #020617;--bg-soft: #02091b;--panel: #020617;--card: #02091b;--card-soft: #020614;--border-subtle: #111827;--border-strong: #1f2937;--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .16);--accent-strong: #0ea5e9;--accent-danger: #f97373;--text: #e5e7eb;--muted: #9ca3af;--muted-soft: #6b7280;--shadow-soft: 0 24px 60px rgba(15, 23, 42, .85);--radius-lg: 16px;--radius-md: 12px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:radial-gradient(circle at top,#0b1120 0,#020617 55%,#000);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.app-root{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top,#0b1120 0,#020617 60%,#000);color:var(--text)}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding:20px 32px 8px;border-bottom:1px solid rgba(15,23,42,.9);background:linear-gradient(135deg,#0f172afa,#082f49e6);box-shadow:0 20px 60px #0f172acc}.logo-title{display:flex;flex-direction:column;gap:6px}.cfp-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:var(--radius-pill);background:#0f172ae6;border:1px solid rgba(56,189,248,.4);color:#bfdbfe;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.app-header h1{font-size:22px;font-weight:650;letter-spacing:.03em;margin:0}.header-sub{margin:4px 0 0;font-size:13px;color:var(--muted-soft)}.countdown-card{position:relative;min-width:260px;padding:14px 16px;border-radius:20px;background:radial-gradient(circle at top left,#0ea5e9 0,#0f172a 40%);box-shadow:0 18px 45px #0f172af2;color:#eff6ff;border:1px solid rgba(56,189,248,.55)}.countdown-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#bae6fd}.countdown-value{margin-top:10px;font-size:22px;font-weight:700;letter-spacing:.13em}.countdown-sub{margin-top:8px;font-size:12px;color:#e0f2fe}.app-main{flex:1;display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:18px;padding:18px 26px 24px}.card{background:radial-gradient(circle at top left,#02091b,#020617 42%);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);padding:16px 18px 18px}.card h2{margin:0 0 12px;font-size:16px;font-weight:600}.player-card{display:flex;flex-direction:column;gap:10px}.player-summary{font-size:13px;color:var(--muted)}.player-summary strong{color:#e5e7eb;font-weight:600}.field-label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted-soft);margin-bottom:4px}.row{display:flex;flex-wrap:nowrap;gap:8px;align-items:center}.select,.input{flex:1;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#020617;color:var(--text);font-size:14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.select:focus,.input:focus{border-color:#38bdf8b3;box-shadow:0 0 0 1px #38bdf873;background:#020819}.select{max-width:100%}.divider{height:1px;margin:10px 0;background:#0f172ae6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:999px;border:0;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease,box-shadow .12s ease,transform .04s ease,opacity .12s ease}.btn.primary{margin-top:10px;width:100%;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#0b1120;box-shadow:0 14px 30px #082f49e6}.btn.secondary{background:#0f172af2;color:#e5e7eb;border:1px solid rgba(55,65,81,.9)}.btn:hover:not(:disabled){transform:translateY(-.5px);filter:brightness(1.08);box-shadow:0 18px 36px #0f172ae6}.btn:active:not(:disabled){transform:translateY(.5px) scale(.99);box-shadow:0 8px 20px #0f172abf}.btn:disabled{opacity:.5;cursor:not-allowed}.results-card{display:flex;flex-direction:column;gap:10px}.result-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.pill{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:#0f172af2;border:1px solid rgba(248,250,252,.06);color:#e5e7eb}.results-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;border-radius:14px;overflow:hidden;background:#0f172ae6;box-shadow:0 14px 40px #0f172ae6}.results-table thead{background:#0f172afa}.results-table th,.results-table td{padding:8px 10px;border-bottom:1px solid rgba(30,64,175,.35)}.results-table th{text-align:left;font-weight:600;font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em}.results-table tbody tr:last-child td{border-bottom:none}.results-table tbody tr:nth-child(odd){background:#0f172af5}.results-table tbody tr:nth-child(2n){background:#0f172aeb}.results-table tbody tr:hover td{background:#1e40af47}.results-table td:first-child{width:48px;color:#bfdbfe;font-weight:600}.team-cell span{font-weight:500}.muted{color:var(--muted)}.tiny{font-size:11px}.app-footer{padding:10px 26px 16px;color:var(--muted-soft);border-top:1px solid rgba(15,23,42,.9);background:radial-gradient(circle at top,#020617 0,#000)}.app-footer code{font-size:11px;padding:1px 5px;border-radius:999px;background:#0f172af2;border:1px solid rgba(31,41,55,.9)}@media (max-width: 900px){.app-header{flex-direction:column;align-items:stretch}.countdown-card{align-self:flex-start;max-width:360px}.app-main{grid-template-columns:minmax(0,1fr);padding-inline:18px}}@media (max-width: 640px){.app-header{padding-inline:16px}.app-main{padding-inline:12px}.card{padding-inline:14px}.results-table th,.results-table td{padding:6px 8px}}.team-cell{display:flex;align-items:center;gap:8px}.team-logo{width:28px;height:28px;border-radius:9999px;object-fit:contain;background:#fff}