:root{--bg: #0a1410;--bg-2: #0f1d17;--panel: #14271e;--panel-2: #1b3327;--line: #2a4a39;--grass: #1f7a43;--grass-2: #196a39;--gold: #ffd24a;--gold-2: #f5b324;--amber: #ff9f3a;--blue: #5db4ff;--text: #eaf3ee;--muted: #8fb0a0;--accent: #2bd576;--danger: #ff5d5d;--tier-s: #ffd24a;--tier-a: #74e39a;--tier-b: #5db4ff;--tier-c: #9aa6b2;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1200px 700px at 50% -10%,#163525 0%,var(--bg) 60%);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}#root{max-width:1180px;margin:0 auto;padding:18px 16px 60px}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}h1,h2,h3{line-height:1.1}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.brand{display:flex;align-items:baseline;gap:10px;font-weight:800;letter-spacing:-.5px}.brand .logo{font-size:30px;color:var(--gold);background:linear-gradient(180deg,var(--gold),var(--gold-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand .sub{color:var(--muted);font-weight:600;font-size:13px;letter-spacing:0}.lang-toggle{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.lang-toggle button{padding:7px 12px;font-size:12px;font-weight:800;color:var(--muted)}.lang-toggle button.active{background:var(--panel-2);color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;font-weight:700;font-size:14px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);transition:transform .08s ease,background .15s ease,opacity .15s ease}.btn:hover:not(:disabled){background:#21402f;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,var(--accent),#1fb863);color:#062414;border:none}.btn.primary:hover:not(:disabled){filter:brightness(1.06)}.btn.gold{background:linear-gradient(180deg,var(--gold),var(--gold-2));color:#2a1c00;border:none}.btn.ghost{background:transparent}.btn.lg{padding:15px 26px;font-size:16px;border-radius:14px}.btn.sm{padding:8px 12px;font-size:12.5px;border-radius:10px}.btn.danger{background:#ff5d5d29;color:var(--danger);border-color:#ff5d5d66}.btn.danger:hover:not(:disabled){background:#ff5d5d42}.move-bar{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 12px;margin-bottom:12px;border-radius:11px;background:#5db4ff1a;border:1px solid rgba(93,180,255,.3)}.move-info{display:flex;flex-direction:column;gap:2px;font-size:12.5px}.move-info strong{font-size:13.5px}.move-info span{color:var(--muted)}.move-actions{display:flex;gap:6px;flex-shrink:0}.menu{text-align:center;padding-top:10px}.menu .hero-score{font-size:clamp(64px,16vw,150px);font-weight:900;letter-spacing:-4px;line-height:.9;background:linear-gradient(180deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px}.menu .tagline{color:var(--muted);font-size:16px;max-width:560px;margin:0 auto 28px}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:12px;font-weight:700}.formation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:30px}.formation-card{background:var(--panel);border:1.5px solid var(--line);border-radius:14px;padding:14px;text-align:left;transition:border-color .15s ease,background .15s ease}.formation-card:hover{border-color:var(--accent)}.formation-card.selected{border-color:var(--gold);background:var(--panel-2)}.formation-card .name{font-size:22px;font-weight:800}.formation-card .mini{color:var(--muted);font-size:12px;margin-top:2px}.draft-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start}@media (max-width: 880px){.draft-layout{grid-template-columns:1fr}.draft-layout>.panel{order:1}.draft-layout>.pitch-wrap{order:2}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.hud{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.stat{flex:1;min-width:90px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.stat .k{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.stat .v{font-size:22px;font-weight:800;margin-top:2px}.stat .v.good{color:var(--accent)}.pitch-wrap{position:relative}.pitch{position:relative;width:100%;aspect-ratio:68 / 100;background:repeating-linear-gradient(0deg,var(--grass) 0 9.9%,var(--grass-2) 9.9% 19.8%);border:2px solid rgba(255,255,255,.18);border-radius:14px;overflow:hidden}.pitch .markings{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5}.slot{position:absolute;transform:translate(-50%,-50%);width:16%;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.slot .token{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;background:#08140e80;border:2px dashed rgba(255,255,255,.4);color:#ffffffb3;transition:transform .1s ease,box-shadow .15s ease,border-color .15s ease}.slot.filled .token{border-style:solid;border-color:#ffffffd9;background:linear-gradient(180deg,#fff,#e7eef0);color:#0a1410;font-size:18px}.slot.eligible .token{cursor:pointer}.slot.eligible:hover .token{transform:scale(1.08)}.slot.eligible.perfect .token{border-color:var(--gold);animation:pulse 1.2s infinite}.slot.eligible.oop-fit .token{border-color:var(--amber);color:var(--amber);animation:pulseAmber 1.2s infinite}.slot.filled.oop .token{border-color:var(--amber)}.slot.filled.oop .ovr{background:var(--amber)}.slot.moving .token{cursor:pointer;border-color:#fff;box-shadow:0 0 0 4px #ffffff59;transform:scale(1.06)}.slot.swap .token{cursor:pointer;border-color:var(--blue);box-shadow:0 0 0 4px #5db4ff47;animation:pulseBlue 1.2s infinite}.slot.swap:hover .token{transform:scale(1.06)}@keyframes pulseBlue{0%,to{box-shadow:0 0 0 4px #5db4ff42}50%{box-shadow:0 0 0 7px #5db4ff1f}}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #ffd24a38}50%{box-shadow:0 0 0 7px #ffd24a1a}}@keyframes pulseAmber{0%,to{box-shadow:0 0 0 4px #ff9f3a38}50%{box-shadow:0 0 0 7px #ff9f3a1a}}.slot .name{font-size:10.5px;font-weight:700;background:#08140eb8;border-radius:6px;padding:1px 5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot .ovr{position:absolute;top:-4px;right:14%;font-size:11px;font-weight:900;background:var(--gold);color:#2a1c00;border-radius:6px;padding:0 4px;border:1.5px solid #0a1410}.slot .label{font-size:9px;color:#ffffffa6;font-weight:700}.roll-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.roll-head .flag{font-size:38px;line-height:1}.roll-head .team-name{font-size:19px;font-weight:800}.roll-head .team-year{color:var(--muted);font-size:13px;font-weight:700}.bonus-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.bonus-row .btn{flex:1;padding:9px 8px;font-size:12.5px}.player-list{display:flex;flex-direction:column;gap:6px;max-height:460px;overflow-y:auto;padding-right:4px}.player-row{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:11px;background:var(--panel-2);border:1px solid transparent;text-align:left;width:100%;transition:border-color .12s ease,background .12s ease,opacity .12s ease}.player-row:hover:not(:disabled){border-color:var(--accent)}.player-row.selected{border-color:var(--gold);background:#243f2e}.player-row:disabled{opacity:.32;cursor:not-allowed}.player-row.picked{opacity:.6;border-color:#2bd57659}.picked-check{color:var(--accent);font-weight:900;margin-right:6px}.player-row .pos{width:74px;flex-shrink:0;font-size:10px;font-weight:800;color:var(--muted);text-align:left;line-height:1.2;white-space:normal}.player-row .pname{flex:1;font-weight:700;font-size:14px}.player-row .rating{font-weight:900;font-size:15px;width:30px;text-align:right}.tier-s{color:var(--tier-s)}.tier-a{color:var(--tier-a)}.tier-b{color:var(--tier-b)}.tier-c{color:var(--tier-c)}.hint{text-align:center;color:var(--muted);font-size:13px;padding:8px;margin-bottom:8px;background:#ffd24a14;border-radius:10px}.results{max-width:720px;margin:0 auto}.verdict{text-align:center;padding:28px 20px;border-radius:18px;margin-bottom:18px;border:1px solid var(--line);background:var(--panel)}.verdict.champ{border-color:var(--gold);background:radial-gradient(600px 300px at 50% 0,rgba(255,210,74,.12),var(--panel))}.verdict .big{font-size:clamp(40px,10vw,80px);font-weight:900;letter-spacing:-2px;margin-bottom:4px}.verdict .big.gold{color:var(--gold)}.verdict .record{font-size:18px;color:var(--muted);font-weight:700}.match-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:var(--panel);border:1px solid var(--line);border-left-width:4px}.match.W{border-left-color:var(--accent)}.match.D{border-left-color:var(--gold)}.match.L{border-left-color:var(--danger)}.match .round{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.match .me{text-align:right;font-weight:700}.match .opp{font-weight:700}.match .score{font-size:22px;font-weight:900;min-width:70px;text-align:center}.match .pens{font-size:11px;color:var(--muted);display:block;font-weight:700}.results-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.footer-note{text-align:center;color:var(--muted);font-size:12px;margin-top:36px}.footer-note a{color:var(--accent)}.admin{max-width:960px;margin:0 auto}.admin-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.admin-title{font-size:20px;font-weight:800}.admin-note{color:var(--muted);font-size:13px;margin-bottom:16px;max-width:640px}.admin-controls{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.admin-select,.admin-search{font-family:inherit;font-size:14px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:10px 12px}.admin-select{font-weight:700}.admin-select:disabled{opacity:.4}.admin-search{flex:1;min-width:200px}.admin-search:focus,.admin-select:focus{outline:none;border-color:var(--accent)}.admin-empty{color:var(--muted);text-align:center;padding:30px}.admin-squad{margin-bottom:22px}.admin-squad-head{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--line)}.admin-squad-head .flag{font-size:22px}.admin-squad-head .count{margin-left:auto;font-size:12px;color:var(--muted);background:var(--panel-2);border-radius:8px;padding:2px 8px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.admin-player{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 12px}.admin-player.edited{border-color:var(--gold);background:var(--panel-2)}.admin-player-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.admin-player-head .pname{font-weight:700;font-size:14px;display:flex;align-items:center}.edit-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);margin-right:7px;flex-shrink:0}.admin-rating{display:flex;align-items:center;gap:7px}.admin-rating label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.admin-rating input{width:54px;font-family:inherit;font-size:14px;font-weight:700;text-align:center;color:var(--text);background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:5px 4px}.admin-rating input:focus{outline:none;border-color:var(--accent)}.admin-rating .rating{font-weight:900;font-size:15px;width:26px;text-align:right}.admin-roles{display:flex;flex-wrap:wrap;gap:4px}.admin-role-group{display:flex;gap:3px;padding-right:5px;margin-right:2px;border-right:1px solid var(--line)}.admin-role-group:last-child{border-right:none}.role-chip{font-size:10.5px;font-weight:800;color:var(--muted);background:var(--bg-2);border:1px solid var(--line);border-radius:7px;padding:4px 6px;transition:background .12s ease,color .12s ease,border-color .12s ease}.role-chip:hover{border-color:var(--accent)}.role-chip.on{background:linear-gradient(180deg,var(--accent),#1fb863);color:#062414;border-color:transparent}.admin-player.added{border-color:var(--accent);background:#2bd57614}.tag{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;border-radius:6px;padding:1px 5px;margin-right:7px}.tag.new{background:var(--accent);color:#062414}.admin-player-actions{display:flex;gap:14px;margin-top:9px;flex-wrap:wrap}.admin-linkbtn{font-size:11.5px;font-weight:700;color:var(--muted);text-decoration:underline}.admin-linkbtn:hover{color:var(--text)}.admin-linkbtn.danger{color:var(--danger);opacity:.8}.admin-linkbtn.danger:hover{opacity:1}.admin-squad-actions{margin-left:10px;display:flex;gap:6px}.admin-squad-head{flex-wrap:wrap}.admin-empty.small{padding:12px;font-size:13px}.admin-form{background:var(--panel-2);border:1px dashed var(--line);border-radius:12px;padding:12px;margin-bottom:12px}.admin-form.standalone{border-style:solid;border-color:var(--accent);margin-bottom:18px}.admin-form-title{font-weight:800;margin-bottom:10px}.admin-form-row{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.admin-input{font-family:inherit;font-size:14px;color:var(--text);background:var(--bg-2);border:1px solid var(--line);border-radius:9px;padding:9px 11px}.admin-input:focus{outline:none;border-color:var(--accent)}.admin-input.grow{flex:1;min-width:160px}.admin-input.num{width:74px;text-align:center}.admin-input.code{width:84px;text-transform:uppercase}.admin-form-actions{display:flex;gap:8px;margin-top:10px}.admin-error{color:var(--danger);font-size:12.5px;font-weight:700;margin-top:6px}.admin-error.wide{margin:-8px 0 14px}.sim{max-width:560px;margin:10px auto 0;text-align:center}.sim-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:14px}.sim-progress{color:var(--gold)}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px 18px}.team-side{display:flex;flex-direction:column;align-items:center;gap:6px}.side-flag{font-size:46px;line-height:1}.side-name{font-size:13px;font-weight:800;color:var(--text)}.score-box{display:flex;align-items:center;gap:10px;font-size:52px;font-weight:900;letter-spacing:-2px}.score-box .dash{color:var(--muted);font-weight:700}.score-box .sc{min-width:44px;transition:transform .15s ease}.sim-clock{margin-top:16px;font-size:30px;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums}.sim-clock.ft{color:var(--gold);font-size:22px;text-transform:uppercase;letter-spacing:1px}.sim-pens{margin-top:6px;font-weight:800;color:var(--muted)}.sim-events{margin:18px auto 0;display:flex;flex-direction:column;gap:6px;min-height:120px;max-width:320px}.sim-noevents{color:var(--muted);font-style:italic;padding-top:10px}.sim-goal{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line);border-left-width:4px;font-weight:700;animation:goalIn .3s ease}.sim-goal.us{border-left-color:var(--accent)}.sim-goal.them{border-left-color:var(--danger)}.sim-goal .goal-min{color:var(--muted);font-weight:900;width:34px;text-align:right}.sim-goal .goal-ball{font-size:15px}.sim-goal .goal-scorer{flex:1;text-align:left}@keyframes goalIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sim-skip{margin-top:20px}