.room{grid-template-rows:auto 1fr;height:100svh;display:grid;overflow:hidden}.room__bar{height:var(--bar-h);padding:0 var(--gutter);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.room__id{align-items:center;gap:4px;display:flex}.room__back,.room__nav>*{border:1px solid #0000;border-radius:999px;justify-self:start;padding:6px 11px;transition:border-color .25s,background .25s,color .25s}.room__back:hover,.room__nav>:hover,.room__nav [aria-expanded=true]{border-color:currentColor}.room__id .logo svg{height:22px}.room__title{letter-spacing:-.02em;white-space:nowrap;align-items:baseline;gap:12px;margin:0;font-size:17px;font-weight:800;font-stretch:112%;display:flex}.room__title .mono{color:var(--ink-2);font-stretch:100%}.room__nav{justify-content:end;gap:4px;display:flex}.room__stage{background:var(--paper);min-height:0;position:relative}.room__stage iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.notice{top:calc(var(--bar-h) + 1px);z-index:30;width:min(460px,100vw);padding:28px var(--gutter) 40px;background:var(--paper);color:var(--ink);border-left:1px solid var(--line);transition:translate .7s var(--ease);align-content:start;gap:18px;display:grid;position:fixed;bottom:0;right:0;overflow-y:auto;translate:101%}.notice.open{translate:0}.notice__close{color:var(--ink-2);justify-self:end}.notice__close:hover{color:var(--ink)}.notice p{margin:0}.notice__big{letter-spacing:-.035em;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1}.notice__list{border-top:1px solid var(--ink);grid-template-columns:96px 1fr;gap:12px 16px;margin:10px 0 0;padding-top:16px;display:grid}.notice__list dt{color:var(--ink-2);padding-top:.15em}.notice__list dd{margin:0}@media (width<=860px){.room__bar{grid-template-columns:auto 1fr auto}.room__title{justify-content:center;font-size:14px}.room__title .mono,.room__nav a{display:none}}