*{box-sizing:border-box}html,body{margin:0;padding:0;background:#0a0f1c;color:#eaf2ff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
body{min-height:100vh}
.app-shell{max-width:980px;margin:0 auto;padding:18px 14px 28px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;margin-bottom:14px;background:#16253b;border-radius:10px;box-shadow:0 6px 15px rgba(0,0,0,.3)}
h1{font-size:clamp(1.7rem,5vw,2.2rem);letter-spacing:.02em;margin:0;color:#fffbff}
.subtitle{color:#7e8fbd;margin-top:.35rem}
.card{background:linear-gradient(180deg,rgba(22,33,56,.96),rgba(12,18,32,.97));border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 18px 38px rgba(0,0,0,.28)}
.search-card{padding:14px;margin-bottom:14px}
.player-form{display:grid;grid-template-columns:1fr auto;gap:12px}
.player-form input{width:100%;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0c1527;color:#fff;font-size:1rem}
.player-form button,.ghost{padding:12px 14px;border:none;border-radius:16px;background:#67a2ff;color:#06111f;font-weight:700}
.ghost{background:#112039;color:#cdd9f2;border:1px solid rgba(255,255,255,.09)}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.status-line{margin:12px 2px;color:#a9bad9;line-height:1.4}
.hero{padding:18px;margin-bottom:14px}
.hero-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.eyebrow{font-size:.78rem;color:#7f97bc;text-transform:uppercase;letter-spacing:.08em}
.tracked-player{font-size:1.35rem;font-weight:800;margin-top:3px;color:#fff}
.badge{display:inline-flex;align-items:center;justify-content:center;min-width:80px;padding:10px 14px;border-radius:999px;font-size:1rem;font-weight:800}
.badge.live{background:#179e48;color:#fff}
.badge.upcoming{background:#9b69c6;color:#fff}
.badge.complete{background:#3c3f4d;color:#e0e3f0}
.badge.muted{background:#1a2233;color:#afbdd7}
.headline-block{margin-top:20px;padding:16px;border-radius:16px;background:rgba(255,255,255,.04);min-height:100px;display:flex;flex-direction:column;justify-content:center}
.headline-main{font-size:clamp(1.7rem,5.2vw,2.35rem);font-weight:900;line-height:1.1}
.headline-sub{margin-top:10px;color:#aebedf;font-size:1rem}
.meta-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.meta-item{padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.03)}
.meta-label{display:block;font-size:.8rem;text-transform:uppercase;color:#7f97bc}
.meta-value{display:block;margin-top:6px;font-size:1rem;font-weight:700;line-height:1.35;color:#fff}
.grid{display:grid;grid-template-columns:1fr;gap:14px}
.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 16px 0}
.section-head h2{margin:0;font-size:1.05rem;color:#fff}
.hint{margin:2px 0 0;color:#8ea3c7;font-size:.92rem}
.ends-list,.schedule-list{padding:14px 16px 16px}
.ends-list.empty,.schedule-list.empty{color:#9fb1d0}
.ends-grid{display:grid;grid-template-columns:120px 1fr 1fr;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.ends-header{font-size:.9rem;color:#9fb1d0;font-weight:700}
.end-label,.schedule-label{font-weight:800;color:#fff}
.end-score-cell{font-variant-numeric:tabular-nums;font-weight:700;text-align:center}
.schedule-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.schedule-row:last-child{border-bottom:none;padding-bottom:0}
.schedule-meta{color:#a7b8d8;font-size:.94rem;line-height:1.35;text-align:right}
.schedule-meta-left{text-align:left}
.schedule-row.active .schedule-label{color:#9bf3b8}
.schedule-row.upcoming .schedule-label{color:#c8b5ff}
@media (min-width:820px){.grid{grid-template-columns:1fr 1fr}.meta-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

.app-footer{padding:12px 4px 0;text-align:center}.app-footer p{margin:0;color:#7f97bc;font-size:.82rem}