:root{color:#172418;background:radial-gradient(circle at 0 0,#ffd60a38,#0000 34rem),linear-gradient(135deg,#063f2c 0%,#0b6b43 42%,#f3f7ef 42% 100%);min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0}main{width:min(1180px,100% - 32px);margin:0 auto 48px}.hero{color:#fff;align-items:end;min-height:260px;padding:44px 0 32px;display:flex}.hero div{max-width:760px}.hero p,.section-kicker{color:#ffd60a;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:900}.hero span{color:#ffffffd1;margin-top:12px;font-size:18px;display:inline-block}h1{margin:0;font-size:56px;line-height:1}h2,h3{margin:0 0 16px}section,.panel{background:#fffffff5;border:1px solid #1454311f;border-radius:8px;box-shadow:0 18px 50px #063f2c1f}section{margin-bottom:24px;padding:24px}.panel{padding:20px}.dashboard-shell{background:#ffffffb8}.grid,.stats-grid{gap:18px;display:grid}.grid.two{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.stats-grid article{color:#fff;background:linear-gradient(135deg,#063f2c,#0f7b4d);border-radius:8px;padding:18px}.stats-grid span{color:#ffffffbd;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.stats-grid strong{font-size:32px}.section-title,.match-card header,.result-row,.match-title,.team-name{align-items:center;gap:12px;display:flex}.section-title,.match-card header,.result-row{justify-content:space-between}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e5ecdf;padding:12px 8px}th{color:#667563;text-transform:uppercase;font-size:12px}.rank,.points,.prediction-score,.score-badge,.score-pending,.status{border-radius:999px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.rank{color:#0f6f46;background:#edf5e8;min-width:42px;padding:6px 10px}.points{color:#172418;background:#ffd60a;min-width:44px;padding:7px 12px}.points.small{min-width:36px;padding:5px 10px}.match-list{gap:16px;display:grid}.match-card{background:#fff;border:1px solid #dde8d6;border-radius:8px;padding:16px;overflow:hidden}.match-card header{align-items:flex-start}.match-meta{color:#667563;flex-wrap:wrap;gap:8px;margin:10px 0 14px;font-size:13px;display:flex}.team-name{min-width:0;font-weight:900}.team-flag{background:#f4f7f1;border:1px solid #e1eadb;border-radius:999px;justify-content:center;width:42px;height:42px;padding-top:8px;font-size:22px;line-height:1;display:inline-flex}.match-title{flex-wrap:wrap}.score-badge{color:#fff;background:#063f2c;min-width:72px;padding:9px 14px}.score-pending{color:#0f6f46;background:#edf5e8;min-width:48px;padding:9px 12px}.status{padding:7px 10px;font-size:12px}.status.final{color:#12753d;background:#e8f7ed}.status.scheduled{color:#77610c;background:#fff4c2}.prediction-score{background:#f4f7f1;min-width:54px;padding:6px 10px}.form-row,.prediction-form,.stack{gap:12px;display:flex}.prediction-form{flex-wrap:wrap;align-items:center}.prediction-form>input,.prediction-form>select{flex:220px}.stack{flex-direction:column;margin-bottom:16px}input,select,button{min-height:48px;font:inherit;border:1px solid #cbd9c3;border-radius:8px;padding:0 12px}input,select{color:#172418;background:#fbfdf9}input:focus,select:focus{border-color:#0f7b4d;outline:none;box-shadow:0 0 0 3px #0f7b4d24}button{color:#fff;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#0f7b4d,#063f2c);border:0;padding:0 18px;font-weight:900}button:hover{filter:brightness(1.05)}code{color:#0f6f46;background:#edf5e8;border-radius:5px;padding:4px 8px;font-weight:900}.error{color:#bd2727}.message{color:#12753d;font-weight:800}.compact{gap:8px}.result-row{background:#fff;border:1px solid #e1eadb;border-radius:8px;padding:12px}.score-entry{background:#f7faf4;border:1px solid #dfe9d8;border-radius:8px;flex:420px;justify-content:center;align-items:center;gap:10px;padding:8px;display:flex}.score-team{flex:1 1 0;justify-content:space-between;align-items:center;gap:10px;min-width:180px;display:flex}.score-team input{text-align:center;width:76px;font-size:18px;font-weight:900}.score-versus{color:#fff;background:#063f2c;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:900}@media (width<=900px){main{width:min(100% - 20px,720px);margin-bottom:24px}.grid.two,.stats-grid{grid-template-columns:1fr}.form-row,.prediction-form{flex-direction:column}.section-title,.match-card header,.result-row{flex-direction:column;align-items:stretch}.score-entry{flex-direction:column;align-items:stretch;width:100%}.score-team{min-width:0}h1{font-size:40px}}@media (width<=640px){:root{background:radial-gradient(circle at 0 0,#ffd60a2e,#0000 18rem),linear-gradient(#063f2c 0%,#0b6b43 24rem,#f3f7ef 24rem)}main{width:min(100% - 14px,520px)}.hero{min-height:190px;padding:28px 0 20px}.hero p,.section-kicker{font-size:11px}.hero span{font-size:15px;line-height:1.35}h1{font-size:34px}h2{font-size:22px}h3{font-size:18px}section,.panel{box-shadow:0 12px 28px #063f2c1a}section{margin-bottom:14px;padding:14px}.panel{padding:14px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stats-grid article{padding:12px 8px}.stats-grid span{font-size:11px;line-height:1.2}.stats-grid strong{font-size:24px}.section-title{gap:10px}.section-title button,.prediction-form button,.form-row button,.stack button,.result-row button{width:100%}.prediction-form>input,.prediction-form>select,.prediction-form>button{flex-basis:100%;width:100%}.match-card{padding:12px}.match-card header{gap:10px}.match-title{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;width:100%;display:grid}.match-title .team-name{text-align:center;flex-direction:column;justify-content:start;gap:6px}.match-title .score-badge,.match-title .score-pending{align-self:center;min-width:44px;padding:8px 10px}.team-name{font-size:14px}.team-flag{width:38px;min-width:38px;height:38px;padding-top:7px;font-size:20px}.match-meta{font-size:12px;display:grid}table,thead,tbody,tr,th,td{display:block}thead{width:1px;height:1px;position:absolute;overflow:hidden}tbody{gap:8px;display:grid}tr{background:#fbfdf9;border:1px solid #e1eadb;border-radius:8px;padding:10px}td{border:0;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}td:before{color:#667563;content:attr(data-label);text-transform:uppercase;flex:none;font-size:11px;font-weight:900}td[colspan]{text-align:center;display:block}td[colspan]:before{content:""}.score-entry{gap:8px;padding:10px}.score-team{background:#fff;border:1px solid #e1eadb;border-radius:8px;padding:8px}.score-team .team-name{flex:1}.score-team input{width:72px;min-height:52px}.score-versus{align-self:center}input,select,button{font-size:16px}}