/* Prediction list and plan controls measured against the reference PC28 view. */
@font-face{font-family:prediction-icons;src:url(../assets/fonts/prediction-icons.woff) format('woff');font-weight:400;font-style:normal;font-display:swap;}
@media(min-width:769px){
 .prediction-shell{position:relative;left:-2.4px;}
 .prediction-shell-tools{gap:5px;margin-right:0;}
 .prediction-plan-filter{gap:18px;}
 .prediction-plan-filter>span{width:144px;}
 #predictionPlanRefresh{width:96px;padding:0;}
 .prediction-plan-history-title{height:49px;line-height:49px;}
 .prediction-summary-title{transform:translateY(.5px);}
 .prediction-shell-balls{transform:translateY(-.5px);}
 .prediction-plan-panel table.prediction-plan-history{width:calc(100% + .4px);}
}
.prediction-shell-tools .prediction-ring-panel button{font-size:13px;}
.prediction-shell-results tbody td{font-size:16px;}
.prediction-shell-results tbody td:nth-child(4){font-size:18px;}
.prediction-shell-results tbody td:nth-child(4) strong{font-weight:400;}
.prediction-shell-tools button{font-size:14px;color:#5f5f5f;border-color:#e8ebf1;padding:0;}
.prediction-shell-tools button i{font-size:14px;}
.prediction-shell-tools .fa-volume-high::before{content:"\e90a";font-family:prediction-icons;}
.prediction-shell-tools .fa-bell::before{content:"\e905";font-family:prediction-icons;}
.prediction-shell-sort span{font-size:0;display:flex;flex-direction:column;gap:2px;width:7px;}
.prediction-shell-sort span br{display:none;}
.prediction-shell-sort span::before,.prediction-shell-sort span::after{content:"";border-left:3px solid transparent;border-right:3px solid transparent;}
.prediction-shell-sort span::before{border-bottom:4px solid #e8632c;}
.prediction-shell-sort span::after{border-top:4px solid #c0c4cc;}
.prediction-shell-sort.descending span::before{border-bottom-color:#c0c4cc;}
.prediction-shell-sort.descending span::after{border-top-color:#e8632c;}
.prediction-play{position:relative;width:160px;flex:none;}
.prediction-play-trigger{width:160px;height:30px;border:1px solid #e8ebf1;border-radius:5px;background:white;padding:0 12px;color:#9e9e9e;font:inherit;display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
.prediction-play-trigger::after{content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #c0c4cc;}
.prediction-play-trigger[aria-expanded=true]{border-color:#c0c4cc;color:#606266;}
.prediction-play-trigger[aria-expanded=true]::after{transform:rotate(180deg);}
.prediction-play-trigger:disabled{cursor:default;color:#c0c4cc;}
.prediction-play-panel{position:absolute;top:34px;left:0;z-index:60;display:flex;width:282px;border:1px solid #e8ebf1;border-radius:4px;background:white;box-shadow:0 8px 28px #0f172a1f,0 2px 8px #0f172a0a;}
.prediction-play-panel>div{width:140px;padding:6px 0;}
.prediction-play-panel>div:first-child{border-right:1px solid #e8ebf1;}
.prediction-shell .prediction-play-option{display:flex;align-items:center;justify-content:space-between;width:100%;height:34px;border:0;border-radius:0;padding:0 16px;background:white;color:#606266;font:inherit;text-align:left;cursor:pointer;}
.prediction-play-option:hover,.prediction-play-option:focus-visible,.prediction-shell .prediction-play-option.active{background:#f5f7fa;}
.prediction-shell .prediction-play-option[aria-selected=true]{color:#609aeb;font-weight:500;}
.prediction-play-rank::after{content:"";width:5px;height:5px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);}
.prediction-contact{position:fixed;z-index:80;left:16px;bottom:120px;width:56px;height:56px;border:1px solid #ffffff52;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:radial-gradient(circle at 32% 28%,#609aeb 0%,#3b84eb 52%,#2563eb 100%);color:white!important;box-shadow:0 8px 22px #3b84eb6b,0 2px 6px #0f172a29,inset 0 1px 1px #ffffff73;}
.prediction-contact-icon{position:relative;width:22px;height:22px;}
.prediction-contact svg{width:22px;height:22px;}
.prediction-contact-icon::after{content:"";position:absolute;right:-2px;bottom:0;width:6px;height:6px;border:1px solid white;border-radius:50%;background:#22c55e;box-shadow:0 0 4px #22c55e;}
.prediction-contact>span:last-child{font-size:11px;font-weight:700;line-height:11px;}
body:not(:has(.prediction-shell)) .prediction-contact{display:none;}
.prediction-shell[data-family=sixmark] .prediction-summary{height:130.6px;}
.prediction-shell[data-family=sixmark] .prediction-summary-title{gap:6px;height:30px;width:417px;justify-content:center;margin-bottom:5px;}
.prediction-shell[data-family=sixmark] .prediction-summary-title span{font-size:14px;}
.prediction-shell[data-family=sixmark] .prediction-shell-balls{width:417px;height:50.4px;justify-content:space-evenly;gap:0;transform:translateY(.5px);}
.prediction-six-ball{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none;}
.prediction-six-ball b{background:#e8ebf1;color:#9e9e9e;}
.prediction-six-ball small{font-size:12px;color:#5f5f5f;line-height:14.4px;}
.prediction-shell[data-family=sixmark] .prediction-shell-balls i{width:24px;margin:0;padding-right:4px;align-self:center;}
.prediction-shell[data-family=sixmark] .prediction-shell-clock>div{width:240px;gap:2px;}
.prediction-shell[data-family=pk10] .prediction-shell-balls{width:470px;height:36px;justify-content:flex-start;gap:12px;}
.prediction-shell[data-family=pk10] .prediction-shell-balls b{border-radius:6px;width:36px;height:36px;background:#e8ebf1;color:#9e9e9e;}
.prediction-shell[data-family=ssc] .prediction-shell-balls{justify-content:flex-start;gap:20px;}
.prediction-shell[data-family=keno] .prediction-shell-balls{flex-wrap:wrap;gap:4px;justify-content:flex-start;}
.prediction-shell:not([data-family=pc28]):not([data-family=sixmark]):not([data-family=pk10]) .prediction-shell-balls b{background:#e8ebf1;color:#9e9e9e;}
@media(min-width:769px){
 .prediction-shell[data-family=sixmark] .prediction-summary{padding-left:32px;padding-right:32px;}
 .prediction-shell[data-family=sixmark] .prediction-summary-main{transform:translateY(-8px);}
 .prediction-shell[data-family=sixmark] .prediction-shell-clock{transform:translate(-3px,3px);}
}

/* Remaining navigation page review, 2026-10-12. */
.prediction-shell-pagination.is-empty>:not(span){display:none}
.prediction-shell-tools .home-new-badge{top:-16px;z-index:51}
