:root{--green:#0f8a4b;--green-dark:#086435;--blue:#10243d;--blue-2:#173454;--red:#8f1d2c;--ink:#142033;--muted:#6b7280;--line:#dfe6ea;--bg:#f6f8f7;--card:#fff;--radius:8px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}input,textarea,select,button{font:inherit;border:1px solid var(--line);border-radius:var(--radius);padding:.8rem;background:#fff}button,.button{background:var(--green);color:#fff;border:0;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.site-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:.9rem clamp(1rem,4vw,4rem)}.brand{font-weight:900;font-size:1.25rem;color:var(--blue)}.brand span{color:var(--green)}.site-nav{display:flex;align-items:center;gap:1rem}.site-nav a,.site-nav button{font-weight:700;font-size:.92rem}.site-nav form{margin:0}.nav-toggle{display:none}.hero{min-height:520px;display:grid;align-items:end;background:linear-gradient(120deg,#10243dd9,#0f8a4bc7),url(https://images.unsplash.com/photo-1579952363873-27f3bade9f55?auto=format&fit=crop&w=1800&q=80) center/cover;color:#fff;padding:clamp(2rem,7vw,6rem)}.hero h1{max-width:900px;font-size:clamp(2.2rem,6vw,5.2rem);line-height:.98;margin:.2rem 0 1.4rem}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:.78rem}.hero .eyebrow{color:#b9ffd7}.search-bar{display:flex;max-width:620px;gap:.5rem}.search-bar input{flex:1}.section{max-width:1180px;margin:0 auto;padding:3rem 1rem}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:1rem}.section-head h2,.page-title h1{margin:0;color:var(--blue)}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.5rem}.stack{display:grid;gap:1rem}.post-card,.panel,.auth-card,.form-card,.match-row,.comment,.author-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.post-card__body{padding:1rem}.post-card h2{font-size:1.1rem;line-height:1.2;margin:.25rem 0}.post-card p{color:var(--muted);margin:.5rem 0}.post-card span,.article-meta,.match-row span{color:var(--muted);font-size:.9rem}.sidebar{background:#fff;border-left:4px solid var(--green);padding:1rem;border-radius:var(--radius);align-self:start}.ranked,.leader{display:flex;gap:.8rem;justify-content:space-between;border-bottom:1px solid var(--line);padding:.75rem 0}.ranked span{background:var(--blue);color:#fff;border-radius:999px;min-width:28px;height:28px;display:inline-grid;place-items:center}.pill{display:inline-flex;align-items:center;gap:.5rem;margin:.25rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:999px}.panel{padding:1rem}.page-title{max-width:1180px;margin:0 auto;padding:3rem 1rem 1rem}.page-title h1{font-size:clamp(2rem,5vw,4rem)}.article{max-width:860px;margin:0 auto;padding:2rem 1rem}.article h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05;color:var(--blue)}.article-image{border-radius:var(--radius);margin:1.5rem 0}.article-content{font-size:1.08rem}.article-content a{color:var(--green);text-decoration:underline}.share,.prev-next{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.share a,.prev-next a{border:1px solid var(--line);padding:.55rem .75rem;border-radius:var(--radius);background:#fff}.author-box,.comment{padding:1rem;margin:1rem 0}.comments textarea,.form-card textarea,.admin-form textarea{width:100%}.match-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem}.score-form{display:flex;gap:.5rem}.score-form input{width:74px}.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.table th,.table td{padding:.85rem;border-bottom:1px solid var(--line);text-align:left}.auth-card,.form-card{max-width:520px;margin:3rem auto;padding:1.25rem;display:grid;gap:.8rem}.flash{max-width:1180px;margin:1rem auto;background:#e6f8ee;color:var(--green-dark);border:1px solid #b5ebcb;border-radius:var(--radius);padding:1rem}.flash-error{background:#fff0f2;color:var(--red);border-color:#f2c2ca}.site-footer{margin-top:3rem;background:var(--blue);color:#fff;display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(1rem,4vw,4rem)}.site-footer nav{display:flex;gap:1rem;flex-wrap:wrap}.admin-body{display:grid;grid-template-columns:260px minmax(0,1fr);background:#eef3f0}.admin-sidebar{min-height:100vh;background:var(--blue);color:#fff;padding:1rem;position:sticky;top:0}.admin-sidebar nav{display:grid;gap:.25rem;margin-top:1rem}.admin-sidebar a{padding:.65rem;border-radius:var(--radius)}.admin-sidebar a:hover{background:var(--blue-2)}.admin-main{padding:1.5rem;min-width:0}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.stat span{display:block;color:var(--muted)}.stat strong{font-size:2rem;color:var(--blue)}.admin-form{display:grid;gap:1rem;max-width:980px}.admin-form .panel{display:grid;gap:.8rem}.checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.hidden{position:absolute;left:-9999px}.pagination{max-width:1180px;margin:1rem auto;padding:0 1rem}.option{display:flex;justify-content:space-between;gap:.8rem;padding:.5rem;border-bottom:1px solid var(--line)}@media (max-width:900px){.nav-toggle{display:inline-flex}.site-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;padding:1rem;box-shadow:0 12px 25px #0000001f;flex-direction:column;align-items:flex-start}.site-nav.is-open{display:flex}.grid-2,.grid-3,.grid-4,.two-col,.stats-grid,.admin-body{grid-template-columns:1fr}.admin-sidebar{min-height:auto;position:relative}.match-row,.site-footer{flex-direction:column;align-items:flex-start}.checkbox-grid{grid-template-columns:1fr}.hero{min-height:430px}.search-bar{flex-direction:column}}.inline-form{margin:1rem 0}.editor-toolbar{display:flex;flex-wrap:wrap;gap:.4rem}.editor-toolbar button{padding:.45rem .65rem;background:var(--blue)}.field-help{color:var(--muted);font-size:.88rem;margin:0}.admin-nav{display:grid;gap:.35rem;margin-top:1rem}.admin-nav__group{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);overflow:hidden}.admin-nav__group summary{list-style:none;cursor:pointer;padding:.72rem .75rem;font-weight:800;color:#fff;background:#ffffff0a;display:flex;align-items:center;justify-content:space-between}.admin-nav__group summary::-webkit-details-marker{display:none}.admin-nav__group summary:after{content:"+";font-weight:900;color:#b9ffd7}.admin-nav__group[open] summary{background:#0f8a4b38}.admin-nav__group[open] summary:after{content:"-"}.admin-nav__group div{display:grid;gap:.2rem;padding:.35rem;background:#0000001f}.admin-nav a,.admin-nav__link{display:block;padding:.62rem .7rem;border-radius:var(--radius);color:#fff}.admin-nav__group a{padding-left:1rem;color:#dbe8ef;font-size:.94rem}.admin-nav a:hover,.admin-nav a.is-active{background:var(--green);color:#fff}.admin-nav__link{font-weight:800;background:#ffffff0a}.analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.analytics-grid .table{font-size:.92rem}.team-card{display:grid;gap:.55rem;align-content:start}.team-inline{display:inline-flex;align-items:center;gap:.45rem}.team-flag{width:30px;height:30px;object-fit:contain;border:1px solid var(--line);border-radius:50%;background:#fff;flex:0 0 auto}.team-flag--large{width:30px;height:30px}.match-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1.25rem;padding:1rem 1.1rem}.match-card__main{display:grid;gap:.45rem;min-width:0}.match-card__teams{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.match-card__teams .team-inline{font-size:1rem;font-weight:900;color:var(--blue);min-width:0}.versus{display:inline-grid;place-items:center;width:34px;height:24px;border-radius:999px;background:#eef5f1;color:var(--green-dark);border:1px solid #cfe4d8;font-size:.72rem;font-weight:900;letter-spacing:.04em;flex:0 0 auto}.match-card__meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;color:var(--muted);font-size:.92rem;padding-left:0}.match-card__action{display:flex;justify-content:flex-end;align-items:center}.match-card__final,.match-card__score{display:grid;place-items:center;gap:.08rem;min-width:96px;text-align:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--green-dark));border:1px solid rgba(16,36,61,.18);border-radius:var(--radius);padding:.6rem .85rem;box-shadow:0 8px 18px #10243d1f}.match-card__final span{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#d9ffe9}.match-card__final strong,.match-card__score{font-size:1.35rem;line-height:1;font-weight:900}.match-card .score-form{align-items:center}.match-card .score-form input{width:74px;height:44px;text-align:center;font-weight:800}.match-card .score-form button{height:44px;padding:.65rem 1rem}.prediction-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding-top:1rem;padding-bottom:1rem}.prediction-rules__card{display:grid;gap:.15rem;border-left:4px solid var(--blue)}.prediction-rules__card strong{font-size:1.25rem;color:var(--blue)}.prediction-rules__card span{color:var(--muted);font-size:.92rem}.prediction-rules__card--exact{border-left-color:var(--green)}.prediction-rules__card--outcome{border-left-color:#d4a017}.prediction-rules__card--miss{border-left-color:var(--red)}.prediction-result{display:grid;gap:.08rem;min-width:150px;border:1px solid var(--line);border-left:5px solid var(--line);border-radius:var(--radius);padding:.55rem .7rem;background:#fff}.prediction-result span{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:900}.prediction-result strong{font-size:1.08rem;color:var(--blue)}.prediction-result em{font-style:normal;font-size:.82rem;color:var(--muted)}.prediction-result--exact{border-left-color:var(--green);background:#f0fbf5}.prediction-result--outcome{border-left-color:#d4a017;background:#fff8df}.prediction-result--miss{border-left-color:var(--red);background:#fff3f4}.prediction-result--pending{border-left-color:var(--blue);background:#f4f8fb}.prediction-summary{display:flex;justify-content:space-between;align-items:center;gap:1rem}.prediction-summary strong{font-size:1.6rem;color:var(--blue)}.prediction-summary span{color:var(--muted);font-weight:800}.table-link{color:var(--green);font-weight:900;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}@media (max-width:760px){.prediction-rules{grid-template-columns:1fr 1fr}.match-card{grid-template-columns:1fr;align-items:stretch}.match-card__teams{gap:.5rem .6rem}.versus{width:auto;height:auto;padding:.18rem .55rem}.match-card__action{justify-content:flex-start}.match-card .score-form{width:100%;display:grid;grid-template-columns:1fr 1fr auto}.match-card .score-form input{width:100%}.match-card__final,.match-card__score{min-width:0;justify-items:start;place-items:start;padding:.7rem .8rem}.match-card__meta{font-size:.88rem}.prediction-result{width:100%}.prediction-summary{align-items:flex-start;flex-direction:column}}@media (max-width:520px){.prediction-rules{grid-template-columns:1fr}}.prediction-save-status{align-self:center;min-width:72px;font-size:.82rem;font-weight:900;color:var(--muted)}.prediction-save-status.is-success{color:var(--green-dark)}.prediction-save-status.is-error{color:var(--red)}.score-form button:disabled{opacity:.7;cursor:wait}@media (max-width:760px){.prediction-save-status{grid-column:1/-1;min-width:0}}.auth-help{color:var(--muted);margin:.1rem 0 .4rem}.form-errors{background:#fff3f4;border:1px solid #efb6c0;border-left:4px solid var(--red);border-radius:var(--radius);padding:.85rem;color:#6f1421}.form-errors strong{display:block;margin-bottom:.35rem}.form-errors ul{margin:.35rem 0 0;padding-left:1.2rem}.google-button{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 2px 8px #10243d0f}.google-button:before{content:"G";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#4285f4;border:1px solid var(--line);font-weight:900}.auth-divider{display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.checkbox-line{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-weight:700}.auth-links{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.auth-links a,.auth-help a{color:var(--green);font-weight:900;text-decoration:underline;text-underline-offset:3px}