@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#13251f;--muted:#75817a;--green:#173e31;--lime:#d5f46a;--paper:#f5f6f2;--line:#e7eae4;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1180px)/2),5.5%);background:var(--green);color:#fff;position:relative;z-index:2}.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font-size:12px;letter-spacing:1.5px;font-weight:600}.brand b{color:var(--lime);font-weight:800}.brand-icon{font-size:22px}.topbar nav{display:flex;gap:36px}.topbar nav a{font-size:13px;color:#e0e9e1;text-decoration:none}.topbar nav a:hover{color:var(--lime)}.button{border:0;border-radius:7px;padding:12px 17px;font:700 13px 'DM Sans';cursor:pointer;transition:transform .16s,background .16s}.button:hover{transform:translateY(-1px)}.button-light{background:#fff;color:var(--green)}.button-lime{display:inline-flex;gap:24px;align-items:center;text-decoration:none;background:var(--lime);color:#1c3327;margin-top:22px;padding:14px 19px}.button-green{background:var(--green);color:#fff;width:100%;margin-top:10px}.button-outline{background:transparent;border:1px solid #d6ddd5;color:var(--green)}main{max-width:1180px;margin:auto}.hero{min-height:355px;background:var(--green);color:#fff;position:relative;overflow:hidden;padding:49px 7.2% 45px;display:flex;align-items:center;justify-content:space-between}.hero-copy{position:relative;z-index:1}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:1.5px;color:#c5d3c9}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin:0 7px 1px 0;box-shadow:0 0 0 4px #d5f46a24}.hero h1{font:800 clamp(34px,4vw,48px)/1.14 Manrope,sans-serif;letter-spacing:-1.8px;margin:20px 0 12px}.hero h1 em{color:var(--lime);font-style:normal}.hero p{color:#d0d9d2;font-size:14px;margin:0}.scoreboard{width:316px;position:relative;z-index:1;background:#204837;border:1px solid #ffffff22;border-radius:12px;padding:20px 23px 14px;box-shadow:0 18px 55px #06180f3d}.board-label{font:10px 'DM Mono';letter-spacing:1.4px;color:#d0d9d2;text-align:center}.teams{display:flex;align-items:center;justify-content:space-between;margin:21px 9px 24px}.team{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:10px;letter-spacing:1px}.crest{height:49px;width:49px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;font:800 25px Manrope;box-shadow:inset 0 0 0 3px #ffffff25}.crest.red{background:#cb2030}.crest.blue{background:#2451a0}.versus{font:italic 800 18px Manrope;color:var(--lime)}.board-foot{border-top:1px solid #ffffff21;padding-top:11px;display:flex;justify-content:space-between;align-items:center;font:9px 'DM Mono';letter-spacing:1px;color:#d0d9d2}.board-pill{background:#d5f46a20;color:var(--lime);border-radius:30px;padding:5px 9px}.hero-orbit{position:absolute;border:1px solid #ffffff0c;border-radius:50%;pointer-events:none}.orbit-one{width:490px;height:490px;right:0;top:-190px}.orbit-two{width:650px;height:650px;right:-75px;top:-272px}.stats{background:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:20px 7.2%;border-bottom:1px solid var(--line)}.stats article{display:flex;align-items:center;gap:13px;border-right:1px solid var(--line);padding-left:24px}.stats article:first-child{padding-left:0}.stats article:last-child{border:0}.stat-icon{display:grid;place-items:center;width:37px;height:37px;background:#f2f6e6;border-radius:9px;color:#637b2e;font-size:18px}.stats strong{display:block;font:800 20px Manrope;line-height:1.15}.stats small{display:block;font:9px 'DM Mono';letter-spacing:.7px;color:var(--muted);margin-top:3px}.content-grid{padding:45px 7.2% 62px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.9fr);gap:34px}.section-heading,.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.dark-eyebrow{color:#828e85}.section-heading h2,.panel h2{font:800 23px Manrope;letter-spacing:-.7px;margin:5px 0 0}.games-list{display:flex;flex-direction:column;gap:12px}.empty-state{padding:32px 25px;background:#fff;border:1px dashed #d7ded5;border-radius:10px;text-align:center}.empty-icon{font-size:27px}.empty-state h3{font:700 16px Manrope;margin:11px 0 6px}.empty-state p{font-size:12px;color:var(--muted);margin:0 0 15px}.game-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 18px;display:grid;grid-template-columns:55px minmax(0,1fr) auto;gap:15px;align-items:center}.datebox{width:53px;height:57px;border-radius:7px;background:#f2f6e6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green)}.datebox b{font:800 20px Manrope;line-height:1.1}.datebox small{font:9px 'DM Mono';letter-spacing:1px;margin-top:4px}.match-title{font:700 14px Manrope}.team-tag{font:700 9px 'DM Mono';letter-spacing:.8px;border-radius:3px;padding:3px 5px;margin-right:6px;background:#fceced;color:#b32435}.team-tag.grêmio{background:#eaf0fa;color:#28549a}.game-meta{font-size:11px;color:var(--muted);margin-top:5px}.game-score{font:800 17px Manrope;white-space:nowrap}.game-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.small-button{background:#edf2df;color:#344627;border:0;border-radius:5px;padding:7px 9px;font:700 10px 'DM Sans';white-space:nowrap;cursor:pointer}.small-button.secondary{background:#f1f3f0;color:#405149}.game-actions .tiny{background:transparent;border:0;color:#a4aca6;font:10px 'DM Sans';cursor:pointer}.side-column{display:flex;flex-direction:column;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.panel-heading{margin:0 0 14px}.panel h2{font-size:20px}.trophy{font-size:22px}.standings{display:flex;flex-direction:column}.stand-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #eff1ed}.stand-row:last-child{border-bottom:0}.rank{font:11px 'DM Mono';color:#a1aaa2}.rank.first{color:#b89225}.player-name{font:600 12px 'DM Sans';overflow:hidden;text-overflow:ellipsis}.player-pts{font:800 13px Manrope}.player-pts small{font:9px 'DM Mono';font-weight:400;color:#8b968d;margin-left:2px}.text-button{border:0;background:transparent;color:#62774a;font:700 11px 'DM Sans';padding:9px 0 0;cursor:pointer}.rules-card{position:relative;background:#eaf0d8;border-radius:10px;padding:19px 20px 16px;overflow:hidden}.rules-mark{position:absolute;right:17px;top:8px;font-size:33px;color:#bbc99b}.rules-card h3{font:800 16px Manrope;margin:0 0 6px}.rules-card p{font-size:11px;line-height:1.5;color:#65715d;margin:0 0 15px;max-width:255px}.points{display:flex;gap:0}.points span{flex:1;border-right:1px solid #cbd5b7;padding-left:9px}.points span:first-child{padding-left:0}.points span:last-child{border:0}.points b,.points small{display:block}.points b{font:800 12px Manrope;color:#38502d}.points small{font:9px 'DM Sans';color:#74806b;margin-top:3px}footer{border-top:1px solid #e4e8e1;display:flex;justify-content:space-between;padding:17px 7.2%;font:9px 'DM Mono';letter-spacing:1px;color:#7a857d}footer b{color:#c84553}footer .text-button{padding:0;font:10px 'DM Sans';letter-spacing:0;color:#7a857d}dialog{border:0;border-radius:13px;padding:0;width:min(430px,calc(100% - 30px));box-shadow:0 20px 80px #14221c4a;color:var(--ink)}dialog::backdrop{background:#0d1e18a8;backdrop-filter:blur(3px)}dialog form{padding:29px;position:relative}dialog h2{font:800 23px Manrope;margin:6px 0 20px}dialog label{display:block;font-size:11px;font-weight:700;color:#56645a;margin:12px 0}dialog input,dialog select{display:block;width:100%;margin-top:6px;border:1px solid #dce2da;border-radius:6px;padding:11px 10px;font:13px 'DM Sans';background:#fff;color:var(--ink);outline:none}dialog input:focus,dialog select:focus{border-color:#739349;box-shadow:0 0 0 3px #d5f46a52}.close{position:absolute;right:19px;top:14px;border:0;background:transparent;color:#778279;font-size:25px;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-hint{font-size:12px;color:var(--muted);margin:-11px 0 17px}.score-inputs{display:flex;align-items:center;gap:16px;margin:18px 0}.score-inputs label{flex:1;text-align:center}.score-inputs input{text-align:center;font:800 22px Manrope;padding:10px}.score-inputs span{padding-top:19px;color:#869188;font-weight:800}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);opacity:0;background:#173e31;color:#fff;padding:12px 18px;border-radius:7px;font-size:12px;box-shadow:0 5px 25px #13251f30;transition:.2s;pointer-events:none;z-index:5}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.topbar{padding:0 5%;height:64px}.topbar nav{display:none}.topbar>.button{font-size:11px;padding:10px}.hero{padding:38px 6%;min-height:unset;gap:25px}.hero h1{font-size:34px}.hero p{max-width:290px;font-size:13px}.scoreboard{width:265px;padding:16px}.content-grid{padding:35px 5%;grid-template-columns:1fr}.stats{padding:18px 5%;grid-template-columns:1fr 1fr;gap:17px}.stats article{padding-left:0;border:0}.stats article:nth-child(even){border-left:1px solid var(--line);padding-left:15px}.stats strong{font-size:18px}.content-grid{gap:27px}.side-column{display:grid;grid-template-columns:1fr 1fr}.game-card{grid-template-columns:48px minmax(0,1fr) auto;gap:10px;padding:13px}.datebox{width:46px;height:52px}.game-actions .tiny{display:none}.rules-card,.panel{padding:16px}.points{gap:2px}footer{padding:16px 5%}}@media(max-width:560px){.hero{display:block;padding-top:35px;padding-bottom:27px}.hero h1{font-size:36px}.scoreboard{margin:28px auto 0;width:min(100%,330px)}.hero-orbit{right:-250px}.content-grid{padding-top:30px}.section-heading h2{font-size:21px}.game-card{grid-template-columns:46px minmax(0,1fr) auto}.game-score{font-size:14px}.small-button{font-size:9px;padding:7px}.side-column{grid-template-columns:1fr}.rules-card p{max-width:unset}.form-row{grid-template-columns:1fr;gap:0}}