#online-status{font-size:.76rem;color:#e5d5a4;margin-inline-start:auto}
.beta-page{width:min(100% - 24px,850px);margin:1rem auto;padding:1rem;background:#164052;color:#f2f9f9;border:1px solid #83adb6;border-radius:12px;max-height:calc(100dvh - 76px);overflow:auto}
.beta-page h1,.beta-page h2{margin:.35em 0}
.beta-page section{border-top:1px solid #6a98a6;padding:.6rem 0}
.beta-form{display:grid;gap:.55rem}
.beta-form label{display:grid;gap:.2rem}
.beta-form small{font-weight:normal}
.beta-form textarea{width:100%;font:inherit;border-radius:6px;padding:.4rem}
.beta-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin:.35rem 0}
.beta-actions label{display:flex;gap:.4rem;align-items:center}
.beta-page input,.beta-page select,.beta-page button,.beta-form select{min-height:36px}
.beta-rooms,.beta-seats{margin:.35rem 0;padding-inline-start:1.4rem}
.beta-rooms li,.beta-seats li{padding:.2rem 0}
.beta-feedback{overflow-wrap:anywhere;white-space:pre-wrap}
.beta-error{color:#ffd4a3}
.beta-help{color:#d3e6eb;font-size:.92rem;margin:.35rem 0}
.beta-role{font-weight:600}
.beta-controllers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;border:1px solid #6a98a6;border-radius:6px;min-width:0;margin:0;padding:.45rem .65rem .6rem}
.beta-controllers legend{padding:0 .25rem}
.beta-controllers [data-create-seat][hidden]{display:none}
.beta-form .beta-host-choice{display:flex;align-items:center;gap:.55rem}
.beta-form .beta-host-choice input{min-height:1rem;width:1rem;accent-color:#edc573}
.beta-civ-form{border-top:1px solid #6a98a6;padding-top:.35rem}
.beta-seats [data-occupied="false"]{color:#d3e6eb}
.beta-page :is(h1,button,input,select):focus-visible,.beta-form :is(textarea,select,button):focus-visible{outline:2px solid #e8c676;outline-offset:3px}
.beta-page input,.beta-page select,.beta-form textarea{max-width:100%;min-width:0}
.beta-page h1{overflow-wrap:anywhere}
#survey-dialog{max-height:calc(100dvh - 24px);overflow:auto}
@media(max-width:540px){#online-status{font-size:.68rem;line-height:1.25;max-width:100px}.beta-page{margin:.5rem auto;padding:.75rem}.beta-page .beta-actions{align-items:flex-start}}