@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";.App{display:grid;gap:24px;padding:28px;background:var(--surface);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--outline);position:relative;overflow:hidden}.App:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 260px at 5% 0%,rgba(34,193,163,.08),transparent 60%);pointer-events:none}.App>.MuiStack-root{gap:14px;position:relative;z-index:1}.App .MuiTextField-root{background:var(--surface-strong);border-radius:14px;box-shadow:0 8px 18px #0f172a14;position:relative;z-index:1}.App .MuiInputBase-root{font-size:1.05rem}.App .MuiOutlinedInput-root{border-radius:14px}.App .MuiOutlinedInput-notchedOutline{border-color:transparent}.App .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--accent);box-shadow:0 0 0 4px #22c1a32e}.App .MuiInputBase-input{padding:14px 16px}.App .MuiButtonGroup-root{border-radius:14px;overflow:hidden;box-shadow:0 10px 20px #0f172a26;position:relative;z-index:1}.App .MuiButton-root{font-weight:600;letter-spacing:.2px;text-transform:none}.helpRow{justify-content:flex-end;color:var(--text-muted)}.helpRow .MuiTypography-root{font-size:.85rem}.infoButton{padding:4px;color:var(--accent-strong)}.infoDialogContent{max-width:460px}.contentWrapper{display:grid;gap:24px;position:relative;z-index:1}.playerAndLeaderboardWrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.leftSection,.leaderboardSection,.combinationsSection{background:var(--surface-strong);border-radius:18px;padding:18px 20px;border:1px solid var(--outline);box-shadow:0 12px 26px #0f172a14}.combinationsSection{display:grid;gap:12px}h3{margin:0 0 14px;font-size:1.1rem;letter-spacing:.3px;color:var(--text-strong);display:inline-flex;align-items:center;gap:8px}h3:after{content:"";width:42px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--accent),#f59e0b)}.leftSection>div,.leaderboardSection>div{margin-bottom:10px;padding:6px 8px;border-radius:10px;transition:background-color .2s ease}.leftSection>div:hover,.leaderboardSection>div:hover{background:#0f172a0a}.leaderboardEntry{font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:8px}.versus-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:linear-gradient(140deg,#14b8a614,#f59e0b1f);padding:14px;border-radius:16px;border:1px solid rgba(15,23,42,.08);box-shadow:0 14px 26px #0f172a14;transition:transform .2s ease,box-shadow .2s ease}.versus-container:hover{transform:translateY(-2px);box-shadow:0 18px 34px #0f172a1f}.team-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 10px;border-radius:14px;background:#ffffffa6;border:1px solid rgba(15,23,42,.08);cursor:pointer;appearance:none;width:100%;text-align:center;transition:background-color .2s ease,transform .2s ease}.team-container:hover{background:#14b8a61f;transform:translateY(-1px)}.team-container:focus-visible{outline:2px solid rgba(34,193,163,.5);outline-offset:2px}.team-container svg{color:var(--accent-strong)}@media(max-width:900px){.App{padding:20px}.playerAndLeaderboardWrapper{grid-template-columns:1fr}}@media(max-width:640px){#root{padding:24px 14px 40px}.App{border-radius:18px}.versus-container{grid-template-columns:1fr}}:root{--bg-1: #0f172a;--bg-2: #18253a;--surface: rgba(255, 255, 255, .86);--surface-strong: rgba(255, 255, 255, .95);--text-strong: #0b1220;--text-muted: #425466;--accent: #22c1a3;--accent-strong: #0f7a6b;--outline: rgba(15, 23, 42, .12);--shadow: 0 20px 45px rgba(2, 6, 23, .15)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--text-strong);background:radial-gradient(1200px 600px at 10% -10%,#1f2937 0%,transparent 58%),radial-gradient(900px 500px at 100% 10%,#0f6a60 0%,transparent 52%),linear-gradient(160deg,var(--bg-1) 0%,var(--bg-2) 45%,#0f172a 100%)}#root{max-width:1200px;margin:0 auto;padding:32px 20px 56px}