
:root{color-scheme:dark;--bg:#090f19;--panel:#101b2b;--muted:#91a2b8;--line:#26364b;--gold:#e2c384;--blue:#69b8ef}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 8%,#152b45 0,transparent 42%),var(--bg);color:#f0f3f8;font:15px/1.5 system-ui, sans-serif}a{color:inherit;text-decoration:none}header{max-width:1280px;margin:auto;padding:25px 32px;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:32px;color:var(--gold)}.brand span{font-size:19px;letter-spacing:2px;color:#fff}.brand b{font-weight:400;color:var(--gold)}small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted)}nav{display:flex;gap:26px;margin-left:auto}nav a{color:var(--muted)}nav a.active,nav a:hover{color:var(--gold)}.button,button{display:inline-block;background:var(--gold);color:#111b27;border:1px solid var(--gold);border-radius:5px;padding:11px 18px;font:600 13px system-ui;cursor:pointer}button:disabled{opacity:.45;cursor:default}button.secondary{color:var(--gold);background:transparent}main{max-width:1216px;padding:0 32px;margin:auto}.hero{display:flex;align-items:center;justify-content:space-between;padding:64px 0 50px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:700}h1{font-size:clamp(36px,4.4vw,58px);line-height:1.1;letter-spacing:-2px;margin:18px 0}h1 em{font-style:normal;color:var(--gold)}.intro{color:var(--muted);line-height:1.8}.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.badges span,.tag{font-size:10px;letter-spacing:1px;border:1px solid var(--line);padding:6px 10px;border-radius:4px;color:#b5c4d8}.trophy{text-align:center;color:var(--gold);font-size:150px;line-height:1;text-shadow:0 0 80px #d4ae5260;padding:0 60px;transform:rotate(-4deg)}.trophy span{display:block;font-size:15px;letter-spacing:8px;line-height:1.7}.trophy b{font-size:28px}.panel{background:linear-gradient(115deg,#152338,#101a29);border:1px solid var(--line);border-radius:9px;padding:25px;margin-bottom:30px}.champion{display:flex;align-items:center;gap:24px;border-top:2px solid var(--gold)}h2{font-size:23px;margin:0 0 8px;letter-spacing:-.5px}h3{margin:0;font-size:16px}.muted{color:var(--muted);font-size:13px}.champion .description{flex:1}.champion .medal{font-size:40px;color:var(--gold)}select{border:1px solid #3c506b;background:#0b1523;color:#eef3f9;padding:12px;border-radius:5px;max-width:100%;font:14px system-ui}.champion form{display:flex;gap:10px;align-items:center}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:35px 0 20px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{background:transparent;color:var(--muted);border-color:var(--line);padding:8px 12px}.filters button.active{background:#20344c;color:#fff;border-color:#4c6d95}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.match{background:#101a29;border:1px solid var(--line);border-radius:8px;overflow:hidden}.matchtop{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;padding:14px 18px;border-bottom:1px solid var(--line)}.teams{display:flex;align-items:center;justify-content:space-around;padding:24px 12px 18px;gap:10px}.team{text-align:center;flex:1;font-weight:700;min-width:0}.team img{width:60px;height:60px;object-fit:contain;margin-bottom:10px}.team span{display:block}.versus{color:#647b98;font-size:12px}.pick{padding:0 18px 18px}.winnerbuttons{display:flex;gap:8px}.winnerbuttons button{flex:1;background:#15253b;color:#b8c8de;border-color:#304663}.winnerbuttons button.selected{border-color:var(--gold);color:var(--gold);background:#302b22}.scoreline{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:8px}.scoreline select{padding:8px;font-size:12px}.save{width:100%;margin-top:12px}.empty{text-align:center;padding:20px 10px;color:var(--muted);font-size:13px}.hint{font-size:12px;color:var(--muted);margin:8px 0}.result{color:var(--gold);font-size:20px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}td,th{padding:18px 15px;border-bottom:1px solid var(--line)}td:last-child{color:var(--gold);font-weight:700}.rules{max-width:820px}.rules p,.rules li{color:#b8c7d9}.rules strong{color:#f1f5fb}.rules li{margin:12px 0}.statrow{display:flex;gap:20px}.stat{flex:1}.stat b{font-size:28px;display:block;color:var(--gold)}footer{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;border-top:1px solid var(--line);margin-top:55px;padding:24px 0 35px;font-size:11px;color:var(--muted)}#notice:not(:empty){border-left:2px solid var(--blue);padding:14px 18px;background:#15263b;margin-bottom:20px;color:#bdd9ef}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#253951;border:1px solid #58718e;padding:15px 25px;border-radius:8px;max-width:90vw;display:none;z-index:10}#auth{font-size:12px}#auth button{margin-left:10px;padding:7px}.publicpicks{font-size:12px;border-top:1px solid var(--line);padding:12px 18px;color:var(--muted)}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.champion{flex-wrap:wrap}.trophy{padding:0 15px}header{gap:15px;padding:20px}nav{gap:15px}}@media(max-width:650px){header{flex-wrap:wrap}.brand{flex:1}nav{order:3;width:100%;justify-content:space-between}.hero{padding:38px 0}.trophy{display:none}main{padding:0 18px}.grid{grid-template-columns:1fr}.sectionhead{align-items:flex-start;flex-direction:column}.champion{padding:20px;gap:15px}.champion form{width:100%;flex-wrap:wrap}.champion select{flex:1;min-width:0}.champion .medal{display:none}h1{letter-spacing:-1px}.statrow{flex-wrap:wrap}.stat{min-width:100px}}

.trophy img{width:190px;height:190px;display:block;filter:drop-shadow(0 0 25px #d4ae5225)}
