/* The Revenue Room hub (/play) — on top of play.css */
main.hub{max-width:1080px}
.hub-h{text-align:center;margin:8px 0 26px}
.hub-h h1{font:900 clamp(42px,10vw,68px)/1 var(--fd);letter-spacing:-1.5px;margin:4px 0 12px}
.hub-h .lede{margin-bottom:0}
.games{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.games{grid-template-columns:1fr;max-width:560px;margin:0 auto}}
.game{display:flex;flex-direction:column;padding:0;overflow:hidden;text-decoration:none;color:var(--body);margin:0;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}
.game:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 rgba(22,33,58,.12);color:var(--body)}
.game:hover .btn{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.g-art{height:150px;border-bottom:1.5px solid var(--ink);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px}
.g-copy{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.g-copy h2{font:900 24px var(--fd);margin:2px 0 6px}
.g-copy p{margin:0 0 16px;font-size:14.5px;flex:1}
.g-copy .btn{align-self:flex-start}
.g-meta{display:flex;gap:8px;flex:none!important;margin:0 0 6px!important}
.g-meta span{font:500 10.5px var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--bg);border-radius:99px;padding:3px 9px}

/* art: Price It Right */
.g-price .g-art{background:#F3FAEE}
.pa-tag{font:600 13px var(--fb);color:var(--ink);background:#fff;border:1.5px solid var(--ink);border-radius:99px;padding:3px 12px}
.pa-price{font-size:38px;line-height:1}
.pa-rng{position:relative;width:70%;height:12px;border-radius:99px;border:1.5px solid var(--ink);background:linear-gradient(90deg,var(--teal2) 62%,#fff 62%)}
.pa-rng b{position:absolute;left:62%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:var(--lime);border:2px solid var(--ink)}
/* art: Fill the Calendar */
.g-cal .g-art{background:#EEF8F9}
.ca-grid{display:grid;grid-template-columns:repeat(7,22px);gap:4px}
.ca-grid i{height:22px;border-radius:5px;border:1.5px solid rgba(22,33,58,.25);background:#fff}
.ca-grid .b1{background:#CDEFC0;border-color:var(--ink)}.ca-grid .b2{background:#BFE7EC;border-color:var(--ink)}.ca-grid .b3{background:#DDD5F3;border-color:var(--ink)}
.ca-grid .ev{background:#FBE3E8;border-color:var(--rose)}
.ca-req{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--ink);border-radius:10px;padding:6px 10px;font-size:12px;color:var(--ink)}
.ca-req b{font:800 13px var(--fd)}
.ca-btns{display:flex;gap:4px}.ca-btns i{font-style:normal;font:700 11px var(--fd);border:1.5px solid var(--ink);border-radius:99px;padding:1px 8px}
.ca-btns .y{background:var(--lime)}
/* art: Beat the Revenue Manager */
.g-bot .g-art{background:#F6F2FC;align-items:stretch;padding:16px 30px}
.ba-row{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;font-size:18px;line-height:1}
.ba-row img{display:block}
.ba-row i{height:12px;border-radius:99px;border:1.5px solid var(--ink);background:linear-gradient(90deg,var(--lime) var(--w),#fff var(--w))}
.ba-row.bot i{background:linear-gradient(90deg,var(--teal2) var(--w),#fff var(--w))}
.ba-opt{font:700 12px var(--fd);color:var(--ink);background:#fff;border:1.5px solid var(--ink);border-radius:8px;padding:4px 10px}
.ba-opt.on{background:#EEF8F9;border-color:var(--teal)}
.ca-req b,.ca-req span,.ca-btns i{white-space:nowrap}
.hub-h .lede{max-width:36em}
.hub .games+.fine{margin-top:18px}
@media (max-width:900px){.g-art{height:auto;min-height:118px}}
.g-art>*{flex-shrink:0}
@media (max-width:400px){.ca-req{gap:6px;padding:6px 8px;font-size:11px}.ca-req b{font-size:12px}.g-bot .g-art{padding:16px 20px}}