/* v7.6.3 */
.mtog{position:relative}
.mtog:not(.on)::after{content:'';position:absolute;left:22%;right:22%;top:50%;height:4px;border-radius:2px;background:#c2417f;transform:rotate(-40deg)}
.mtog.on{background:#e9f6ff}
/* full-opacity buttons, never faded */
#pour.playing .bar,#pour.playing .prrow{opacity:1!important}
/* save card: pod chip, message mode, column mode */
#saveCard .scPod{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto}
#saveCard .scPod[hidden]{display:none}
#saveCard .scPod svg{width:30px;height:30px}
#saveCard .scPod b{font:900 18px system-ui,sans-serif;color:#b83a76}
#saveCard .scShare[hidden]{display:none}
#saveCard.msg .scT{font-size:20px;white-space:normal;text-align:center;flex:1 1 auto}
#saveCard .scShare{white-space:nowrap}
#saveCard .scShare svg{flex:0 0 auto;width:22px;height:22px;min-width:22px}
#saveCard.col{gap:8px;padding:10px 8px;justify-content:center;align-items:stretch;text-align:center}
#saveCard.col .scT{font-size:20px}
#saveCard.col .scPod{justify-content:center}
#saveCard.col .scShare{flex:0 0 auto;min-height:52px;font-size:18px;padding:6px 8px}
#saveCard.col .scX{position:static;align-self:center;width:40px;height:40px;flex:0 0 40px}
#saveCard.ptoast{padding-right:12px}
/* gate: 6 choices */
#gate .gopts{grid-template-columns:repeat(3,1fr)!important}
/* landscape hatching: everything fits */
@media (orientation:landscape) and (max-height:560px){
 .dstage{gap:6px!important}
 .dstage .bun,.dstage .reveal{width:min(48vh,240px)!important;height:min(48vh,240px)!important}
 .dhint{font-size:18px!important;min-height:22px!important}
 .dstage h2{font-size:24px!important}
 .drow .txt{min-height:52px!important}
 .dstage .rglow{width:min(80vh,400px)!important;height:min(80vh,400px)!important}
}
/* tablet home tiles larger */
@media (min-width:700px) and (min-height:900px){#home .big{--t:min(30vw,calc((100dvh - 380px) / 3),250px)!important}}
#saveCard.col{padding-top:12px}#saveCard.col .scX{position:absolute!important;top:4px;right:4px;width:36px;height:36px;flex:none;font-size:18px}
@media (orientation:landscape) and (max-height:560px){
 .dstage.pop,.dstage:has(.reveal){display:grid!important;grid-template-columns:auto minmax(0,auto);grid-auto-rows:auto;align-content:center;justify-content:center;column-gap:28px;row-gap:8px;padding:8px 72px}
 .dstage:has(.reveal) .reveal{grid-column:1;grid-row:1/span 4;align-self:center;width:min(70vh,260px)!important;height:min(70vh,260px)!important}
 .dstage:has(.reveal)>*:not(.reveal):not(.rglow):not(.rspark){grid-column:2}
 .dstage:has(.reveal) .rglow{left:30%}
}