@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700;900&family=Inter:wght@400;600;700&display=swap');
:root{--bg:#03080d;--panel:#07131c;--ink:#f4f7f8;--muted:#94a7b5;--green:#35ff87;--red:#ff304d;--blue:#26a8ff;--line:#183344}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#073c27 0,transparent 35%),var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,.button,input,select{font:inherit}button,.button{border:0;border-radius:8px;padding:.75rem 1rem;background:var(--green);color:#001b0b;font-weight:800;cursor:pointer;display:inline-block}.ghost{background:transparent;color:var(--ink);border:1px solid #416070}.danger{background:var(--red);color:white}.hero{min-height:490px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(170,0,22,.45),transparent 42%,transparent 58%,rgba(0,91,180,.5)),linear-gradient(180deg,transparent,#03080d)}.rain{position:absolute;inset:0;opacity:.25;background-image:repeating-linear-gradient(90deg,transparent 0 31px,rgba(53,255,135,.12) 32px 33px),repeating-linear-gradient(0deg,transparent 0 34px,rgba(53,255,135,.06) 35px 36px);transform:perspective(500px) rotateX(60deg) scale(1.4);transform-origin:center bottom}.hero nav{position:relative;display:flex;justify-content:space-between;align-items:center;padding:24px max(24px,5vw);font:700 18px 'Barlow Condensed';letter-spacing:.08em}.brand{font-size:22px}.brand b{color:var(--green)}.hero-copy{position:relative;text-align:center;max-width:1050px;margin:45px auto;padding:0 20px}.eyebrow,.section-head span,.rules span{color:var(--green);font-weight:800;letter-spacing:.18em}.hero h1{font:900 clamp(48px,8vw,108px)/.8 'Barlow Condensed';margin:24px 0;text-shadow:0 0 25px rgba(53,255,135,.25)}.hero h1 span{color:var(--red)}.hero h1 em{color:var(--blue);font-style:normal}.hero h1 i{font-size:.35em;padding:0 .3em;font-style:normal;color:white}.hero-copy>p:not(.eyebrow){font-size:20px}.hero-stats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.hero-stats b{min-width:120px;padding:10px 20px;background:#071017cc;border:1px solid var(--green);border-radius:9px;font:900 30px 'Barlow Condensed'}.hero-stats small{font-size:16px;margin-left:7px;color:#cbd8de}main{max-width:1400px;margin:auto;padding:38px 24px 70px}.scoreboard{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:14px;align-items:stretch;margin-top:-80px;position:relative}.team,.progress,.panel,.pool,.match,.empty,.rules{background:linear-gradient(145deg,#0a1923,#050b10);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px #0007}.team{padding:25px;text-align:center}.team.red{border-color:#a92339}.team.blue{border-color:#1674b5}.team span,.team small{display:block;font-weight:800}.team.red span,.red-text{color:var(--red)}.team.blue span,.blue-text{color:var(--blue)}.team b{font:900 64px 'Barlow Condensed'}.progress{padding:24px;text-align:center}.progress b{font:900 40px 'Barlow Condensed';display:block}.progress span{color:var(--muted);font-size:13px;font-weight:700}.progress div{height:8px;background:#12242f;border-radius:8px;margin-top:16px;overflow:hidden}.progress i{display:block;height:100%;background:var(--green)}section{margin:65px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}.section-head h2,.rules h2{font:900 clamp(32px,5vw,58px)/1 'Barlow Condensed';margin:5px 0}.section-head p{color:var(--muted);max-width:560px}.pool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pool{padding:18px;display:flex;align-items:center;gap:20px}.pool>b{color:var(--green);font:800 18px 'Barlow Condensed'}.pool div{display:flex;justify-content:space-around;align-items:center;flex:1;font-size:18px;font-weight:700}.pool i{color:#4d6674}.match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.match{padding:16px}.match header,.match footer{display:flex;justify-content:space-between;align-items:center}.status{font-size:12px;padding:4px 8px;border-radius:20px;background:#182b37}.status.completed{color:var(--green)}.status.in_progress{color:#ffd34e}.status.postponed{color:#ff8f56}.side{display:grid;grid-template-columns:1fr auto;gap:2px;margin:15px 0;padding:12px;border-radius:8px}.side.red{background:#2b0b13;border-left:3px solid var(--red)}.side.blue{background:#061e30;border-left:3px solid var(--blue)}.side small,.side strong{grid-column:1}.side b{grid-row:1/3;grid-column:2;font:900 32px 'Barlow Condensed'}.side strong{font-size:17px}.versus{text-align:center;color:#6e8290;font:800 13px 'Barlow Condensed'}.match footer{color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:10px}.rules{padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.rules li{margin:12px 0;font-size:18px}.empty,.notice{padding:24px}.notice{border-radius:10px;margin:15px 0}.notice.ok{background:#0c3b25}.notice.error{background:#50121c}.panel{padding:24px;margin:0}.narrow{max-width:480px;margin:50px auto}.panel h2,.panel h3{font-family:'Barlow Condensed';font-size:30px;margin-top:0}.panel form{display:grid;gap:12px;margin:14px 0}.panel label{display:grid;gap:6px;color:#c7d4dc}.panel input,.panel select{background:#071018;color:white;border:1px solid #34505f;border-radius:7px;padding:10px;min-width:0}.check{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.matrix-preview{max-height:260px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:14px 0}.matrix-preview small{padding:6px;background:#0c1e29}.wide{margin-top:18px}.match-admin{overflow:auto}.score-row{display:grid!important;grid-template-columns:55px minmax(180px,1fr) 70px 15px 70px minmax(180px,1fr) 130px 160px 70px;align-items:center;min-width:1100px;border-bottom:1px solid var(--line);padding:8px 0}.score-row input,.score-row select{width:100%}.actions{display:flex;gap:10px}.footer{text-align:center;padding:25px;border-top:1px solid #133344;font:800 clamp(16px,3vw,28px) 'Barlow Condensed';letter-spacing:.1em;color:#afc2cd}
.schedule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.schedule-grid form{border:1px solid var(--line);padding:14px;border-radius:9px}.schedule-grid label{font-size:13px}@media(max-width:900px){.scoreboard{grid-template-columns:1fr 1fr;margin-top:-40px}.progress{grid-column:1/-1;grid-row:2}.pool-grid,.match-grid{grid-template-columns:1fr 1fr}.rules{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.schedule-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body{font-size:16px}.hero{min-height:420px}.hero nav{padding:18px}.hero h1{font-size:52px}.hero-stats b{min-width:95px;font-size:24px}.scoreboard{grid-template-columns:1fr 1fr}.team{padding:16px 8px}.team b{font-size:48px}.pool-grid,.match-grid,.schedule-grid{grid-template-columns:1fr}.section-head{display:block}.pool{padding:16px}.rules{padding:24px}.rules li{font-size:18px}.matrix-preview{grid-template-columns:1fr}main{padding-inline:15px}}