@font-face{font-family:HepPredictor;src:url('../fonts/predictor/PoppinsLight.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:HepPredictor;src:url('../fonts/predictor/PoppinsMedium.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:HepPredictor;src:url('../fonts/predictor/PoppinsSemiBold.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:HepPredictor;src:url('../fonts/predictor/PoppinsBold.woff2') format('woff2');font-weight:600 800;font-display:swap}
@font-face{font-family:HepPredictorIcons;src:url('../fonts/predictor/icons.woff') format('woff');font-weight:400;font-display:swap}
.pred-symbol{font-family:HepPredictorIcons!important;font-weight:400;font-style:normal;font-size:14px;line-height:1;speak:none;text-transform:none}.pred-dock .pred-symbol{font-size:24px}
.pred{--pred-bg:#291e39;--pred-panel:#3b314a;--pred-card:#494057;--pred-head:#544b61;position:relative;display:flex;flex-direction:column;height:calc(100dvh - 114px);min-height:520px;max-height:980px;background:var(--pred-bg);color:#fff;font-family:HepPredictor,Arial,sans-serif;font-size:12px;border-radius:4px;overflow:hidden}
.pred button,.pred a{-webkit-tap-highlight-color:transparent}
.pred button:focus-visible,.pred a:focus-visible{outline:2px solid #f37bce;outline-offset:2px}
.pred-toolbar{height:58px;flex:none;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 20px}
.pred-toolbar button{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#392b4d;box-shadow:0 2px 8px #0006;color:#fff}
.pred-toolbar button .ic{width:14px;height:14px}.pred-toolbar button b{font:italic 700 17px Georgia,serif}
.pred-toolbar button:disabled{opacity:.5}.pred-toolbar button.is-loading .ic{animation:pred-refresh .8s linear infinite}
.pred-status{margin-right:auto;font-size:11px;color:#d4c8df;line-height:1.4}
.pred-view{flex:1;min-height:0;padding:0 5px 5px}
.pred-layout{display:grid;grid-template-columns:minmax(210px,1fr) minmax(420px,2fr) minmax(230px,1fr);gap:18px;height:100%;min-height:0}
.pred-rounds,.pred-aside{min-width:0;min-height:0;background:var(--pred-panel);border-radius:6px;padding:0 14px 12px;overflow:auto;scrollbar-width:thin;scrollbar-color:#41245e transparent}
.pred-rounds h2{height:42px;margin:0 0 12px;padding:12px 0 8px;border-bottom:2px solid #b4a9c0;color:#b9afc5;font-size:13px;font-weight:400}
.pred-round{display:block;margin:0 4px 6px;text-decoration:none;color:#fff;border-radius:4px;overflow:hidden;background:#41374f}
.pred-round small{display:block;background:#4f465c;padding:4px 10px;font-size:8px;line-height:1.3;text-transform:uppercase}
.pred-round span{display:block;padding:7px 10px;font-size:10px;text-transform:uppercase;line-height:1.4}
.pred-round:hover{background:#594465}.pred-round.is-active{box-shadow:inset 2px 0 #bd1590}
.pred-matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px;align-content:start;min-width:0;overflow:auto;padding:0 0 10px;scrollbar-width:thin;scrollbar-color:#41245e transparent}
.pred-card{height:230px;min-width:0;perspective:1100px}
.pred-card-inner{position:relative;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.65,.25,1)}
.pred-card.is-flipped .pred-card-inner{transform:rotateY(180deg)}
.pred-face{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--pred-card);border-radius:7px;overflow:hidden;backface-visibility:hidden;box-shadow:0 4px 12px #120b2240}
.pred-back{transform:rotateY(180deg)}
.pred-card-head{height:44px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 12px;background:var(--pred-head);font-size:11px;text-transform:uppercase}
.pred-card-head button{width:26px;height:28px;display:grid;place-items:center;color:#ddd0e8;opacity:.6}.pred-card-head button:hover,.pred-card-head button:focus-visible{opacity:1}.pred-card-head .ic{width:14px;height:14px}
.pred-score-area{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);align-items:center;padding:18px 8px 6px}
.pred-team{display:flex;flex-direction:column;align-items:center;min-width:0;gap:18px}.pred-team img{width:42px;height:42px;object-fit:contain}.pred-team b{max-width:100%;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:10px;line-height:16px;font-weight:500;text-transform:uppercase}
.pred-score{display:flex;align-items:center;justify-content:space-evenly;height:48px;margin-bottom:34px;border-radius:5px;background:linear-gradient(180deg,#1d152a,#3b304a);box-shadow:inset 0 3px 10px #0006,0 1px 3px #fff3;font-size:20px;line-height:1;font-weight:500}
.pred-score i{width:2px;height:22px;background:#ddd2e4}.pred-score b{font-weight:500;min-width:22px;text-align:center}
.pred-first{display:flex;align-items:center;justify-content:space-between;gap:12px;height:42px;padding:0 12px;background:var(--pred-head);font-size:11px;text-transform:uppercase}.pred-first img{width:28px;height:28px;object-fit:contain}.pred-first b{font-size:10px;font-weight:400}
.pred-back dl{margin:0;padding:10px 12px;overflow:auto;font-size:11px;line-height:1.4}.pred-back dl>div{display:grid;grid-template-columns:68px minmax(0,1fr);gap:8px;padding:6px 0;border-bottom:1px solid #ffffff12}.pred-back dt{color:#c8bbd2}.pred-back dd{margin:0;text-align:right;overflow-wrap:anywhere}
.pred-tabs{display:flex;position:sticky;top:0;z-index:2;background:var(--pred-panel);height:42px;border-bottom:2px solid #b4a9c0;gap:10px}.pred-tabs button{flex:1;position:relative;white-space:nowrap;font-size:12px;color:#b9afc5}.pred-tabs button[aria-selected=true]{color:#fff}.pred-tabs button[aria-selected=true]::after{content:'';position:absolute;height:2px;bottom:-2px;left:0;right:0;background:#bd1590}
.pred-info[hidden],.pred-table[hidden],.pred-rules[hidden]{display:none}
.pred-prize{display:flex;flex-direction:column;align-items:center;padding:18px 0 12px;gap:2px}.pred-prize b{font-size:23px;font-weight:500}.pred-prize span{font-size:13px;text-transform:uppercase}
.pred-facts{margin:0 0 10px;font-size:11px;font-weight:300}.pred-facts>div{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;background:#41374f}.pred-facts>div:nth-child(2n){background:#493d57}.pred-facts dd{margin:0;text-align:right}.pred-facts dt{color:#d7cddd}
.pred table{width:100%;border-collapse:collapse;font-size:10px;font-weight:300}.pred th{font-weight:300;text-align:left;padding:10px 3px;color:#e0d8e5;white-space:nowrap}.pred td{padding:8px 3px;border-bottom:1px solid #ffffff12}.pred-prize-table td:last-child{text-align:right}.pred-prize-table th:first-child{width:22%}.pred-prize-table th:nth-child(2){text-align:center}
.pred-table table{table-layout:fixed;font-size:9px}.pred-table th{overflow:hidden;text-overflow:ellipsis}.pred-table td{overflow-wrap:anywhere}.pred-table th:first-child{width:19%}.pred-table th:nth-child(2){width:30%}.pred-table th:nth-child(3){width:20%}.pred-no-entries,.pred-readonly{font-size:11px;text-align:center;color:#c8bdd1;padding:12px 2px;line-height:1.5}
.pred-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;height:100%;padding:20px;text-align:center;color:#d8ccdf;line-height:1.6}.pred-empty button{padding:10px 20px;background:#7a285f;border-radius:5px;color:#fff;margin-top:12px}
.pred-dock{display:none}
.pred-rules{position:fixed;inset:0;z-index:1250;display:flex;align-items:center;justify-content:center;padding:20px;background:#09060dc9;backdrop-filter:blur(3px)}
.pred-rules-box{display:flex;flex-direction:column;width:min(720px,100%);max-height:calc(100dvh - 40px);border-radius:8px;background:#3b314a;box-shadow:0 20px 80px #0008;overflow:hidden}.pred-rules-box header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#4f465c;flex:none}.pred-rules-box h2{margin:0;font-size:17px;font-weight:500}.pred-rules-box header button{width:32px;height:32px;display:grid;place-items:center}.pred-rules-box header .ic{width:15px;height:15px}.pred-rules-body{overflow:auto;overscroll-behavior:contain;padding:20px 24px;font-size:12px;line-height:1.7;font-weight:300}.pred-rules-body h3{margin:20px 0 8px;font-size:14px;font-weight:500}.pred-rules-body h3:first-child{margin-top:0}.pred-rules-body p{margin:0 0 12px}
@keyframes pred-refresh{to{transform:rotate(360deg)}}
@media(min-width:1600px){.pred-layout{grid-template-columns:minmax(260px,1fr) minmax(650px,2.4fr) minmax(280px,1fr)}.pred-card{height:260px}.pred-team img{width:48px;height:48px}.pred-team b{font-size:11px}.pred-score-area{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr)}}
@media(max-width:1050px){.pred-layout{grid-template-columns:190px minmax(250px,1fr) 230px;gap:12px}.pred-matches{grid-template-columns:1fr;gap:16px}.pred-card{height:260px}}
@media(max-width:767px){.predictor-page.page{padding:0 0 20px}.pred{height:calc(100dvh - 186px);min-height:450px;max-height:none;border-radius:0}.pred-toolbar{height:58px;padding:0 16px}.pred-view{padding:8px 16px 0}.pred-layout{display:block}.pred [data-pred-pane]{display:none;height:100%}.pred[data-mobile-pane=matches] .pred-matches{display:grid}.pred[data-mobile-pane=rounds] .pred-rounds,.pred[data-mobile-pane=information] .pred-aside{display:block}.pred-rounds,.pred-aside{padding-bottom:16px}.pred-matches{gap:16px;padding-bottom:16px}.pred-card{height:260px}.pred-card-head{height:50px}.pred-team{gap:20px}.pred-team img{width:48px;height:48px}.pred-team b{font-size:11px}.pred-score-area{grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr);padding:22px 9px 9px}.pred-score{height:54px;font-size:23px}.pred-first{height:46px;font-size:11px}.pred-dock{height:50px;flex:none;display:flex;background:#696074}.pred-dock button{flex:1;display:grid;place-items:center;color:#ffffff70}.pred-dock button[aria-pressed=true]{color:#fff}.pred-dock .ic{width:23px;height:23px}.pred-status{font-size:10px}.pred-rules{padding:12px}.pred-rules-box{max-height:calc(100dvh - 24px)}.pred-rules-body{padding:16px}.pred-back dl{font-size:12px}}
@media(prefers-reduced-motion:reduce){.pred-card-inner{transition:none}.pred-toolbar button.is-loading .ic{animation:none}}
@media(max-width:767px){.pred-matches{scrollbar-width:none}.pred-matches::-webkit-scrollbar{display:none}}