:root{--navy:#031b52;--blue:#0645ad;--electric:#1677ff;--paper:#f2f6fc;--ink:#041942;--line:#d8e2f0}
body{background-image:linear-gradient(rgba(6,69,173,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(6,69,173,.025) 1px,transparent 1px);background-size:28px 28px}.site-header{background:rgba(3,27,82,.97)}
.brand-mark{position:relative;background:#fff;color:#0645ad;border:3px solid #1677ff;border-radius:50%;transform:none;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px rgba(255,255,255,.35)}.brand-mark i{font-family:Georgia,serif;font-size:27px;font-weight:900;font-style:italic;transform:skew(-8deg)}
.hero{position:relative;background:radial-gradient(circle at 78% 18%,rgba(41,137,255,.42),transparent 27%),linear-gradient(120deg,#03143d 0%,#0645ad 66%,#042b72 100%)}.hero:after,.page-head:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background:conic-gradient(from 90deg at 1px 1px,#fff 90deg,transparent 0) 0 0/34px 34px}.hero-grid,.page-head .shell{position:relative;z-index:1}.hero h1 em{color:#fff;text-shadow:0 0 35px rgba(110,172,255,.65)}
.primary{background:#0874ee;box-shadow:0 10px 28px rgba(0,82,204,.3)}.primary:hover{background:#0063d2}.match-card{background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055));border-color:rgba(255,255,255,.26)}.page-head{position:relative;background:linear-gradient(120deg,#03143d,#0645ad)}.page-head.compact{padding:42px 0}
.messages{position:relative;z-index:5;padding-top:14px}.message{padding:13px 16px;border-radius:10px;background:#fff;border-left:4px solid #1677ff;box-shadow:0 8px 25px rgba(4,25,66,.1)}.message.success{border-color:#13a463}.message.error{border-color:#e02b3b}.message.warning{border-color:#e59e14}.round-actions{display:flex;align-items:center;gap:18px}.mini-button{display:inline-flex;padding:8px 13px;background:#e8f2ff;color:#0645ad;border-radius:8px;text-decoration:none;font-size:12px;font-weight:800}.leader-table>div{grid-template-columns:60px 1fr 120px 100px}
.narrow-page{max-width:860px;padding-top:42px;padding-bottom:80px}.form-card,.prediction-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(4,25,66,.08);padding:28px}.form-card{max-width:560px;margin:auto}.form-card label{display:block;font-weight:800;margin-bottom:7px}.form-card input{width:100%;padding:13px;border:1px solid #bdcbe0;border-radius:9px;font:inherit}.form-card .helptext{display:block;color:var(--muted);font-size:12px;margin-top:6px}.form-card button{border:0;margin-top:10px}
.prediction-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:22px 12px;border-bottom:1px solid var(--line)}.club{display:flex;flex-direction:column}.club strong{font-size:16px}.club small{color:#7890ad;font-size:10px;font-weight:800;letter-spacing:.12em}.club.away{text-align:right}.score-inputs{display:flex;align-items:center;gap:8px}.score-inputs input{width:54px;height:50px;text-align:center;border:2px solid #b9cae2;border-radius:10px;font:800 20px Manrope;background:#f8fbff}.score-inputs input:focus{outline:3px solid rgba(22,119,255,.18);border-color:#1677ff}.score-inputs span{font-weight:900;color:#7890ad}.kickoff{grid-column:1/-1;text-align:center;color:var(--muted);font-size:11px;margin-top:-9px}.form-errors{grid-column:1/-1;text-align:center;color:#d6293d;font-size:12px}.save-bar{display:flex;justify-content:space-between;align-items:center;padding-top:24px;margin-top:10px;border-top:2px solid #e4ebf5}.save-bar span{color:var(--muted);font-size:12px}.save-bar button{border:0}
.admin-stats{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:24px}.admin-stats div{padding:22px;border-right:1px solid var(--line)}.admin-stats strong,.admin-stats span{display:block}.admin-stats strong{font-size:28px;color:#0645ad}.admin-stats span{font-size:11px;color:var(--muted);text-transform:uppercase}.admin-links{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.admin-links a{display:flex;flex-direction:column;padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}.admin-links a:hover{border-color:#1677ff;box-shadow:0 10px 30px rgba(6,69,173,.1)}.admin-links span{color:var(--muted);font-size:12px;margin-top:5px}
@media(max-width:760px){.leader-table>div{grid-template-columns:38px 1fr 66px 58px;padding:14px 10px;font-size:12px}.prediction-card{padding:10px}.prediction-row{gap:9px;padding:20px 2px}.club strong{font-size:12px}.score-inputs input{width:44px;height:46px}.save-bar{align-items:stretch;flex-direction:column;gap:15px}.admin-stats{grid-template-columns:1fr 1fr}.admin-links{grid-template-columns:1fr}.round-actions{flex-direction:column;align-items:flex-end;gap:5px}}
.rules-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:24px}.score-scale{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.score-scale article{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:24px;border-bottom:1px solid var(--line)}.score-scale article:last-child{border:0}.score-scale>article>strong{font-size:30px;color:#0874ee}.score-scale h2{font-size:16px;margin:2px 0 7px}.score-scale p,.rules-note p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.rules-note{align-self:start;background:#031b52;color:#fff;border-radius:16px;padding:25px}.rules-note h2{margin-top:0}.rules-note p{color:#bdcce3;margin-top:14px}@media(max-width:760px){.rules-layout{grid-template-columns:1fr}.score-scale article{grid-template-columns:55px 1fr;padding:18px}}