:root{--ink:#0b1220;--panel:#0b1220db;--line:#94a3b847;--accent:#38bdf8;--accent-2:#facc15;--text:#e6edf7;--muted:#94a3b8;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at 50% 0,#16304f 0%,#070d18 70%);font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.menu{flex-direction:column;gap:18px;height:100%;padding:28px clamp(16px,5vw,72px) 40px;display:flex;overflow-y:auto}.menu-header h1{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:clamp(28px,5vw,46px)}.menu-header p{color:var(--muted);margin:6px 0 0}.error{color:#fca5a5}.muted{color:var(--muted)}.team-select{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.team-select h2{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:15px}.team-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.team-card{border:1px solid var(--line);text-align:left;background:#0f172ab8;border-radius:12px;flex-direction:column;gap:6px;padding:12px;transition:border-color .12s,transform .12s;display:flex}.team-card:hover{transform:translateY(-2px)}.team-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.team-kit{gap:4px;display:flex}.team-kit span{border:1px solid #fff3;border-radius:4px;width:20px;height:20px}.team-name{font-weight:600}.team-meta{color:var(--muted);font-size:12px}label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:12px;font-size:12px;display:block}select{color:var(--text);border:1px solid var(--line);background:#0f172ae6;border-radius:8px;margin-top:6px;padding:8px 10px;display:block}.options{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 24px;display:grid}.pill-row{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.pill{border:1px solid var(--line);text-transform:capitalize;letter-spacing:.04em;background:#0f172ab8;border-radius:999px;padding:7px 14px;font-size:13px}.pill.is-active{border-color:var(--accent);background:#38bdf82e}.kickoff{color:#04121f;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(120deg,#22c55e,#0ea5e9);border:none;border-radius:999px;align-self:flex-start;padding:14px 42px;font-weight:700}.kickoff:disabled{opacity:.4;cursor:not-allowed}.controls-help{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;gap:6px 18px;padding-top:14px;font-size:13px;display:flex}.controls-help b{color:var(--text)}.match{height:100%;position:relative}.match canvas{touch-action:none;display:block}.hud{pointer-events:none;font-variant-numeric:tabular-nums;position:absolute;inset:0}.scoreboard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060c18d1;border:1px solid #94a3b847;border-radius:8px;align-items:stretch;gap:0;display:flex;position:absolute;top:18px;left:18px;overflow:hidden;box-shadow:0 12px 30px #00000073}.sb-side{letter-spacing:.1em;align-items:center;gap:7px;padding:9px 12px;font-size:14px;font-weight:700;display:flex}.sb-side i{border-radius:2px;width:6px;height:18px;display:block}.sb-score{background:#ffffff14;align-items:center;padding:9px 12px;font-size:19px;font-weight:800;display:flex}.sb-clock{background:var(--accent);color:#04121f;flex-direction:column;justify-content:center;padding:6px 12px;font-weight:700;line-height:1.05;display:flex}.sb-clock small{letter-spacing:.12em;opacity:.75;font-size:9px}.sb-added{color:var(--accent);margin-left:2px;font-size:11px;font-style:normal}.sb-red{vertical-align:-1px;background:#ef4444;border-radius:1px;width:7px;height:10px;margin-left:4px;display:inline-block}.debug-panel{z-index:5;white-space:pre;color:#d7f5e3;border:1px solid var(--line);pointer-events:none;background:#040c08d1;border-radius:8px;max-height:calc(100vh - 120px);margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45;position:absolute;top:56px;right:16px;overflow:auto}.perf{color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:12px;position:absolute;top:16px;right:16px}.setpiece{background:var(--panel);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:13px;position:absolute;top:46%;left:50%;transform:translate(-50%)}.replay-tag{letter-spacing:.22em;text-transform:uppercase;background:#ef4444d9;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:700;position:absolute;top:76px;left:50%;transform:translate(-50%)}.feed{flex-direction:column;gap:4px;max-width:300px;margin:0;padding:0;font-size:12px;list-style:none;display:flex;position:absolute;top:96px;left:16px}.feed li{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:8px;padding:4px 10px}.feed li.fd-goal{border-left-color:#22c55e}.feed li.fd-card{border-left-color:#facc15}.feed li.fd-foul,.feed li.fd-offside{border-left-color:#f97316}.fd-min{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:4px}.banner{letter-spacing:.08em;text-transform:uppercase;text-shadow:0 6px 26px #000000a6;font-size:clamp(28px,6vw,64px);font-weight:800;position:absolute;top:32%;left:50%;transform:translate(-50%)}.player-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:240px;padding:12px;position:absolute;bottom:16px;left:16px}.pc-top{align-items:center;gap:10px;display:flex}.pc-shirt{background:var(--accent);color:#04121f;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.pc-name{font-weight:600}.bar{background:#94a3b838;border-radius:999px;height:7px;margin-top:8px;overflow:hidden}.bar span{border-radius:inherit;height:100%;transition:width .12s linear;display:block}.bar.stamina span{background:linear-gradient(90deg,#22c55e,#a3e635)}.bar.charge{opacity:.35;height:5px}.bar.charge.is-live{opacity:1}.bar.charge span{background:linear-gradient(90deg,#f97316,#facc15)}.pc-stats{color:var(--muted);margin-top:8px;font-size:12px}.radar{opacity:.9;border:1px solid #94a3b84d;border-radius:8px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hints{max-width:320px;color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:4px 12px;font-size:12px;display:flex;position:absolute;bottom:16px;right:16px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040912b8;place-items:center;display:grid;position:absolute;inset:0}.panel{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:16px;flex-direction:column;gap:10px;min-width:280px;padding:24px;display:flex}.panel.wide{min-width:380px}.panel h2{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:16px}.panel button{border:1px solid var(--line);background:#0f172acc;border-radius:10px;padding:10px 18px}.panel button:hover{border-color:var(--accent)}.result{margin:0;font-size:28px;font-weight:700}.final-score{color:var(--muted);margin:0}.stats{border-collapse:collapse;width:100%;margin:8px 0}.stats th{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:500}.stats td{width:30%;font-size:18px;font-weight:700}.stats thead th{color:var(--text);letter-spacing:.1em;font-size:13px}.ratings-row{text-align:left;justify-content:space-between;gap:20px;display:flex}.ratings{flex:1}.ratings h3{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:12px}.ratings ul{flex-direction:column;gap:3px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.ratings li{align-items:center;gap:8px;display:flex}.rt-shirt{width:20px;color:var(--muted);font-variant-numeric:tabular-nums}.rt-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rt-score{font-variant-numeric:tabular-nums;font-weight:700}.rt-score.is-good{color:#22c55e}.feed-list{text-align:left;flex-direction:column;gap:3px;max-height:140px;margin:4px 0;padding:0;font-size:13px;list-style:none;display:flex;overflow-y:auto}.hint{color:var(--muted);margin:0;font-size:12px}.records-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;width:min(960px,100%);display:grid}.records-grid section{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:12px 14px}.records-grid h2{margin:0 0 8px;font-size:15px}.records-table{border-collapse:collapse;width:100%;font-size:13px}.records-table td{padding:3px 0}.records-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.menu-links{justify-content:center}.result-win{color:#22c55e}.result-draw{color:var(--muted)}.result-loss{color:#ef4444}