:root{--bg:#06100d;--side:#091511;--card:#0c1915;--card2:#10221b;--stroke:#21362b;--line:#1a2c23;--text:#eef8f1;--muted:#8fa99d;--bright:#68f7ae;--green:#3bd796;--soft:#173e2a;--amber:#e6c989;--red:#f08d90;--blue:#8fb8f6;--shadow:0 16px 50px #0005}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--bright);outline-offset:3px}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:33px 17px 22px;border-right:1px solid var(--stroke);background:var(--side)}.brand{display:flex;gap:12px;align-items:center;padding:0 12px 47px}.brand-mark{width:36px;height:36px;background:var(--bright);clip-path:polygon(0 18%,48% 0,100% 18%,100% 82%,48% 100%,0 82%);display:flex;align-items:center;justify-content:center}.brand-bars{display:block;width:23px;height:19px;border-left:5px solid #062018;border-right:5px solid #062018;transform:skew(-18deg)}.brand-copy strong{display:block;font-size:18px;letter-spacing:-.8px;white-space:nowrap}.brand-copy strong span{color:var(--bright)}.brand-copy small{display:block;margin-top:4px;font-size:8px;letter-spacing:1.4px;color:var(--muted)}.side-section-label,.section-kicker,.filter-control span,.compare-selects label,.manual-inputs label,.eyebrow,.sidebar-info,.sidebar-bottom{font-size:10px;font-weight:800;letter-spacing:1.6px}.side-section-label{color:#627d70;padding:0 15px 15px}.side-nav{display:flex;flex-direction:column;gap:6px}.nav-item{width:100%;display:flex;gap:13px;align-items:center;text-align:left;color:#97b4a5;background:none;border:1px solid transparent;border-radius:10px;padding:14px 13px;font-size:13px;font-weight:650}.nav-item:hover{color:var(--text);background:#11251b}.nav-item.active{background:#153324;border-color:#265239;color:var(--bright)}.nav-emoji{font-size:19px;width:24px;display:inline-flex;justify-content:center}.sidebar-stretch{flex:1}.sidebar-info{background:#0e2118;border:1px solid #244332;border-radius:10px;padding:17px 14px;line-height:1.6;color:#b2ead0}.sidebar-info small{font-size:11px;font-weight:400;letter-spacing:0;color:#749785;line-height:1.7}.pulse-light,.dot-green,.status-pill i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#49e49b;box-shadow:0 0 10px #38dd8c88;margin-right:6px}.sidebar-bottom{color:#526f5d;padding:22px 15px 0;display:flex;justify-content:space-between}.main-column{min-width:0}.topbar{height:76px;padding:0 clamp(20px,4.1vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.bread{font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--muted)}.bread span:last-child{color:#eff8f0}.slash{padding:0 15px;color:#466754}.topright{display:flex;align-items:center;gap:12px}.status-pill{border:1px solid #244b36;border-radius:99px;padding:8px 13px;display:flex;align-items:center;color:#a4ceb5;background:#0b2317;font-size:11px;font-weight:700}.status-pill i{width:7px;height:7px}.icon-action{background:var(--card);color:#a9e9c7;border:1px solid var(--stroke);border-radius:9px;font-size:25px;line-height:1;padding:6px 11px}main{max-width:1470px;padding:37px clamp(20px,4.1vw,68px) 16px;margin:auto}.hero{min-height:258px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 78% 42%,#1d5c3991,transparent 40%),linear-gradient(109deg,#103022,#112e24 50%,#071e18 100%);border:1px solid #236a48;border-radius:18px;padding:35px 48px;margin-bottom:39px;overflow:hidden;position:relative}.hero-content{z-index:1;max-width:670px}.eyebrow{color:var(--bright);display:flex;align-items:center;gap:13px}.eyebrow-icon{font-size:17px}.pill-mini{background:#23523b;color:#9ff6c6;border:1px solid #3d7153;padding:4px 8px;border-radius:4px;font-size:9px}.hero h1{font-size:clamp(32px,3.5vw,54px);letter-spacing:-2px;line-height:1.13;margin:18px 0 14px;font-weight:830}.hero h1 em{color:#64efa9;font-style:normal}.hero p{color:#b1cabc;line-height:1.6;max-width:540px;margin:0}.hero p strong{color:#e2f9ea;font-weight:650}.hero-meta{display:flex;flex-wrap:wrap;gap:22px;color:#95c9aa;font-size:11px;font-weight:700;margin-top:23px}.hero-graphic{position:absolute;right:3%;width:280px;height:280px;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;border:1px solid #4eae7970;border-radius:50%;transform:rotate(-28deg) scaleY(.65)}.orbit.one{width:210px;height:210px}.orbit.two{width:310px;height:310px}.orb-ball{font-size:119px;color:#8effbfaa;filter:drop-shadow(0 0 45px #45d57f88)}.float-num{position:absolute;color:#b8ffd6;background:#144731;border:1px solid #478f65;border-radius:10px;padding:9px;font-size:12px;font-weight:800}.n1{top:62px;right:0}.n2{bottom:55px;left:1px}.screen{display:none}.screen.active{display:block}.panel-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px;gap:10px}.section-kicker{color:var(--green)}h2{font-size:27px;letter-spacing:-.8px;margin:8px 0 5px}h3{margin:0}.panel-heading p{color:var(--muted);margin:0;line-height:1.6}.updated-text{font-size:11px;color:#739283;white-space:nowrap}.filter-row{display:grid;grid-template-columns:1.15fr 1fr 1.3fr;gap:12px;margin-bottom:20px}.filter-control{display:flex;flex-direction:column;gap:8px;color:#89bb9f;background:var(--card);border:1px solid var(--stroke);border-radius:10px;padding:12px 14px 11px}.filter-control select,.filter-control input{width:100%;background:transparent;color:var(--text);border:0;outline:0;font-size:13px;font-weight:650}.filter-control select option{background:#10241b}.filter-control input::placeholder{color:#5e7c6b}.subbar{display:flex;justify-content:space-between;margin-bottom:14px;color:#c1e5cf}.subbar>div{display:flex;gap:9px;align-items:center}.subbar strong{font-size:13px}.subbar-note{color:#769a85;font-size:11px}.matches-list{display:grid;gap:11px}.match-row{width:100%;display:grid;grid-template-columns:130px minmax(0,1fr) 240px 40px;align-items:center;gap:14px;text-align:left;background:var(--card);border:1px solid var(--stroke);border-radius:12px;padding:19px 20px;color:var(--text);transition:background .2s,border .2s}.match-row:hover{background:#12291e;border-color:#43946a}.fixture-time{font-size:12px;color:#b1cdbb}.fixture-time strong{display:block;color:#b7f6d0;margin-top:4px;font-size:12px}.fixture-team{min-width:0}.fixture-teams{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:730;line-height:1.3}.fixture-teams .vs-text{color:#5f8870;font-size:10px;font-weight:750}.fixture-teams .club-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fixture-subline{font-size:11px;color:#729481;margin-top:6px}.probbar{display:flex;gap:4px;height:9px;border-radius:4px;overflow:hidden;background:#173023}.probbar span{display:block;height:100%;min-width:0;transition:width .25s}.probbar .h{background:#65efab}.probbar .d{background:#d1b874}.probbar .a{background:#799de0}.prob-labels{display:flex;justify-content:space-between;margin-top:7px;font-size:11px;color:#b7d3c0}.prob-labels b{color:var(--text);font-weight:800}.row-arrow{font-size:23px;color:#72cfa0;text-align:right}.empty-state,.loading{padding:48px 20px;text-align:center;background:var(--card);border:1px solid var(--stroke);border-radius:13px;color:var(--muted);line-height:1.7}.empty-state strong{display:block;color:var(--text);font-size:18px;margin-bottom:8px}.loading{display:flex;align-items:center;justify-content:center;gap:15px}.spinner{display:inline-block;width:18px;height:18px;border:2px solid #537862;border-top-color:var(--bright);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--card);border:1px solid var(--stroke);border-radius:14px;padding:24px}.compare-selects{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.compare-selects label,.manual-inputs label{color:var(--muted);flex:1;display:flex;flex-direction:column;gap:12px}.compare-selects select,.manual-inputs input{background:#0a2117;border:1px solid #335443;color:var(--text);border-radius:7px;padding:13px;font-weight:650;min-width:0;width:100%}.vs{font-size:23px;font-weight:900;color:#61846f;align-self:end;padding:5px}.primary-btn{background:var(--bright);border:1px solid var(--bright);color:#082118;border-radius:8px;padding:14px 19px;font-weight:800;font-size:12px;white-space:nowrap}.primary-btn:hover{background:#b2ffd4}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.validation-card{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}.validation-card h3{font-size:21px}.validation-card p{line-height:1.7;color:var(--muted);max-width:520px}.metric-wrap{background:#0d2318;border:1px solid #294a36;border-radius:12px;min-height:195px;display:flex;align-items:center;justify-content:center;padding:15px}.stat-empty{text-align:center;color:#80a18d}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.metric strong{display:block;color:var(--bright);font-size:28px;letter-spacing:-1px}.metric small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:16px}.method-card{padding:25px 20px;border:1px solid var(--stroke);background:var(--card);border-radius:11px}.method-card span{color:var(--green);font-size:12px;font-weight:800}.method-card h3{margin-top:18px;font-size:17px}.method-card p{font-size:12px;line-height:1.6;color:var(--muted)}.manual-card{max-width:850px}.manual-inputs{display:grid;grid-template-columns:1fr 1fr;gap:19px}.manual-help{background:#0f2b1c;border-left:2px solid var(--bright);margin:22px 0;color:#aed5be;padding:13px;font-size:12px;line-height:1.7}.manual-card #manualResult{margin-top:25px}.footer{border-top:1px solid var(--line);margin-top:62px;padding:20px 0 27px;display:flex;justify-content:space-between;gap:20px;color:#71907d;font-size:11px;line-height:1.6}.footer strong{color:#a2cdb1}.footer a,.footer button{color:var(--bright)}.footer button{background:none;border:0;padding:0;text-decoration:underline}dialog{background:#0c1b16;color:var(--text);border:1px solid #386c4e;box-shadow:0 25px 110px #000c;border-radius:17px;padding:0;width:min(880px,calc(100vw - 30px));max-height:90vh;overflow:auto}dialog::backdrop{background:#010905bb;backdrop-filter:blur(7px)}.dialog-inner{position:relative;padding:33px}.modal-close{position:absolute;right:18px;top:18px;background:#173022;border:1px solid #325641;color:#cbe7d7;border-radius:7px;width:34px;height:34px;font-size:19px}.detail-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:13px 40px 27px 0}.detail-header h2{font-size:25px;margin:10px 0}.detail-header .smallmeta{color:#8cb09b;font-size:12px}.headline-probs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.pbox{background:#102d1e;border:1px solid #2b583d;padding:16px;border-radius:10px}.pbox:nth-child(2){background:#27251a;border-color:#4b4531}.pbox:nth-child(3){background:#17233b;border-color:#31496c}.pbox small{font-size:10px;color:#a3b7a7;font-weight:750;letter-spacing:1.1px}.pbox strong{display:block;font-size:31px;margin-top:8px;letter-spacing:-.8px}.bigbars{height:14px}.explain-box{padding:16px 18px;background:#0d2d1e;border-left:3px solid var(--bright);color:#b9e7ca;line-height:1.6;margin:18px 0;font-size:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-section{background:#0b2418;border:1px solid #244131;border-radius:11px;padding:19px}.detail-section h3{font-size:14px;margin-bottom:15px}.stat-line{display:flex;justify-content:space-between;margin:11px 0;color:#98c6ac;font-size:12px}.stat-line strong{color:#e2f8e9}.form-dots{display:flex;gap:6px}.outcome-dot{display:inline-flex;align-items:center;justify-content:center;color:#07130e;font-size:10px;font-weight:900;width:25px;height:25px;border-radius:6px;background:#79cda1}.outcome-dot.loss{background:#ef8c8a}.outcome-dot.draw{background:#d9c17f}.h2h-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #214031;font-size:11px;color:#afcebb}.h2h-item:last-child{border:0}.h2h-score{white-space:nowrap;color:var(--text);font-weight:800}.topscore{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.topscore span{padding:7px 10px;background:#1b3325;border-radius:7px;font-size:11px}.muted{color:var(--muted)}.about-inner{line-height:1.8}.about-inner h2{margin-top:10px}.about-inner p{color:#b0cab9}.note-text{color:#91b3a2;font-size:11px;margin-top:12px;line-height:1.6}.manual-result-box{border:1px solid var(--stroke);border-radius:10px;padding:20px;background:#0c2519}.manual-result-box h3{margin-bottom:17px}
@media(max-width:1200px){.app-shell{grid-template-columns:216px minmax(0,1fr)}.hero-graphic{opacity:.37;right:0}.match-row{grid-template-columns:95px minmax(0,1fr) 200px 16px;gap:11px;padding:15px}.method-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:840px){.app-shell{display:block}.sidebar{height:auto;position:static;padding:13px 16px 5px;border-right:0;border-bottom:1px solid var(--stroke)}.brand{padding:0 0 14px}.side-section-label,.sidebar-stretch,.sidebar-info,.sidebar-bottom{display:none}.side-nav{flex-direction:row;overflow:auto;padding-bottom:7px}.nav-item{white-space:nowrap;flex:0 0 auto;padding:11px 13px}.topbar{height:57px}.hero{padding:28px 25px;min-height:242px}.hero-graphic{right:-100px;opacity:.25}.filter-row{grid-template-columns:1fr 1fr}.filter-row .search-box{grid-column:span 2}.match-row{grid-template-columns:92px minmax(0,1fr) 165px 8px}.validation-card{grid-template-columns:1fr}.footer{flex-direction:column}}
@media(max-width:610px){main{padding:19px 13px}.topbar{padding:0 13px}.topright .status-pill{max-width:190px;white-space:nowrap;overflow:hidden}.hero{min-height:0;padding:25px 19px;margin-bottom:30px}.hero h1{letter-spacing:-1.1px;font-size:35px}.hero-meta{gap:10px;font-size:10px}.hero-graphic{display:none}.panel-heading{display:block}.updated-text{margin-top:10px}.filter-row{grid-template-columns:1fr;gap:9px}.filter-row .search-box{grid-column:auto}.subbar{display:block}.subbar-note{display:block;margin-top:4px}.subbar>div{flex-wrap:wrap}.match-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:15px 12px}.match-row .prob-column{grid-column:1/-1;margin-top:8px}.row-arrow{display:none}.fixture-teams{font-size:12px;gap:7px;flex-wrap:wrap}.detail-grid{grid-template-columns:1fr}.dialog-inner{padding:20px 14px}.detail-header h2{font-size:19px}.pbox{padding:12px 9px}.pbox strong{font-size:22px}.pbox small{font-size:9px}.manual-inputs{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr}.compare-selects{display:grid;grid-template-columns:1fr}.compare-selects label{width:100%}.compare-selects .vs{text-align:center}.compare-selects .primary-btn{width:100%}}
@media(max-width:840px){.side-nav .nav-item{width:auto;flex:0 0 auto}.topbar{gap:9px}.bread{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topright{flex:0 0 auto;gap:7px}}
@media(max-width:610px){.topright .status-pill{max-width:160px;font-size:10px;padding:7px 8px}.topbar .icon-action{padding:5px 8px}.topbar .bread{font-size:10px;max-width:125px}.topbar .slash{padding:0 4px}}