:root{--ink:#142d24;--green:#0c6b45;--mint:#e8f5ee;--cream:#faf8f1;--line:#dce7e0;--orange:#ff893c;--yellow:#ffd75b}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.loading{min-height:100vh;display:grid;place-content:center;text-align:center;color:var(--green);font-size:42px}.loading p{font-size:14px}.hero{background:var(--ink);color:white;padding:34px max(20px,calc((100vw - 1080px)/2));position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:330px;height:330px;border:50px solid #fff1;border-radius:50%;right:-130px;top:-170px}.heroTop{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:1}.eyebrow,.over{font-size:11px;letter-spacing:.16em;font-weight:850;color:#65d49d;margin:0 0 8px}.hero h1{font-size:clamp(38px,7vw,64px);line-height:.95;letter-spacing:-.05em;margin:0}.heroTop p:last-child{color:#b9d2c7}.live{height:max-content;background:#fff1;border:1px solid #fff2;border-radius:30px;padding:9px 12px;font-size:11px;font-weight:850}.live i{display:inline-block;width:8px;height:8px;background:#ff5d55;border-radius:50%;margin-right:7px}.stats{display:flex;gap:42px;margin-top:30px;position:relative;z-index:1}.stats b{font-size:25px;display:grid}.stats small{font-size:11px;color:#9db7ac;font-weight:500}nav{height:62px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:center;position:sticky;top:0;z-index:5}nav button{border:0;background:none;padding:0 20px;color:#77847d;font-weight:750;position:relative}nav button.active{color:var(--green)}nav button.active:after{content:"";position:absolute;bottom:0;left:15px;right:15px;height:3px;background:var(--orange)}.content{max-width:1080px;margin:auto;padding:36px 20px 75px}.sectionTitle{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:0 0 17px}.sectionTitle h2,.login h2{font-size:27px;letter-spacing:-.03em;margin:0}.link{border:0;background:none;color:var(--green);font-weight:750}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:45px}.card,.panel,.login{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 35px #1433260b}.card{padding:17px}.meta{display:flex;justify-content:space-between;font-size:12px;color:#75847c}.meta b{color:var(--orange)}.versus{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;text-align:center;gap:6px;margin:24px 0}.versus i{font-size:9px;font-style:normal;font-weight:900;color:var(--green);background:var(--mint);border-radius:50%;padding:7px 3px}.card>small{display:block;text-align:center;border-top:1px dashed var(--line);padding-top:11px;color:#8c9791}.table{background:white;border:1px solid var(--line);border-radius:16px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:600px}th{padding:11px;background:#f2f7f4;color:#819087;font-size:10px;text-transform:uppercase}td{padding:13px 11px;text-align:center;border-top:1px solid #edf2ef}th:nth-child(2),td.team{text-align:left}.team{font-weight:750}.place{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#edf2ef;font-style:normal;font-weight:850}.p1{background:var(--yellow)}.p2{background:#dce4e7}.p3{background:#e7b487}.pts{font-weight:900;color:var(--green);font-size:17px}.sectionTitle select{border:1px solid var(--line);background:white;border-radius:10px;padding:10px}.matchList{display:grid;gap:9px}.match{display:grid;grid-template-columns:95px 1fr 60px;align-items:center;background:white;border:1px solid var(--line);border-radius:13px;padding:12px 15px}.when,.names{display:grid;gap:4px}.when b{color:var(--orange)}.when small{color:#87938d}.score{justify-self:end;color:#89948f;font-size:12px}.score.done{display:grid;gap:3px}.score.done b{display:grid;place-items:center;width:29px;height:24px;border-radius:6px;background:var(--ink);color:white}.empty{grid-column:1/-1;background:white;padding:30px;text-align:center;border:1px dashed var(--line);border-radius:16px}.login{max-width:460px;margin:30px auto;padding:30px}.login>p:not(.over){color:#718077}.login form{display:grid;gap:9px;margin-top:24px}.login input,.formGrid input,.add input{width:100%;padding:12px;border:1px solid #cbd9d1;border-radius:10px}.login button,.primary,.generate{border:0;border-radius:10px;background:var(--green);color:white;padding:12px 16px;font-weight:800}.error{background:#fff0f0;color:#a33!important;padding:10px;border-radius:9px}.adminHead{display:flex;justify-content:space-between}.outline{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 12px}.notice{padding:10px 14px;border-radius:9px;background:var(--mint);color:var(--green)}.panel{padding:21px;margin-bottom:14px}.panel h3{margin:0 0 17px}.formGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:15px}.formGrid label{font-size:11px;color:#69776f;font-weight:750}.formGrid input{display:block;margin-top:6px}.add{display:flex;gap:8px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.chips span{background:var(--mint);color:var(--green);padding:7px 8px 7px 12px;border-radius:30px;font-size:13px;font-weight:750}.chips button{border:0;background:#fff9;border-radius:50%;margin-left:7px}.generate{background:var(--orange)}.scoreLine{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #edf2ef}.scoreLine>div{display:grid}.scoreLine small{color:#87938e}.scoreLine form{display:flex;align-items:center;gap:5px}.scoreLine input{width:42px;height:39px;text-align:center;border:1px solid #cbd9d1;border-radius:8px}.scoreLine form button{height:39px;border:0;border-radius:8px;background:var(--ink);color:white;font-weight:850}footer{max-width:1080px;margin:auto;border-top:1px solid var(--line);padding:20px;display:flex;justify-content:space-between;color:#87938d;font-size:11px}footer b{color:var(--green)}@media(max-width:720px){.heroTop{display:block}.live{position:absolute;right:0;top:0}.stats{justify-content:space-between;gap:10px}nav{justify-content:flex-start;overflow:auto;height:57px}nav button{padding:0 13px;font-size:13px}.content{padding:27px 14px 60px}.cards{grid-template-columns:1fr}.match{grid-template-columns:72px 1fr 50px}.formGrid{grid-template-columns:1fr 1fr}.panel{padding:16px}.scoreLine b{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add{display:grid}footer{display:grid;gap:5px}}@media(max-width:430px){.hero h1{font-size:40px}.formGrid{grid-template-columns:1fr}.scoreLine b{max-width:125px}.login{padding:22px}}