.entry-panel{max-width:none}.entry-panel .tabs{margin:22px 0 12px}.saved-rooms{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0}.saved-rooms .eyebrow{margin-bottom:12px}.saved-rooms .fine{margin:12px 0 0}.saved-seat{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#284036;border-color:#527963;padding:13px 14px;text-align:left}.saved-seat+.saved-seat{margin-top:8px}.saved-seat span{font-size:.9rem;overflow-wrap:anywhere}.saved-seat strong{font-size:.8rem;color:#d9efd9;white-space:nowrap}.directory-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.75rem}.directory-head button{font-size:.8rem;min-height:40px}.room-listing{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;margin-top:9px;padding:16px;background:#17272a;border-color:#415350}.room-listing strong{display:block;font:1.1rem Georgia,serif;color:var(--ink);overflow-wrap:anywhere}.room-listing small{display:block;font-size:.75rem;color:var(--muted);margin-top:8px;line-height:1.5}.room-listing .room-join{color:var(--gold);font-size:.8rem;white-space:nowrap}.room-listing:disabled{opacity:.68}.directory-empty{padding:20px 16px;border:1px dashed #617064;border-radius:8px;font-size:.9rem;color:var(--muted);margin:10px 0 0}.room-heading h1{overflow-wrap:anywhere;font-size:clamp(2rem,4vw,3.3rem)}.code-button{flex:none}.code-button strong{font:1rem system-ui,sans-serif;letter-spacing:0}.room-seat-note{margin:0}#reconnect-banner{max-width:1120px;margin:20px auto 0;line-height:1.6;display:flex;align-items:center;justify-content:space-between;gap:14px}#reconnect-banner button{flex:none;color:#f0d1a3}#quit-open{color:#e5c9b1}#quit-dialog{max-width:480px}.topbar{flex-wrap:wrap}.top-actions{gap:12px}.top-actions button{white-space:nowrap}
@media(max-width:760px){.topbar{gap:10px;padding:16px 18px}.top-actions{gap:9px}.top-actions button{font-size:.75rem}.brand{gap:8px}.brand strong{font-size:.9rem}.brand-mark{width:32px;height:38px}.topbar:has(#quit-open:not([hidden])) .top-actions{width:100%;justify-content:flex-end;margin-top:-5px}.topbar:has(#quit-open:not([hidden])){padding-bottom:5px}.room-heading{gap:12px;flex-wrap:wrap}.room-heading>div{flex:1;min-width:190px}.code-button{padding:10px}.code-button small{font-size:.6rem}.code-button strong{font-size:.8rem}.saved-rooms{margin:18px 0;padding:14px 0}.entry-panel .tabs{margin-top:18px}.room-listing{padding:14px 12px}#reconnect-banner{margin:14px 18px 0;display:block;font-size:.8rem}#reconnect-banner button{display:block;padding-left:0}.entry .intro h1{font-size:2rem}.entry .intro .eyebrow{display:none}.entry .crest-art{margin-bottom:12px}.entry .intro .facts{margin-top:10px}.entry .intro{padding-bottom:0}}
.topbar{position:sticky;top:0;z-index:10;background:#0b1416ef;backdrop-filter:blur(14px)}