.app-room-messages{height:420px;overflow:auto;overscroll-behavior:contain;padding:.5rem;scrollbar-width:thin}
.app-room-message{padding:.75rem;border-bottom:1px solid var(--bs-border-color,#394052);overflow-wrap:anywhere}
.app-room-message p{white-space:pre-wrap}.app-room-message.is-hidden p{font-style:italic;opacity:.7}
.app-room-message-actions{display:flex;flex-wrap:wrap;gap:.25rem}.app-room-message-actions .btn{font-size:.7rem;padding:.15rem .25rem}
.app-room-timer{font-variant-numeric:tabular-nums;font-size:1.3rem;white-space:nowrap}
.app-room-auction{container-type:inline-size;position:relative;border:1px solid var(--bs-border-color,#394052);border-radius:18px;overflow:hidden;background:var(--site-surface,var(--bs-body-bg,#171d28));color:var(--site-text,var(--bs-body-color));box-shadow:0 16px 40px #0002}
.app-room-history-row{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--bs-border-color,#394052)}
.app-room-history-row strong{flex:1;min-width:160px}
.app-room-auction [hidden]{display:none!important}
.app-auction-layout{display:grid;grid-template-columns:1fr;min-width:0}
.has-auction .app-auction-layout{grid-template-columns:minmax(0,36%) minmax(0,1fr)}
.app-auction-media{display:grid;place-items:center;position:relative;min-width:0;background:radial-gradient(ellipse at center,rgba(var(--app-theme-rgb,26,205,224),.14),transparent 75%),var(--site-bg-soft,#15171d);border-right:1px solid var(--bs-border-color,#394052);overflow:hidden}
.app-auction-media img{width:100%;height:100%;max-height:520px;min-height:220px;object-fit:contain;padding:14px;filter:drop-shadow(0 12px 16px #0005)}
.app-auction-placeholder{padding:20px;text-align:center;color:var(--site-muted,#939eb1);font-size:.8rem}
.app-auction-body{padding:20px;min-width:0}
.app-auction-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.app-auction-heading h2{font-size:.65rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;margin:0;color:var(--site-muted,#939eb1)}
[data-status=active] .app-auction-heading h2{color:var(--app-theme-text,#31d3e2)}
[data-status=active] .app-auction-heading h2::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:currentColor;box-shadow:0 0 12px currentColor}
.app-room-timer:empty{display:none}
.app-room-timer{font-size:1.1rem;line-height:1;padding:8px 10px;border-radius:8px;background:rgba(var(--app-theme-rgb,26,205,224),.13);color:var(--app-theme-text,#31d3e2);font-variant-numeric:tabular-nums}
.app-auction-title{font-size:clamp(1rem,3.2cqi,1.35rem);line-height:1.3;font-weight:800;margin:0 0 14px;overflow-wrap:anywhere}
.app-auction-price{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.app-auction-price>span{font-size:.7rem;color:var(--site-muted,#939eb1)}
.app-auction-price>strong{font-size:clamp(1.7rem,5.8cqi,2.5rem);font-weight:850;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.app-auction-details{display:flex;gap:6px 12px;flex-wrap:wrap;font-size:.7rem;color:var(--site-muted,#939eb1);margin-bottom:12px}
.app-auction-leader,.app-auction-result{font-size:.78rem;margin:10px 0}.app-auction-leader.is-you{color:#5edbb2;font-weight:750}
.app-auction-bid-row{display:grid;grid-template-columns:minmax(85px,1fr) minmax(0,2fr);gap:8px}
.app-auction-bid-row input{min-width:0;font-weight:750}
.app-room-auction .app-auction-bid{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 12px;font-size:.9rem;line-height:1.3;font-weight:850;border-radius:10px;background:var(--app-theme-primary,#18cce0);color:var(--app-theme-contrast,#07171c);border-color:transparent;box-shadow:0 4px 20px rgba(var(--app-theme-rgb,26,205,224),.18);transition:transform .15s,filter .15s;white-space:normal}
.app-room-auction .app-auction-bid:hover{transform:translateY(-1px);filter:brightness(1.1)}
.app-auction-bid:focus-visible{outline:3px solid var(--site-text,#fff);outline-offset:3px}
.app-room-auction [data-live-bid]>.form-label{font-size:.72rem;margin-bottom:5px}
.app-room-auction .form-check-label{font-size:.67rem;line-height:1.5;color:var(--site-muted,#a6adbd)}
.app-auction-notice{font-size:.68rem;line-height:1.5;color:var(--site-muted,#a6adbd);margin:12px 0 0;padding-top:10px;border-top:1px solid var(--bs-border-color,#394052)}
.app-auction-notice:empty{display:none}.app-auction-empty{font-size:.82rem;color:var(--site-muted,#a6adbd);margin:0}
.app-room-auction[data-status=active]{border-color:rgba(var(--app-theme-rgb,26,205,224),.6);box-shadow:0 0 0 1px rgba(var(--app-theme-rgb,26,205,224),.1),0 16px 40px #0004}
.app-room-auction.is-ending .app-room-timer{background:#db683322;color:#ffb58e}
.app-room-auction.is-entering{animation:app-auction-arrive .5s ease-out}
@keyframes app-auction-arrive{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.show-live-focus>[data-broadcast-view]{padding-bottom:24px}
.show-live-focus>.app-room-auction{margin:-24px 12px 0;z-index:1}
.show-live-focus:has([data-status=active]) .app-broadcast-player{border-color:rgba(var(--app-theme-rgb,26,205,224),.45)}
@container(max-width:520px){
 .app-auction-body{padding:14px}.has-auction .app-auction-layout{grid-template-columns:minmax(0,38%) minmax(0,1fr)}
 .has-auction .app-auction-body{display:contents}.has-auction .app-auction-media{grid-column:1;grid-row:1 / span 2}
 .has-auction .app-auction-heading{grid-column:2;margin:0;padding:14px 12px 8px;align-self:start}
 .has-auction [data-auction-info]{grid-column:2;padding:0 12px 10px}
 .has-auction [data-live-bid],.has-auction .app-auction-notice,.has-auction [data-live-login]{grid-column:1 / -1;margin:12px 14px}
 .app-auction-media img{padding:6px;min-height:180px;max-height:300px}.app-auction-heading{gap:6px;flex-wrap:wrap}.app-auction-heading h2{font-size:.58rem;letter-spacing:.04em}.app-room-timer{font-size:.9rem;padding:7px}.app-auction-details{font-size:.64rem}
}
@media(prefers-reduced-motion:reduce){.app-room-auction.is-entering{animation:none}.app-room-auction .app-auction-bid{transition:none;transform:none}}
@media(max-width:767px){.app-room-messages{height:320px}}
