:root{color-scheme:dark;--bg: #0a0f1c;--surface: #121b2e;--surface-2: #17233b;--surface-line: #223049;--pitch-dark: #0e4023;--pitch-light: #155a30;--pitch-line: rgba(255, 255, 255, .35);--gold: #e8b33d;--home: #3b82f6;--away: #f97316;--text: #f5f7fa;--text-dim: #8b96a8;--yellow-card: #f4c430;--red-card: #e63946;--goal-green: #22c55e;--font-display: "Oswald", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);background-image:radial-gradient(circle at 20% 0%,#14203a 0%,var(--bg) 55%);color:var(--text);font-family:var(--font-body)}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:.02em;margin:0}button{font-family:var(--font-body);font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text);border-radius:8px;padding:.6rem 1.2rem;transition:all .2s ease}button:hover:not(:disabled){border-color:var(--gold);background:#e8b33d1a;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn-primary{background:var(--gold);border-color:var(--gold);color:#1a1305;box-shadow:0 4px 12px #e8b33d4d}.btn-primary:hover:not(:disabled){background:#f0c257;box-shadow:0 6px 16px #e8b33d66}input,select{font-family:var(--font-body);background:#0003;border:1px solid rgba(255,255,255,.1);color:var(--text);border-radius:8px;padding:.6rem .8rem;transition:all .2s ease}input:focus,select:focus{border-color:var(--gold);background:#0006;outline:none}option{background-color:var(--surface);color:var(--text);padding:.5rem}.card{background:#121b2ea6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0000004d}.mono{font-family:var(--font-mono)}.badge{display:inline-block;font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:4px}.badge-gold{background:#e8b33d26;color:var(--gold)}.badge-goal{background:#22c55e26;color:var(--goal-green)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.team-builder-layout{display:grid;grid-template-columns:300px 1fr 350px;gap:1.5rem;padding:1.5rem;height:calc(100vh - 60px);overflow:hidden}@media (max-width: 1024px){.team-builder-layout{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;height:auto;overflow-y:auto}}.match-viewer-layout{display:flex;gap:1rem;flex:1 0 0%;min-height:450px}.pitch-column{flex:1 1 55%;min-width:0;position:relative}.commentary-column{flex:1 1 45%;min-width:0;display:flex;flex-direction:column}.event-hud{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:90%;max-width:400px;padding:.6rem 1rem;border-radius:12px;background:#121b2ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--surface-line);text-align:center;font-size:.95rem;font-weight:600;box-shadow:0 8px 32px #0006;animation:slideUpFade .3s cubic-bezier(.2,.8,.2,1);z-index:50}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 768px){.match-viewer-layout{flex-direction:column}.pitch-column{flex:0 0 auto;aspect-ratio:120 / 75;width:100%;margin-bottom:.5rem}.commentary-column{flex:1 1 0;min-height:0}.event-hud{bottom:.5rem;padding:.4rem .8rem;font-size:.85rem}}.app-header{display:flex;gap:.5rem;padding:.9rem 1.2rem;background:var(--surface);border-bottom:1px solid var(--surface-line);align-items:center;flex-wrap:wrap}.player-search-container{display:flex;flex-direction:column;height:100%;min-height:0;padding:1.2rem}@media (max-width: 1024px){.player-search-container{height:500px}}