:root{--bg: #0c1015;--bg-soft: #141a22;--card: #1a212c;--line: #283242;--text: #e8edf4;--muted: #8a97a8;--accent: #2bd576;--accent-2: #3b82f6;--live: #ff4d4d;--radius: 14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1100px;margin:0 auto;padding:24px 18px;flex:1}.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--line);background:var(--bg-soft);position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:1.2rem;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.brand-accent{color:var(--accent)}.dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.nav-links{display:flex;align-items:center;gap:18px}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line);padding:7px 14px;border-radius:9px;font-size:.9rem}.btn-ghost:hover{border-color:var(--accent)}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{background:var(--bg-soft);color:var(--muted);border:1px solid var(--line);padding:9px 20px;border-radius:999px;font-weight:600}.tab.active{color:#06140c;background:var(--accent);border-color:var(--accent)}.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.match-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;transition:transform .12s ease,border-color .12s ease}.match-card:hover{transform:translateY(-2px);border-color:var(--accent-2)}.match-card-top{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.league{color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.badge-live{color:var(--live);font-weight:700}.badge-time{color:var(--muted)}.match-teams{display:flex;align-items:center;justify-content:space-between;margin:16px 0 12px;gap:8px}.team{display:flex;align-items:center;gap:8px;flex:1;font-weight:600}.team-right{justify-content:flex-end}.team img{width:26px;height:26px;object-fit:contain}.score{font-size:1.15rem;font-weight:800;min-width:56px;text-align:center}.match-card-foot{display:flex;gap:8px}.tag{font-size:.72rem;padding:3px 9px;border-radius:6px;background:var(--bg-soft);color:var(--muted);border:1px solid var(--line)}.tag-stream{color:var(--accent);border-color:var(--accent)}.loading,.empty{padding:60px 20px;text-align:center;color:var(--muted)}.notice{background:#3b82f61f;border:1px solid var(--accent-2);color:#cfe0ff;padding:12px 16px;border-radius:10px;margin-bottom:14px;font-size:.92rem}.mv-title{font-size:1.5rem;margin:4px 0 16px}.muted{color:var(--muted)}.view-toggle{display:flex;gap:8px;margin-bottom:16px}.toggle{background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);padding:8px 18px;border-radius:9px;font-weight:600}.toggle.active{color:var(--text);border-color:var(--accent-2);background:#3b82f61f}.toggle:disabled{opacity:.4;cursor:not-allowed}.player-wrap{position:relative;padding-top:56.25%;background:#000;border-radius:var(--radius);overflow:hidden}.react-player{position:absolute;top:0;left:0}.match-center{display:flex;flex-direction:column;gap:18px}.mc-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.mc-team{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.05rem}.mc-team-right{justify-content:flex-end}.mc-team img{width:40px;height:40px;object-fit:contain}.mc-score{text-align:center;padding:0 20px}.mc-score-num{font-size:2rem;font-weight:800}.mc-clock{color:var(--live);font-size:.85rem;font-weight:600;margin-top:4px}.mc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mc-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.mc-panel h3{margin:0 0 14px;font-size:1rem}.mc-panel-wide{grid-column:1 / -1}.commentary{list-style:none;padding:0;margin:0;max-height:320px;overflow-y:auto}.commentary li{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.9rem}.commentary .min{color:var(--accent);font-weight:700;min-width:32px}.stat-row{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:10px;margin-bottom:14px}.stat-row .stat-label{grid-column:1 / -1;text-align:center;color:var(--muted);font-size:.78rem;text-transform:capitalize}.stat-val{font-weight:700;text-align:center}.stat-bar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--bg-soft)}.stat-bar-home{background:var(--accent)}.stat-bar-away{background:var(--accent-2)}.lineups{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lineups h4{margin:0 0 8px;color:var(--muted);font-size:.85rem}.lineups ul{list-style:none;padding:0;margin:0;font-size:.9rem}.lineups li{padding:5px 0;border-bottom:1px solid var(--line)}.auth-card{max-width:380px;margin:40px auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.auth-card h2{margin:0 0 18px}.auth-card form{display:flex;flex-direction:column}.auth-card label{font-size:.8rem;color:var(--muted);margin:10px 0 6px}.auth-card input{background:var(--bg-soft);border:1px solid var(--line);color:var(--text);padding:10px 12px;border-radius:9px;font-size:.95rem}.auth-card input:focus{outline:none;border-color:var(--accent-2)}.btn-primary{margin-top:18px;background:var(--accent);color:#06140c;border:none;padding:11px;border-radius:9px;font-weight:700}.btn-primary:disabled{opacity:.6}.form-error{color:var(--live);font-size:.85rem;margin-top:12px}.switch{margin-top:18px;font-size:.88rem;color:var(--muted)}.link{background:none;border:none;color:var(--accent);padding:0;font-size:.88rem}.profile h3{margin-top:28px}.fav-list{list-style:none;padding:0}.fav-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.fav-list img{width:28px;height:28px;object-fit:contain}.fav-list li button{margin-left:auto}.footer{border-top:1px solid var(--line);padding:18px;text-align:center;color:var(--muted);font-size:.82rem}@media (max-width: 680px){.mc-grid,.lineups{grid-template-columns:1fr}}