:root{--bg: #0c1018;--bg-2: #131a26;--panel: #18202f;--panel-2: #1f2a3d;--line: #2a3650;--text: #e7edf6;--muted: #8b9bb4;--accent: #19c37d;--accent-2: #2d8cff;--warn: #ffb020;--danger: #ff5d5d;--gold: #ffd24a;--radius: 12px;--shadow: 0 8px 30px rgba(0, 0, 0, .35);font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 800px at 70% -10%,#16243a 0%,var(--bg) 55%);color:var(--text);-webkit-font-smoothing:antialiased}.app{height:100%;display:flex;flex-direction:column}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:8px 14px;border-radius:8px;transition:.12s}button:hover{border-color:var(--accent-2);background:#243650}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#04130c;font-weight:700}button.primary:hover{filter:brightness(1.08)}button.ghost{background:transparent}button.danger{border-color:var(--danger);color:var(--danger)}button.sm{padding:4px 9px;font-size:12px;border-radius:6px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.muted{color:var(--muted)}.center{text-align:center}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}h1,h2,h3{margin:0 0 4px}h1{font-size:26px}h2{font-size:19px}h3{font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.menu{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.logo{font-size:64px;font-weight:900;letter-spacing:-2px}.logo span{color:var(--accent)}.tagline{color:var(--muted);margin-bottom:14px}.club-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.club-tile{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border-radius:10px;background:var(--panel);border:1px solid var(--line);cursor:pointer}.club-tile:hover{border-color:var(--accent);transform:translateY(-1px)}.crest{width:34px;height:40px;border-radius:5px 5px 7px 7px;flex:none;box-shadow:inset 0 0 0 2px #ffffff26}.topbar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--bg-2);border-bottom:1px solid var(--line)}.topbar .brand{font-weight:900;font-size:18px}.topbar .brand span{color:var(--accent)}.topbar .spacer{flex:1}.stat{display:flex;flex-direction:column;line-height:1.1}.stat b{font-size:15px}.stat small{color:var(--muted);font-size:11px}.layout{flex:1;display:grid;grid-template-columns:200px 1fr;min-height:0}.sidebar{background:var(--bg-2);border-right:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:4px}.navbtn{text-align:left;background:transparent;border:none;padding:10px 12px;border-radius:8px;color:var(--muted)}.navbtn:hover{background:var(--panel);color:var(--text)}.navbtn.active{background:var(--panel-2);color:var(--text);font-weight:700;box-shadow:inset 3px 0 0 var(--accent)}.content{overflow:auto;padding:20px;min-height:0}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:7px 9px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em}tr.me{background:#19c37d1f}tr.promo td:first-child{box-shadow:inset 3px 0 0 var(--accent)}tr.releg td:first-child{box-shadow:inset 3px 0 0 var(--danger)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 900px){.grid2,.grid3{grid-template-columns:1fr}}.rating{font-weight:800;padding:2px 7px;border-radius:6px;font-variant-numeric:tabular-nums}.r-elite{background:#1c8b54;color:#eafff4}.r-good{background:#2a5f8f;color:#eaf3ff}.r-avg{background:#4a4f5e;color:#e9edf6}.r-poor{background:#5a3a3a;color:#ffe9e9}.flag{font-size:11px;color:var(--muted)}.pos{font-weight:800;font-size:11px;padding:2px 6px;border-radius:5px;background:var(--panel-2)}.pos-GK{color:#ffd24a}.pos-DF{color:#69c0ff}.pos-DM{color:#8fd6ff}.pos-MF{color:#b3f0c9}.pos-AM{color:#c4a0ff}.pos-FW{color:#ff9d7a}.shirt{display:inline-block;min-width:22px;text-align:center;font-weight:800;font-size:12px;padding:2px 5px;border-radius:5px;background:var(--panel-2);color:var(--muted);font-variant-numeric:tabular-nums}.captain{font-weight:800;color:var(--gold)}.pill.trait{background:#2d8cff24;color:#9ecbff}.pill.personality{background:#ffd24a24;color:var(--gold)}.scoreboard{display:flex;align-items:center;justify-content:center;gap:22px;padding:20px}.scoreboard .team{font-size:20px;font-weight:800;min-width:200px}.scoreboard .score{font-size:48px;font-weight:900;font-variant-numeric:tabular-nums}.clock{font-size:14px;color:var(--accent);font-weight:800}.pitch{width:100%;margin:4px 0 12px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#142f1f;box-shadow:inset 0 0 40px #00000059}.pitch canvas{display:block;width:100%}.feed{max-height:46vh;overflow:auto;display:flex;flex-direction:column;gap:6px}.feed .ev{display:flex;gap:10px;padding:7px 10px;border-radius:8px;background:var(--panel);border:1px solid var(--line);animation:pop .25s ease}.feed .ev .min{color:var(--muted);width:34px;font-variant-numeric:tabular-nums;font-weight:700}.feed .ev.goal{background:#19c37d29;border-color:var(--accent);font-weight:700}.feed .ev.yellow{background:#ffb0201f}.feed .ev.fulltime,.feed .ev.halftime{background:var(--panel-2)}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--accent);color:var(--text);padding:12px 18px;border-radius:10px;box-shadow:var(--shadow);z-index:50;max-width:80vw}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080eb3;display:flex;align-items:center;justify-content:center;z-index:40}.modal{width:min(560px,92vw);max-height:85vh;overflow-y:auto}.bar{height:7px;border-radius:5px;background:var(--panel-2);overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent)}.tag-list{background:#2d8cff1f;border-color:var(--accent-2)}.slot-empty{opacity:.45;font-style:italic}.hint{font-size:12px;color:var(--muted)}.kv{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--line);font-size:13px}