.room-page{min-height:100dvh}.room{padding-top:calc(var(--nav-h) + 6vh);padding-bottom:8vh}.room__check{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,6vw,100px);align-items:center}.room__frame{position:relative;aspect-ratio:4 / 3;border-radius:28px;overflow:hidden;background:var(--olive-deep);box-shadow:0 40px 80px -44px #2e3018b3;outline:1px solid var(--line);outline-offset:10px}.room__frame video,.room__idle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.room__frame video{transform:scaleX(-1);opacity:0;transition:opacity .5s ease}.room__frame.is-live video{opacity:1}.room__idle{opacity:.55;filter:saturate(.7);transition:opacity .5s ease}.room__frame.is-live .room__idle,.room__frame.is-live .room__ink{opacity:0}.room__ink{position:absolute;right:-6%;bottom:-24%;width:46%;opacity:.5;transition:opacity .5s ease;pointer-events:none}.room__controls{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:12px}.ctrl{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#f6efe5e0;color:var(--ink);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .16s var(--ease-out),background-color .2s ease,color .2s ease}.ctrl svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.ctrl .slash{opacity:0;transition:opacity .2s ease}.ctrl[aria-pressed=false]{background:var(--s-red);color:#fbf3ea}.ctrl[aria-pressed=false] .slash{opacity:1}.ctrl:active{transform:scale(.94)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.meter{display:flex;gap:4px;align-items:end;height:26px;margin-top:26px}.meter i{flex:1;height:100%;border-radius:3px;background:var(--sand-2);transform-origin:bottom;transform:scaleY(.15);transition:transform 90ms linear,background-color .2s ease}.meter i.is-hot{background:var(--olive)}.room__level{margin-top:10px}.room__copy .lead{margin-top:22px}.room__private{display:flex;align-items:center;gap:10px;margin-top:22px;color:var(--ink);font-weight:500}.room__private svg{width:20px;height:20px;fill:none;stroke:var(--bronze);stroke-width:1.5}.room__tips{margin-top:26px;border-top:1px solid var(--line)}.room__tips li{padding:14px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:1.3rem;color:var(--ink)}.room__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.room__note{margin-top:20px;padding:16px 18px;border-radius:14px;background:var(--paper-2);border:1px solid var(--line);max-width:52ch}.room__call{position:fixed;inset:var(--nav-h) 0 0 0;z-index:40;background:var(--olive-deep);padding:16px}.room__call[hidden]{display:none}.room__call-frame{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:22px;overflow:hidden}.room__call-frame iframe{width:100%;height:100%;border:0}.room__leave{position:absolute;right:32px;bottom:32px;--bg: var(--s-red);--bd: var(--s-red)}@media(max-width:860px){.room__check{grid-template-columns:1fr}.room .nav__word{display:none}}