.prediction-page.wrap{width:min(1160px,calc(100% - 40px));max-width:1160px;padding:32px 0 54px;color:#1e3028;font-family:Manrope,Arial,sans-serif}
.prediction-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:8px 2px 23px;border-bottom:1px solid #e2e9e5}.prediction-kicker,.prediction-section-label{display:block;color:#397455;font-size:11px;font-weight:800;letter-spacing:.1em}.prediction-intro h1{margin:9px 0 5px;color:#1a3026;font-size:34px;line-height:1.15;letter-spacing:-.04em}.prediction-intro p{margin:0;color:#66766e;font-size:14px;line-height:1.6}.prediction-date{display:grid;gap:6px;min-width:190px;color:#607269;font-size:11px;font-weight:700}.prediction-date input{height:42px;padding:0 11px;border:1px solid #d9e2dd;border-radius:7px;background:#fff;color:#24372e;font:600 13px Manrope,Arial,sans-serif}
.prediction-board{margin-top:23px;overflow:hidden;border:1px solid #e0e7e3;border-radius:11px;background:#fff;box-shadow:0 3px 14px rgba(22,45,35,.035)}.prediction-board>header.prediction-board-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px 16px;border-bottom:1px solid #e7ece9}.prediction-section-label{font-size:9px;letter-spacing:.09em}.prediction-board-head h2{margin:4px 0;color:#20372c;font-size:20px;letter-spacing:-.025em}.prediction-board-head p{margin:3px 0 0;color:#78867f;font-size:12px}.prediction-updated{color:#6c7e74;font-size:11px;font-weight:600;white-space:nowrap}
.prediction-tools{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,250px) auto;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid #e7ece9;background:#f8faf9}.prediction-search{display:flex;align-items:center;gap:9px;height:40px;padding:0 11px;border:1px solid #dce4df;border-radius:7px;background:#fff}.prediction-search:focus-within{border-color:#6ba182;box-shadow:0 0 0 3px rgba(43,117,78,.08)}.prediction-search svg{width:17px;flex:0 0 17px;fill:none;stroke:#718178;stroke-width:1.8}.prediction-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#20362c;font:500 12px Manrope,Arial,sans-serif}.prediction-tools select{height:40px;padding:0 11px;border:1px solid #dce4df;border-radius:7px;background:#fff;color:#30443a;font:600 12px Manrope,Arial,sans-serif}.prediction-results-note{justify-self:end;color:#78877f;font-size:11px}
#prediction-list{display:grid;grid-template-columns:1fr;gap:0;padding:0;background:#fff}.opinion-card{padding:0 22px;border-bottom:1px solid #e9eeeb;background:#fff}.opinion-card:last-child{border-bottom:0}.opinion-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;border-bottom:1px solid #f0f3f1;color:#64786d;font-size:11px;font-weight:700}.opinion-meta>span:last-child{display:flex;align-items:center;gap:14px}.opinion-meta time{color:#77877e;font-variant-numeric:tabular-nums;font-weight:600}.opinion-meta a{color:#527361;font-size:10px;text-decoration:none}.opinion-meta a:hover{color:#14613d}.opinion-meta a b{padding-left:3px;font-size:12px}
.opinion-layout{display:grid;grid-template-columns:minmax(205px,.72fr) minmax(0,1.7fr) minmax(150px,.52fr);align-items:center;gap:24px;padding:19px 0}.opinion-match{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:6px}.opinion-team{display:flex;align-items:center;gap:8px;min-width:0}.opinion-team:last-child{justify-content:flex-end;text-align:right}.opinion-team b{overflow:hidden;color:#24382e;font-size:12px;font-weight:700;line-height:1.35;text-overflow:ellipsis}.opinion-team-logo{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #e8edea;border-radius:50%;background:#fff}.opinion-team-logo img{width:25px;height:25px;object-fit:contain}.opinion-vs{color:#9aa69f;font-size:9px;font-weight:800;text-align:center}
.opinion-copy{min-width:0}.opinion-author{display:flex;align-items:center;gap:9px;margin-bottom:9px}.opinion-avatar{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#e9f1ec;color:#2d6b4b;font-size:11px;font-weight:800}.opinion-author>span:last-child{display:grid;gap:2px}.opinion-author b{color:#293d33;font-size:12px;font-weight:800}.opinion-author small{color:#8a9690;font-size:10px}.opinion-copy p{margin:0;color:#42554b;font-size:13px;line-height:1.75;overflow-wrap:anywhere}
.opinion-pick{display:grid;align-content:center;gap:7px;min-height:84px;padding:12px 13px;border-left:2px solid #41815a;background:#f7f9f7}.opinion-pick-label{color:#75847c;font-size:9px;font-weight:800;letter-spacing:.055em}.opinion-pick strong{color:#21392d;font-size:13px;line-height:1.45}.opinion-odd{display:flex;align-items:center;justify-content:space-between;color:#7a8981;font-size:10px}.opinion-odd b{color:#33714d;font-size:12px;font-variant-numeric:tabular-nums}
.prediction-board>footer{padding:13px 18px;border-top:1px solid #e8eeea;background:#fafbfa;color:#7b8982;font-size:10px;line-height:1.55;text-align:left}.prediction-loading,.prediction-empty{grid-column:1/-1;display:flex;min-height:230px;align-items:center;justify-content:center;gap:8px;flex-direction:column;color:#77877f;text-align:center}.prediction-loading span{width:7px;height:7px;border-radius:50%;background:#427b59;animation:opinionPulse .9s infinite alternate}.prediction-loading span:nth-child(2){animation-delay:.18s}.prediction-loading span:nth-child(3){animation-delay:.36s}.prediction-loading small{margin-top:5px;color:#89968f;font-size:11px}.prediction-empty strong{color:#31473b;font-size:15px}.prediction-empty span{max-width:430px;font-size:12px;line-height:1.6}@keyframes opinionPulse{to{opacity:.25;transform:translateY(-3px)}}
html[data-theme="dark"] .prediction-page{color:#e8efeb}html[data-theme="dark"] .prediction-intro{border-color:#31453b}html[data-theme="dark"] .prediction-intro h1,html[data-theme="dark"] .prediction-board-head h2,html[data-theme="dark"] .opinion-team b,html[data-theme="dark"] .opinion-author b,html[data-theme="dark"] .opinion-pick strong,html[data-theme="dark"] .prediction-empty strong{color:#edf4f0}html[data-theme="dark"] .prediction-intro p,html[data-theme="dark"] .opinion-copy p{color:#c2d0c8}html[data-theme="dark"] .prediction-date input,html[data-theme="dark"] .prediction-search,html[data-theme="dark"] .prediction-tools select{border-color:#374a40;background:#1a2a22;color:#e8efeb}html[data-theme="dark"] .prediction-board,html[data-theme="dark"] .opinion-card{border-color:#304238;background:#17251e}html[data-theme="dark"] .prediction-board>header.prediction-board-head,html[data-theme="dark"] .opinion-meta{border-color:#304238}html[data-theme="dark"] .prediction-tools,html[data-theme="dark"] .prediction-board>footer{border-color:#304238;background:#14211a}html[data-theme="dark"] .opinion-avatar{background:#294233;color:#b9e3c6}html[data-theme="dark"] .opinion-pick{background:#1d3025;border-color:#70ad82}html[data-theme="dark"] .opinion-team-logo{background:#fff}
@media(max-width:900px){.prediction-page.wrap{width:calc(100% - 28px)}.opinion-layout{grid-template-columns:minmax(180px,.7fr) minmax(0,1.5fr);gap:18px}.opinion-pick{grid-column:2;grid-row:2;min-height:0;padding:9px 12px}.prediction-tools{grid-template-columns:minmax(0,1fr) minmax(170px,.6fr)}.prediction-results-note{display:none}}
@media(max-width:620px){.prediction-page.wrap{width:calc(100% - 22px);padding:20px 0 38px}.prediction-intro{align-items:flex-start;flex-direction:column;gap:15px;padding-bottom:17px}.prediction-intro h1{font-size:29px}.prediction-intro p{font-size:13px}.prediction-date{grid-template-columns:1fr auto;align-items:center;width:100%;min-width:0}.prediction-date input{width:180px}.prediction-board{margin-top:15px;border-radius:9px}.prediction-board>header.prediction-board-head{align-items:flex-start;padding:15px}.prediction-board-head h2{font-size:18px}.prediction-board-head p{font-size:11px}.prediction-updated{font-size:10px}.prediction-tools{grid-template-columns:1fr;padding:10px}.prediction-tools select{width:100%}.opinion-card{padding:0 13px}.opinion-meta{min-height:38px;font-size:10px}.opinion-meta>span:last-child{gap:10px}.opinion-meta a{font-size:9px}.opinion-layout{grid-template-columns:1fr;gap:13px;padding:13px 0}.opinion-match{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);padding-bottom:12px;border-bottom:1px solid #f0f3f1}.opinion-team-logo{width:31px;height:31px;flex-basis:31px}.opinion-team-logo img{width:23px;height:23px}.opinion-team b{font-size:11px}.opinion-pick{grid-column:auto;grid-row:auto;min-height:0}.opinion-copy p{font-size:12px;line-height:1.7}.prediction-board>footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.prediction-loading span{animation:none}}

.opinion-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
