/* Camora room.html: player / information split, status bar, facts and related grid. */
.site-shell .room-top{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);margin:24px 0}
.site-shell .room-player-shell{position:relative;aspect-ratio:16/9;background:var(--media-bg);min-width:0;align-self:start}
.site-shell .room-player-shell video{display:block;width:100%;height:100%;object-fit:contain}
.site-shell .player-message{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;background:#130d1299;color:var(--media-ink)}
.site-shell .player-message[hidden]{display:none}
.site-shell .room-info{padding:24px;min-width:0;overflow-wrap:anywhere}.site-shell .room-heading h1{font-size:clamp(22px,2vw,30px)}
.site-shell .room-account{display:flex;gap:10px;flex-wrap:wrap}.site-shell .room-note{font-size:12px;margin-top:16px}.site-shell .room-quick-info{margin:16px 0}.site-shell .room-quick-info>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid var(--line)}.site-shell .room-quick-info dd{text-align:right}
.site-shell .related-section{padding:20px 0 40px;border-top:1px solid var(--line)}
@media(max-width:1000px){.site-shell .room-top{grid-template-columns:1fr}.site-shell .room-info{padding:18px}}

/* The embed uses the existing player box; surrounding room layout is unchanged. */
.site-shell .room-player-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.site-shell .player-message [hidden]{display:none}

.member-chat{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:12px}.member-chat .chat-messages{max-height:24rem;min-height:4rem;overflow:auto;overflow-wrap:anywhere}.member-chat .chat-message-wrapper{padding:.3rem 0}.member-chat img{max-width:100%;max-height:80px}

.site-shell .room-player-shell{overflow:hidden;padding-bottom:42px;box-sizing:content-box}
/* Extend the blurred image beyond every edge so transparent blur margins cannot leave gaps. */
.site-shell .room-backdrop{position:absolute;inset:-36px;width:calc(100% + 72px);max-width:none;height:calc(100% + 72px);object-fit:cover;object-position:center;filter:blur(12px) brightness(.55);transform:none;pointer-events:none}
.site-shell .room-player-shell video{position:relative;aspect-ratio:16/9;object-fit:contain}
.site-shell .room-player-shell iframe{height:calc(100% - 42px)}
.site-shell .player-message{bottom:42px}
.site-shell .room-control-bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:42px;padding:0 10px;background:#17131b;color:#fff;z-index:2;font-size:12px}
.room-status,.room-controls{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#32d578}
.room-controls button{background:transparent;color:inherit;border:0;min-width:36px;min-height:36px;cursor:pointer}.room-controls button[aria-disabled=true],.room-controls button:disabled{opacity:.5;cursor:default}.room-controls input{width:70px;padding:0;accent-color:#ce3462}.fullscreen-control{position:relative}.fullscreen-hint{display:none;position:absolute;bottom:42px;right:0;width:230px;padding:10px;border-radius:6px;background:#17131b;color:white;font-size:12px;line-height:1.5}.fullscreen-control:hover .fullscreen-hint,.fullscreen-control:focus-within .fullscreen-hint{display:block}
.site-shell .room-join{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px}.free-badge{background:white;color:#791327;border-radius:5px;padding:2px 6px;font-size:10px;white-space:nowrap}.site-shell .room-account{margin-bottom:12px}.room-account .room-join{flex-basis:100%}.site-shell .room-heading-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.site-shell .room-heading-top .share-link{width:auto;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px;min-height:34px;flex-shrink:0}.site-shell .room-heading [data-share-url]{width:100%;min-width:0;margin-top:8px}.site-shell .room-quick-info dt,.site-shell .room-quick-info dd{min-width:0;overflow-wrap:anywhere}.site-shell .room-quick-info dd{margin:0}.site-shell .room-player-shell:fullscreen{width:100%;height:100%;aspect-ratio:auto;box-sizing:border-box}.site-shell .room-player-shell:fullscreen video{height:100%;aspect-ratio:auto}
@media(max-width:650px){.site-shell .portrait-player{aspect-ratio:auto}.site-shell .portrait-player video{aspect-ratio:var(--video-ratio,9/16);height:auto}.site-shell .room-info{padding:18px 15px}.site-shell .room-quick-info{font-size:12px}.room-controls input{width:54px}}
.room-controls svg [hidden]{display:none}.room-controls button:focus-visible,.share-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

/* Topics stay in the existing quick-info list and wrap without clipping. */
.site-shell .room[data-provider="chaturbate"] .room-quick-info .room-topic{display:block}
.site-shell .room[data-provider="chaturbate"] .room-topic dd{text-align:start;white-space:pre-wrap;margin-top:4px}
/* Provider tags remain plain text within the existing fact list. */
.site-shell .room[data-provider="stripchat"] .room-tags{display:block}
.site-shell .room[data-provider="stripchat"] .room-tags dd{display:flex;flex-wrap:wrap;gap:6px;text-align:left;margin-top:7px}
.site-shell .room-tag{max-width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:5px;padding:3px 7px;overflow-wrap:anywhere}