*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#061120;color:#f8fafc;min-height:100vh}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,rgba(34,197,94,.22),transparent 30%),radial-gradient(circle at 80% 0,rgba(37,99,235,.24),transparent 35%),linear-gradient(180deg,#081329,#061120);z-index:-2}.container{width:min(1220px,94%);margin:0 auto;padding:28px 0}.hero{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:center;margin-bottom:18px}h1{margin:0;font-size:clamp(34px,5vw,58px)}h2{margin:0 0 16px}p{line-height:1.5}.panel{background:rgba(7,18,35,.78);border:1px solid rgba(148,163,184,.22);border-radius:18px;padding:18px;box-shadow:0 22px 55px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.name-card,.stack,.admin-result{display:grid;gap:10px}input,select{width:100%;padding:12px 14px;border:1px solid rgba(148,163,184,.35);border-radius:10px;font-size:15px;background:rgba(255,255,255,.08);color:#fff}input::placeholder{color:#94a3b8}select option{color:#111827}button{border:0;border-radius:10px;padding:12px 16px;background:#16a34a;color:#fff;font-weight:800;cursor:pointer;transition:.2s}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}.alert{padding:14px 16px;border-radius:14px;margin-bottom:16px;font-weight:800}.success{background:rgba(22,163,74,.18);color:#86efac;border:1px solid rgba(34,197,94,.35)}.error{background:rgba(220,38,38,.18);color:#fecaca;border:1px solid rgba(248,113,113,.35)}.layout{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}.sidebar{display:grid;gap:18px;position:sticky;top:18px}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:24px;font-weight:900;margin:18px 0}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;background:rgba(59,130,246,.25);color:#bfdbfe;border:1px solid rgba(96,165,250,.35)}.badge.green{background:rgba(22,163,74,.22);color:#86efac;border-color:rgba(34,197,94,.45)}.featured-card{border:2px solid #22c55e;border-radius:16px;padding:22px;background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(6,30,54,.95));display:grid;gap:18px}.match-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:#cbd5e1;font-size:14px}.teams-big{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;text-align:center;font-size:28px}.teams-big span,.teams-row span{color:#94a3b8;font-weight:800}.matches{display:grid;gap:12px}.match-card{display:grid;gap:14px}.match-card.coming{opacity:.88}.match-card.is-next{border-color:rgba(34,197,94,.65)}.match-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.teams-row{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;text-align:center;font-size:20px}.pick-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pick-form button{background:transparent;color:#86efac;border:1px solid rgba(34,197,94,.65)}.pick-form button.selected{background:#16a34a;color:#fff}.pick-form.compact button{padding:10px}.your-pick{margin:0;color:#86efac}.result{margin:0;color:#fde68a}.locked{background:rgba(59,130,246,.2);color:#bfdbfe;padding:8px 10px;border-radius:999px;font-size:13px;font-weight:900}.muted{color:#94a3b8}.leaderboard{padding:0;margin:0;display:grid;gap:10px;list-style:none}.leaderboard li{display:flex;justify-content:space-between;align-items:center;gap:10px;background:rgba(255,255,255,.07);border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:13px}.admin-tools{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid rgba(148,163,184,.18);padding-top:14px}.danger{background:#dc2626}.warning{background:#d97706}.success-text{color:#86efac;font-weight:800}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.empty{text-align:center;color:#cbd5e1}.admin-card form{margin-top:10px}@media(max-width:900px){.hero,.layout{grid-template-columns:1fr}.sidebar{position:static}}@media(max-width:560px){.pick-form,.teams-big,.teams-row,.admin-tools,.two-cols{grid-template-columns:1fr}.teams-big span,.teams-row span{padding:4px}.section-title{align-items:flex-start;flex-direction:column}}
