/* Home UI chrome in the shop's trading-post look (teal / terracotta / cream / gold). Room, decor art and lighting untouched. */
body.room-page{--hb-sea:#0b2a30;--hb-sea2:#0f3a40;--hb-terra:#c4582f;--hb-terra-d:#8f3a1c;--hb-cream:#f5e6c8;--hb-cream2:#ead3a6;--hb-ink:#2b1a0e;--hb-gold:#f2c14e;--hb-text:#f3ead8;--hb-mute:#b9cdc9}
body.room-page :is(.room-bar,.dock,.catalog,.sel-bar,.dlg,.t-tip,.cc,.inv-i,.ev-pill,.chip,.cc-why,.cc-why-b){background-image:none;filter:none}
/* bars and drawer: deep translucent teal with cream text and a thin terracotta rule */
body.room-page .room-bar{background:linear-gradient(180deg,rgba(15,58,64,.96),rgba(11,42,48,.96))!important;color:var(--hb-text);border-bottom:3px solid var(--hb-terra)!important;box-shadow:0 6px 18px rgba(0,0,0,.35)}
body.room-page .room-bar h1,body.room-page .rb-t h1{font:600 26px/1.05 var(--display)!important;color:var(--hb-cream)}
body.room-page .rb-t p{font-family:var(--text);color:var(--hb-mute)}
body.room-page .dock{position:relative;background:rgba(11,42,48,.94)!important;color:var(--hb-text);border-top:0!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body.room-page .dock::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--hb-terra);opacity:.9}
body.room-page .dock-h h2,body.room-page .cat-h h2,body.room-page #catalog h2{font:600 21px/1.1 var(--display)!important;color:var(--hb-cream)!important}
body.room-page .dock-hint,body.room-page .inv-empty,body.room-page .cat-empty{color:var(--hb-mute);font-family:var(--text)}
body.room-page .catalog{background:linear-gradient(180deg,rgba(15,58,64,.97),rgba(9,34,40,.97))!important;color:var(--hb-text);border-left:4px solid var(--hb-terra)!important;box-shadow:-14px 0 34px rgba(0,0,0,.45)}
body.room-page .cat-prog b{color:var(--hb-gold)!important;font-family:var(--text)!important}
/* tabs/chips: flat, gold underline when active, no pills */
body.room-page .chip{border-radius:2px!important;background:transparent!important;color:var(--hb-mute)!important;box-shadow:none!important;border:0!important;border-bottom:2px solid transparent!important;font-family:var(--text)!important}
body.room-page .chip:hover{color:var(--hb-cream)!important}
body.room-page .chip[aria-pressed=true],body.room-page .chip[aria-selected=true],body.room-page .chip.on{color:var(--hb-cream)!important;border-bottom-color:var(--hb-gold)!important}
/* event notice: a terracotta tag, not pinned parchment */
body.room-page .ev-pill{transform:none!important;clip-path:none!important;border-radius:3px!important;background:var(--hb-terra)!important;color:#fff6e6!important;box-shadow:0 2px 0 var(--hb-terra-d),0 6px 14px rgba(0,0,0,.35)!important;font:600 13.5px/1.15 var(--text)!important;letter-spacing:0!important;padding:7px 12px 7px 22px!important;border:0!important}
body.room-page .ev-pill *{color:inherit!important}
/* counters */
body.room-page .bal,body.room-page .bal *{font-family:var(--text)!important;color:var(--hb-text)}
body.room-page .bal b{color:var(--hb-gold)!important}
body.room-page .coll-n{color:var(--hb-gold)!important}
/* catalog cards: cream tag cards with a teal art window and terracotta rule, like the shop packs */
body.room-page .cc{background:var(--hb-cream)!important;color:var(--hb-ink)!important;border:0!important;border-radius:4px!important;box-shadow:0 2px 0 var(--hb-cream2),0 10px 22px rgba(0,0,0,.4)!important}
body.room-page .cc-art{background:radial-gradient(circle at 50% 55%,#1b5560 0%,#0f3a40 60%,#0a2a30 100%)!important;border-bottom:3px solid var(--hb-terra)!important;border-radius:4px 4px 0 0!important;margin:-10px -10px 6px;flex-shrink:0}
body.room-page .cc b{color:var(--hb-ink)!important;font:700 15.5px/1.25 var(--text)!important}
body.room-page .cc :is(p,small,span,.cc-a){color:#5a4632}
body.room-page .cc-r,body.room-page .cc-g{color:var(--hb-terra-d)!important;font:600 12px/1 var(--text)!important;letter-spacing:.06em!important;text-transform:uppercase!important}
body.room-page .cc .tag{background:var(--hb-sea2)!important;color:var(--hb-cream)!important;border-radius:2px!important;border:0!important}
body.room-page .cc .btn{background:var(--hb-terra)!important;color:#fff6e6!important;border:0!important;border-radius:3px!important;box-shadow:0 2px 0 var(--hb-terra-d)!important}
/* locked hints */
body.room-page .cc-why{background:#efdcb6!important;color:var(--hb-ink)!important;border:0!important;border-left:3px solid var(--hb-gold)!important;border-radius:2px!important}
body.room-page .cc-why dt{color:var(--hb-terra-d)!important}
body.room-page .cc-why dd{color:#4a3826!important}
body.room-page .cc-why-b{background:var(--hb-sea2)!important;color:var(--hb-gold)!important;box-shadow:none!important;border-radius:2px!important}
body.room-page .why-play{background:var(--hb-sea2)!important;color:var(--hb-cream)!important;border-radius:3px!important}
/* inventory tiles */
body.room-page .inv-i{background:radial-gradient(circle at 50% 45%,#1b5560,#0f3a40 70%)!important;border:1px solid rgba(245,230,200,.18)!important;border-radius:3px!important;color:var(--hb-text)}
/* tooltip + selection bar + dialogs */
body.room-page .t-tip{background:var(--hb-cream)!important;color:var(--hb-ink)!important;border:0!important;border-top:3px solid var(--hb-terra)!important;border-radius:3px!important;box-shadow:0 12px 28px rgba(0,0,0,.5)!important;font-family:var(--text)!important}
body.room-page .t-tip b{color:var(--hb-ink)!important;font:700 14.5px/1.25 var(--text)!important}
body.room-page .t-tip *{color:inherit}
body.room-page .sel-bar{background:rgba(11,42,48,.95)!important;color:var(--hb-cream)!important;border:1px solid rgba(242,193,78,.4)!important;border-radius:3px!important}
body.room-page .sel-bar b{font-family:var(--text)!important;color:var(--hb-gold)}
body.room-page .dlg{background:var(--hb-sea)!important;color:var(--hb-text)!important;border:0!important;border-top:5px solid var(--hb-terra)!important;border-radius:4px!important}
body.room-page .dlg h2{font:600 21px/1.2 var(--display)!important;color:var(--hb-cream)}
body.room-page .dlg p{color:var(--hb-mute)!important}
body.room-page .bubble{border-radius:3px!important;background:var(--hb-cream)!important;color:var(--hb-ink)!important;font-family:var(--text)!important}
body.room-page .cc .tag{padding:4px 8px!important;align-self:flex-start;font:600 12px/1.2 var(--text)!important}
body.room-page .cc-why{box-shadow:none!important;outline:0!important}
/* shop v3: toasts sit bottom-left, clear of the right-hand drawer and its hints; the welcome one leaves after 2.2 s and the locked hint is a clean cream note */
body.room-page .toasts{top:auto;bottom:24px;left:24px;right:auto}
@media (max-width:700px){body.room-page .toasts{left:12px;right:12px;bottom:12px}body.room-page .toast{min-width:0;max-width:none}}
body.room-page .cc-why{background:#f3e2bf!important;border:1px solid rgba(176,138,90,.45)!important;border-left:3px solid var(--hb-gold)!important;box-shadow:0 10px 22px rgba(0,0,0,.32)!important;outline:0!important}
body.room-page .cc-why-b:focus-visible{outline:2px solid var(--hb-gold)!important;outline-offset:1px}