.s8pred-page{background:radial-gradient(circle at 50% 10%,#f9fffc 0,#f3f8f6 38%,#eef5f2 100%);color:#10243f}
.s8pred-page .site-main>.container{max-width:1500px}
.s8pred-quick-wrap{min-height:650px;padding:28px 18px 72px;display:flex;justify-content:center;align-items:flex-start}
.s8pred-layout{width:100%;max-width:1240px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(370px,.82fr);gap:18px;align-items:start}
.s8pred-quick-card{min-width:0;background:#fff;border:1px solid #dfe9e3;border-radius:24px;overflow:hidden;box-shadow:0 22px 58px rgba(8,48,85,.10)}
.s8pred-hero{position:relative;overflow:hidden;padding:28px 28px 22px;background:linear-gradient(140deg,#021c54 0%,#063b85 53%,#07529a 100%);color:#fff}
.s8pred-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 52%,rgba(34,196,255,.12) 52% 54%,transparent 54% 61%,rgba(33,214,154,.09) 61% 62%,transparent 62%);opacity:.9}
.s8pred-hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-155px;top:-150px;background:radial-gradient(circle,rgba(43,198,255,.28),rgba(43,198,255,0) 65%)}
.s8pred-hero-copy{position:relative;z-index:2;text-align:center;margin:0 0 22px}
.s8pred-hero-copy span{display:block;color:#19e38a;font-size:12px;font-weight:950;letter-spacing:.13em}
.s8pred-hero-copy h1{margin:5px 0 0;color:#eaf8ff;font-size:36px;line-height:1.06;font-weight:1000;letter-spacing:.015em;text-shadow:0 8px 24px rgba(23,163,255,.28)}
.s8pred-hero-ball{position:absolute;right:20px;top:18px;z-index:1;font-size:76px;filter:drop-shadow(0 0 24px rgba(45,186,255,.42));opacity:.62;transform:rotate(-11deg)}
.s8pred-alert{position:relative;z-index:2;padding:12px 15px;border-radius:12px;margin:0 0 16px;font-weight:800}.s8pred-alert.success{background:rgba(233,255,242,.96);color:#08743b;border:1px solid #9cddb5}.s8pred-alert.error{background:#fff1f1;color:#b02626;border:1px solid #f0caca}
.s8pred-quick-field{display:block;margin:0 0 16px}.s8pred-quick-field>span,.s8pred-box-label{display:block;margin:0 0 8px;font-size:12px;font-weight:950;color:#24425f;letter-spacing:.03em}.s8pred-hero .s8pred-quick-field>span{color:#fff}
.s8pred-quick-field select,.s8pred-quick-field>input,.s8pred-text-input,.s8pred-big-input{width:100%;box-sizing:border-box;border:1px solid #c8d8e8;border-radius:13px;background:#fff;padding:13px 15px;font:inherit;color:#10243f;outline:none;transition:.18s}
.s8pred-quick-field select:focus,.s8pred-quick-field>input:focus,.s8pred-text-input:focus,.s8pred-big-input:focus,.s8pred-simple-score input:focus{border-color:#1475dc;box-shadow:0 0 0 4px rgba(20,117,220,.10)}
.s8pred-match-picker{position:relative;z-index:2;margin-bottom:14px}.s8pred-match-picker select{height:52px;border:0;box-shadow:0 7px 22px rgba(0,27,67,.22);font-weight:700}
.s8pred-match-info-head{position:relative;z-index:2;border:1px solid #14a6f5;border-radius:16px;overflow:hidden;margin-bottom:0;background:linear-gradient(135deg,rgba(2,27,75,.96),rgba(4,52,121,.98));box-shadow:inset 0 0 24px rgba(24,184,255,.10),0 12px 30px rgba(0,31,85,.24)}
.s8pred-match-info-label{width:max-content;min-width:220px;margin:0 auto;background:linear-gradient(135deg,#0c94ff,#12b7e7);color:#fff;text-align:center;font-size:12px;font-weight:950;letter-spacing:.04em;padding:9px 28px;border-radius:0 0 18px 18px}
.s8pred-match-id{text-align:center;color:#c6dbf1;font-size:11px;font-weight:650;margin-top:10px}
.s8pred-match-info-body{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:14px;padding:10px 18px 18px}.s8pred-team-main{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.s8pred-team-main img{width:58px;height:50px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.18))}.s8pred-team-main i{font-style:normal;font-size:38px}.s8pred-team-main strong{font-size:16px;color:#fff;line-height:1.2}.s8pred-match-meta{text-align:center}.s8pred-match-meta em{font-style:normal;font-size:28px;font-weight:1000;color:#25a9ff;text-shadow:0 0 16px rgba(37,169,255,.48)}
.s8pred-form-zone{padding:16px 20px 20px;background:linear-gradient(180deg,#fff,#fbfdff)}
.s8pred-quick-form{border:1px solid #dbe6f0;border-radius:16px;padding:16px;background:#fff;box-shadow:0 10px 25px rgba(24,69,105,.035)}.s8pred-quick-form.is-compact{border:0;border-radius:0;padding:16px;background:#fff}
.s8pred-prediction-box{border:1px solid #d4e0ed;border-radius:14px;background:linear-gradient(180deg,#fff,#fbfdff);padding:14px;margin:0 0 15px}.s8pred-prediction-box[hidden]{display:none!important}
.s8pred-simple-score{display:grid;grid-template-columns:1fr 32px 1fr;align-items:end;gap:10px}.s8pred-simple-score label{display:block;text-align:center}.s8pred-simple-score small{display:block;min-height:20px;margin-bottom:6px;color:#5a7088;font-size:12px;font-weight:850}.s8pred-simple-score input{width:100%;box-sizing:border-box;height:66px;border:1px solid #c8d8e8;border-radius:13px;text-align:center;font-size:29px;font-weight:1000;color:#0f3f84;outline:none;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.s8pred-simple-score b{padding-bottom:18px;text-align:center;font-size:22px;color:#4f6c8d}.s8pred-big-input{height:66px;text-align:center;font-size:26px!important;font-weight:950!important;color:#123b78!important}
.s8pred-team-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.s8pred-team-choice label{display:block;cursor:pointer}.s8pred-team-choice input{position:absolute;opacity:0;pointer-events:none}.s8pred-team-choice span{display:block;border:1px solid #ceddea;border-radius:12px;padding:14px 10px;text-align:center;background:#f8fbfe;color:#5b6f82;font-size:11px;font-weight:850;transition:.15s}.s8pred-team-choice span b{display:block;margin-top:3px;font-size:14px;color:#17344f}.s8pred-team-choice input:checked+span{border-color:#169b5a;background:#eef9f2;box-shadow:0 0 0 3px rgba(22,155,90,.08);color:#118048}.s8pred-text-input{height:52px}
.s8pred-quick-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:12px}.s8pred-quick-grid .s8pred-quick-field{margin-bottom:13px}
.s8pred-same-count{display:flex;align-items:center;justify-content:center;height:52px;border:1px solid #bdebd2;border-radius:12px;background:linear-gradient(135deg,#effcf5,#e7faf1);box-shadow:inset 0 0 20px rgba(16,185,101,.05)}.s8pred-same-count:before{content:"👥";font-size:22px;margin-right:8px}.s8pred-same-count b{font-size:27px;color:#0a9d57}.s8pred-same-count small{font-size:13px;color:#668077;margin-left:5px}
.s8pred-simple-submit{position:relative;overflow:hidden;width:100%;border:0;border-radius:13px;background:linear-gradient(100deg,#0c57e9 0%,#087ede 54%,#12bb86 100%);color:#fff;padding:16px 20px;font-size:15px;font-weight:1000;letter-spacing:.04em;cursor:pointer;box-shadow:0 12px 24px rgba(14,91,214,.22);transition:.18s}.s8pred-simple-submit:after{content:"→";position:absolute;right:22px;font-size:23px;top:50%;transform:translateY(-52%)}.s8pred-simple-submit:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 15px 30px rgba(14,91,214,.28)}.s8pred-simple-submit:disabled{background:#9babb3;box-shadow:none;cursor:not-allowed;transform:none}.s8pred-simple-submit:disabled:after{display:none}.s8pred-guest-note,.s8pred-lock-note{display:block;text-align:center;color:#7b8998;margin-top:9px;font-size:10px}.s8pred-lock-note{color:#a54a4a}
.s8pred-empty{padding:26px;text-align:center;border:1px dashed #ccd9d2;border-radius:14px;color:#61756b}.s8pred-empty.large{margin:26px}
.s8pred-side{display:grid;gap:14px;min-width:0}.s8pred-side-card{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#03245d,#064f97);color:#fff;border:1px solid rgba(64,181,255,.28);box-shadow:0 17px 38px rgba(6,45,91,.12);padding:16px}.s8pred-side-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-100px;bottom:-110px;background:radial-gradient(circle,rgba(28,184,255,.22),transparent 68%);pointer-events:none}.s8pred-side-card header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.s8pred-side-card h2{position:relative;z-index:2;margin:0;color:#fff;font-size:15px;line-height:1.25;font-weight:1000}.s8pred-side-card header a{position:relative;z-index:2;color:#20e093;text-decoration:none;font-size:11px;font-weight:850}.s8pred-hot-list{display:grid;gap:9px}.s8pred-hot-match{position:relative;z-index:2;display:grid;grid-template-columns:1fr 72px 1fr 78px;align-items:center;gap:7px;padding:10px;border:1px solid rgba(34,168,255,.5);border-radius:13px;background:linear-gradient(135deg,rgba(5,47,112,.92),rgba(3,34,84,.92));color:#fff;text-decoration:none;transition:.16s}.s8pred-hot-match:hover{transform:translateY(-1px);border-color:#20d59d}.s8pred-hot-team{display:flex;align-items:center;gap:7px;min-width:0}.s8pred-hot-team:nth-of-type(3){flex-direction:row-reverse;text-align:right}.s8pred-hot-team img{width:30px;height:30px;object-fit:contain;flex:0 0 auto}.s8pred-hot-team i{font-style:normal}.s8pred-hot-team span{font-size:11px;font-weight:850;line-height:1.15;overflow:hidden;text-overflow:ellipsis}.s8pred-hot-mid{text-align:center;display:flex;flex-direction:column;gap:2px}.s8pred-hot-mid small{font-size:9px;color:#d0e2f6}.s8pred-hot-mid b{font-size:19px;color:#26a9ff}.s8pred-hot-match em{font-style:normal;font-size:9px;font-weight:850;background:#0a9a5c;color:#fff;border-radius:999px;padding:6px 8px;text-align:center;white-space:nowrap}.s8pred-side-empty{position:relative;z-index:2;padding:18px;text-align:center;color:#cce0f4;font-size:12px;border:1px dashed rgba(255,255,255,.2);border-radius:12px}
.s8pred-side-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.s8pred-reward-card,.s8pred-steps-card{min-height:180px}.s8pred-trophy{position:absolute;left:14px;bottom:14px;font-size:64px;filter:drop-shadow(0 8px 15px rgba(0,0,0,.26))}.s8pred-reward-card ul{position:relative;z-index:2;list-style:none;margin:18px 0 0 76px;padding:0;display:grid;gap:10px}.s8pred-reward-card li{font-size:10px;line-height:1.3;font-weight:750;color:#ecf7ff}.s8pred-reward-card li span{display:inline-block;width:22px}.s8pred-steps-card ol{position:relative;z-index:2;list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}.s8pred-steps-card li{display:flex;gap:9px;align-items:center}.s8pred-steps-card li>b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0fbf77;color:#fff;font-size:12px;flex:0 0 auto}.s8pred-steps-card span{display:flex;flex-direction:column;gap:2px}.s8pred-steps-card strong{font-size:11px}.s8pred-steps-card small{font-size:9px;color:#c8daf0;line-height:1.25}
.s8pred-top-list{position:relative;z-index:2;display:grid;margin-top:13px}.s8pred-top-list a{display:flex;justify-content:space-between;gap:12px;color:#fff;text-decoration:none;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.10);font-size:10px}.s8pred-top-list a:last-child{border-bottom:0}.s8pred-top-list span{font-weight:800;max-width:68%}.s8pred-top-list b{color:#a8f4d0;white-space:nowrap;font-size:9px}.s8pred-side-ball{position:absolute;right:12px;bottom:-3px;font-size:64px;opacity:.12;filter:drop-shadow(0 0 18px #0ae0ff)}
.s8pred-mobile-steps{display:none}
.s8pred-live-count{position:relative;overflow:hidden;gap:5px}.s8pred-live-count:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.72) 48%,transparent 72%);transform:translateX(-120%);animation:s8predCounterShine 3.2s ease-in-out infinite}.s8pred-live-count b{font-variant-numeric:tabular-nums;min-width:54px;text-align:right;letter-spacing:.3px;transition:transform .2s ease,filter .2s ease}.s8pred-live-count b.is-rolling{filter:blur(.25px);transform:translateY(-1px)}.s8pred-live-count b.is-ticking{animation:s8predCountTick .48s ease}.s8pred-live-dot{width:7px;height:7px;border-radius:50%;background:#10b965;box-shadow:0 0 0 0 rgba(16,185,101,.38);animation:s8predLivePulse 1.45s ease-out infinite;flex:0 0 auto}
/* Non-DB counter modes stay transparently marked, but with a subtle label. */
.s8pred-sim-badge{position:absolute;right:7px;top:5px;font-style:normal;font-size:8px;font-weight:800;letter-spacing:.05em;color:#55736a;background:rgba(255,255,255,.72);border:1px solid #d8ebe2;border-radius:999px;padding:2px 5px;z-index:2}.s8pred-sim-badge[hidden]{display:none!important}
@keyframes s8predCountTick{0%{transform:translateY(7px);opacity:.55}55%{transform:translateY(-2px);opacity:1}100%{transform:translateY(0);opacity:1}}@keyframes s8predLivePulse{0%{box-shadow:0 0 0 0 rgba(16,185,101,.38)}70%{box-shadow:0 0 0 8px rgba(16,185,101,0)}100%{box-shadow:0 0 0 0 rgba(16,185,101,0)}}@keyframes s8predCounterShine{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media(max-width:980px){.s8pred-layout{grid-template-columns:1fr;max-width:760px}.s8pred-side{display:none}.s8pred-mobile-steps{display:block;margin:0 20px 20px;border-radius:15px;background:linear-gradient(135deg,#052d6f,#073f88);padding:16px;color:#fff}.s8pred-mobile-steps h3{margin:0 0 13px;font-size:14px;color:#fff}.s8pred-step-row{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr;align-items:center;gap:6px}.s8pred-step-row>div{display:flex;align-items:center;gap:8px;min-width:0}.s8pred-step-row>div>b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0cba74;font-size:12px;flex:0 0 auto}.s8pred-step-row span{display:flex;flex-direction:column;gap:2px}.s8pred-step-row strong{font-size:10px;white-space:nowrap}.s8pred-step-row small{font-size:8px;color:#c9dbef;line-height:1.2}.s8pred-step-row>i{font-style:normal;color:#fff;text-align:center}}
@media(max-width:680px){.s8pred-quick-wrap{padding:10px 8px 38px}.s8pred-layout{display:block}.s8pred-quick-card{border-radius:18px}.s8pred-hero{padding:20px 14px 16px}.s8pred-hero-copy{margin-bottom:18px}.s8pred-hero-copy span{font-size:10px}.s8pred-hero-copy h1{font-size:27px}.s8pred-hero-ball{font-size:54px;right:5px;top:12px;opacity:.42}.s8pred-match-picker select{height:50px;font-size:13px}.s8pred-match-info-label{min-width:180px;font-size:11px;padding:8px 18px}.s8pred-match-id{font-size:9px;margin-top:8px}.s8pred-match-info-body{grid-template-columns:1fr 54px 1fr;padding:10px 7px 14px;gap:4px}.s8pred-team-main img{width:44px;height:38px}.s8pred-team-main strong{font-size:12px;max-width:128px}.s8pred-match-meta em{font-size:23px}.s8pred-form-zone{padding:14px 12px 16px}.s8pred-quick-form{padding:12px;border-radius:14px}.s8pred-prediction-box{padding:12px}.s8pred-simple-score{grid-template-columns:1fr 20px 1fr;gap:7px}.s8pred-simple-score small{font-size:10px}.s8pred-simple-score input{height:58px;font-size:25px}.s8pred-simple-score b{padding-bottom:16px}.s8pred-quick-grid{grid-template-columns:1fr}.s8pred-same-count{height:58px}.s8pred-same-count b{font-size:30px}.s8pred-simple-submit{padding:16px 46px 16px 16px}.s8pred-mobile-steps{margin:0 12px 14px;padding:14px 12px}.s8pred-step-row{grid-template-columns:1fr;gap:8px}.s8pred-step-row>i{display:none}.s8pred-step-row>div{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.s8pred-step-row>div:last-child{border-bottom:0;padding-bottom:0}.s8pred-step-row strong{font-size:11px}.s8pred-step-row small{font-size:9px}.s8pred-team-choice{gap:8px}}
@media(max-width:410px){.s8pred-hero-copy h1{font-size:24px}.s8pred-team-main strong{font-size:11px}.s8pred-quick-field>span,.s8pred-box-label{font-size:10px}.s8pred-simple-submit{font-size:13px}}
@media(prefers-reduced-motion:reduce){.s8pred-live-count:after,.s8pred-live-dot,.s8pred-live-count b{animation:none!important;transition:none!important}}
/* Shortcode / Live-page prediction widget compatibility */
.s8pred-match-card{background:#fff;border:1px solid #dbe7e0;border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(14,61,91,.08)}
.s8pred-card-head{padding:18px;background:linear-gradient(135deg,#07346f,#0c64b3);color:#fff}.s8pred-card-head span{font-size:11px;font-weight:900;opacity:.9}.s8pred-card-head h2{margin:5px 0;font-size:24px;color:#fff}.s8pred-card-head h2 em{font-style:normal;font-size:14px;opacity:.75}.s8pred-card-head p{margin:0;font-size:12px;opacity:.86}
.s8pred-team-strip{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;padding:16px;border-bottom:1px solid #e3ebf3}.s8pred-team-strip>div{display:flex;align-items:center;justify-content:center;gap:9px}.s8pred-team-strip img{width:42px;height:32px;object-fit:contain}.s8pred-team-strip i{font-style:normal;font-size:28px}.s8pred-team-strip>span{text-align:center;color:#8796a5;font-size:12px;font-weight:900}.s8pred-state{padding:16px;border-radius:12px;background:#f4f8f5;margin:16px}.s8pred-state .win{color:#07883e}.s8pred-state .lose{color:#c62828}
@media(max-width:680px){.s8pred-card-head h2{font-size:20px}.s8pred-team-strip{grid-template-columns:1fr 34px 1fr;padding:12px 7px}.s8pred-team-strip>div{gap:5px;font-size:12px}.s8pred-team-strip img{width:34px;height:28px}}