:root{--bg:#f6f5f2;--surface:#fff;--surface-2:#efede8;--text:#1f1e1c;--muted:#76726b;--border:#dedad3;--accent:#3a6ea5;--accent-text:#fff;--mention:#fff4d6;--danger:#b3261e;--success:#2e7d4f;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#161615;--surface:#201f1d;--surface-2:#2a2926;--text:#ecebe8;--muted:#9b978f;--border:#3a3834;--accent:#7aa7d8;--accent-text:#10131a;--mention:#3b3220;--danger:#f2877f;--success:#7ccf9b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea{font:inherit;color:inherit}input,textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;padding:8px 10px}input[type=checkbox]{flex:none;width:auto}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}button{cursor:pointer;white-space:nowrap;border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:8px 14px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.link{color:var(--accent);background:0 0;border:none;padding:4px 8px}.muted{color:var(--muted)}.error{color:var(--danger);margin:8px 0}.brand{letter-spacing:.02em;margin:0;font-size:22px;font-weight:800}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:20px;display:flex}.card h2{margin:0;font-size:17px}.center-page{place-items:center;min-height:100%;padding:16px;display:grid}.center-page .card{width:min(420px,100%)}.page{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;padding:16px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.me{align-items:center;gap:4px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field>span{color:var(--muted);font-size:13px}.icon-picker{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.icon-opt{background:var(--surface);padding:4px 8px;font-size:20px}.icon-opt.selected{outline:2px solid var(--accent)}.icon-custom{text-align:center;width:72px}.row{gap:8px;display:flex}.room-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.room-item{text-align:left;background:var(--surface);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;width:100%;min-width:0;display:flex}.room-item>span{overflow-wrap:anywhere;min-width:0}.invite pre{background:var(--surface-2);white-space:pre-wrap;word-break:break-all;border-radius:8px;padding:10px;font-size:13px;overflow-x:auto}.room{flex-direction:column;gap:10px;max-width:900px;height:100%;margin:0 auto;padding:12px 16px;display:flex}.room-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.status{color:var(--muted);font-size:13px}.status-open{color:var(--success)}.seats{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.seat{background:var(--surface);flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:6px 8px;display:flex}.seat.me{border-color:var(--accent)}.seat.offline{opacity:.45}.seat-icon{font-size:22px;line-height:1}.seat-name{text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-size:12px;overflow:hidden}.tabs{gap:6px;display:flex;overflow-x:auto}.tab{white-space:nowrap;background:0 0;align-items:center;gap:6px;display:flex}.tab[aria-selected=true]{background:var(--surface);border-color:var(--accent)}.badge{background:var(--accent);color:var(--accent-text);border-radius:999px;padding:0 7px;font-size:12px}.messages{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.msg{border-radius:8px;align-items:flex-start;gap:10px;padding:4px 6px;display:flex}.msg.mention{background:var(--mention)}.msg.system{text-align:center;color:var(--muted);overflow-wrap:anywhere;font-size:13px;display:block}.msg-icon{font-size:22px;line-height:1.3}.msg-body{min-width:0}.msg-meta{gap:8px;font-size:13px;display:flex}.msg-name{font-weight:600}.msg.mine .msg-name{color:var(--accent)}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere}.notice{margin:0}.composer{align-items:stretch;gap:8px;display:flex}.composer textarea{resize:none}select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.tag{background:var(--surface-2);color:var(--muted);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:12px}.tag.live{color:var(--success)}.room{max-width:1200px}.room-body{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.room-body.with-game{grid-template-columns:minmax(0,1fr) minmax(320px,420px);display:grid}.chat{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.game-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:14px;display:flex;overflow-y:auto}.game-panel.your-turn{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.game-head{align-items:baseline;gap:12px;display:flex}.countdown{font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto}.countdown.urgent{color:var(--danger);font-weight:700}.summary{white-space:pre-wrap;font:inherit;margin:0;line-height:1.7}.result{color:var(--success);margin:0;font-weight:700}.actions{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:12px;display:flex}.action{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.action-label{width:100%;color:var(--muted);font-size:13px}.action input:not([type=checkbox]),.action select{flex:1;width:auto;min-width:140px}.action-options{flex-wrap:wrap;gap:6px;display:flex}.check{align-items:center;gap:6px;display:flex}.msg.system.game{color:var(--text);text-align:left;border-left:3px solid var(--border);white-space:pre-line;padding-left:12px;font-size:14px}.msg.system.turn{border-left-color:var(--accent);font-weight:600}@media (width<=760px){.room-body.with-game{flex-direction:column;display:flex}.game-panel{max-height:45vh}}:root{--table:#c9b48a;--table-edge:#a88f5f;--bubble:#fff;--bubble-text:#1f1e1c;--warning:#9a6700}@media (prefers-color-scheme:dark){:root{--table:#3d3427;--table-edge:#5b4c35;--bubble:#ecebe8;--bubble-text:#161615;--warning:#e3b341}}.stage{flex-direction:column;gap:12px;display:flex}.tone-muted{color:var(--muted)}.tone-accent{color:var(--accent)}.tone-success{color:var(--success)}.tone-warning{color:var(--warning)}.tone-danger{color:var(--danger)}.w-stack{display:flex}.w-stack.col{flex-direction:column}.w-stack.row{flex-direction:row}.w-stack.wrap{flex-wrap:wrap}.w-stack.align-center{align-items:center}.w-stack.align-start{align-items:flex-start}.w-stack.align-end{align-items:flex-end}.w-grid{display:grid}.w-panel{border:1px solid var(--border);border-radius:8px;padding:10px 12px}.w-panel>summary,.w-panel>h4{cursor:pointer;margin:0 0 6px;font-weight:600}.w-divider{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.w-divider:before,.w-divider:after{content:"";border-top:1px solid var(--border);flex:1}.w-text,.w-heading{margin:0}.w-badge{background:var(--surface-2);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:13px;display:inline-block}.w-badge.sm{padding:0 6px;font-size:11px}.w-stat{flex-direction:column;display:flex}.w-stat .label,.w-meter .label{color:var(--muted);font-size:12px}.w-stat .value{font-size:22px;font-weight:700}.w-meter{align-items:center;gap:8px;display:flex}.w-meter meter{flex:1}.w-table{border-collapse:collapse;width:100%;font-size:14px}.w-table th,.w-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:4px 8px}.w-timer{font-variant-numeric:tabular-nums;font-weight:600}.w-timer.urgent{color:var(--danger)}.w-log{max-height:160px;font-size:13px;overflow-y:auto}.w-dice{gap:6px;display:flex}.w-dice .die{border:1px solid var(--border);border-radius:6px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.w-card{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;min-width:96px;padding:10px 14px;position:relative}.w-card.tone-accent{border-color:var(--accent);color:var(--text)}.w-card .title{color:var(--muted);font-size:12px}.w-card .body{font-size:20px;font-weight:700}.w-card .corner{font-size:12px;position:absolute;top:4px;right:8px}.w-card.down{background:repeating-linear-gradient(45deg, var(--surface-2), var(--surface-2) 6px, var(--border) 6px, var(--border) 12px);min-height:56px}.w-card.clickable,.w-hand .w-card.clickable{cursor:pointer}.w-hand{flex-wrap:wrap;gap:8px;display:flex}.w-list{margin:0;padding-left:20px}.w-choice{flex-wrap:wrap;gap:8px;display:flex}.w-choice .opt{align-items:center;gap:6px;display:inline-flex}.w-choice .opt.selected,.w-choice .opt.asking,.w-button.asking{outline:2px solid var(--accent)}.w-choice .count{background:var(--accent);color:var(--accent-text);border-radius:999px;padding:0 7px;font-size:12px;font-weight:700}.w-form{align-items:center;gap:8px;display:flex}.w-form input:not([type=checkbox]):not([type=range]),.w-form textarea{flex:1}.w-button{align-self:flex-start}.w-seats.row{flex-wrap:wrap;justify-content:center;gap:16px;padding-top:40px;display:flex}.w-seats.ring{aspect-ratio:16/11;width:100%;min-height:300px;position:relative}.w-seats .table-top{background:radial-gradient(ellipse at 40% 35%, color-mix(in srgb, var(--table) 85%, white), var(--table));border:6px solid var(--table-edge);text-align:center;color:#2b2418;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:54%;height:46%;padding:8px 16px;display:flex;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 24px #0000002e}@media (prefers-color-scheme:dark){.w-seats .table-top{color:var(--text)}}.w-seats .table-top .w-heading{font-size:16px}.w-seats .table-top .w-text{opacity:.8;font-size:13px}.seat-spot{flex-direction:column;align-items:center;gap:2px;width:104px;display:flex}.w-seats.ring .seat-spot{position:absolute;transform:translate(-50%,-50%)}.seat-spot .avatar{border:2px solid var(--border);background:var(--surface);cursor:default;opacity:1;border-radius:50%;place-items:center;width:56px;height:56px;padding:0;transition:transform .15s,box-shadow .15s;display:grid;position:relative}.seat-spot .avatar-icon{font-size:30px;line-height:1}.seat-spot.active .avatar{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 35%, transparent)}.seat-spot.clickable .avatar{cursor:pointer;border-color:var(--accent)}.seat-spot.clickable .avatar:hover{transform:scale(1.08)}.seat-spot.asking .avatar{box-shadow:0 0 0 4px var(--danger)}.seat-spot.out .avatar{filter:grayscale();opacity:.45}.seat-spot .votes{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:13px;font-weight:700;animation:.25s ease-out pop;display:grid;position:absolute;bottom:-4px;right:-10px}.seat-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.seat-spot.asking .seat-label{white-space:normal;color:var(--danger);overflow:visible}.seat-spot.out .seat-label{color:var(--muted);text-decoration:line-through}.seat-badges{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.seat-spot .bubble{background:var(--bubble);width:max-content;max-width:160px;color:var(--bubble-text);border:2px solid var(--accent);z-index:2;overflow-wrap:anywhere;border-radius:10px;padding:5px 9px;font-size:12px;line-height:1.35;animation:.25s ease-out pop;position:absolute;bottom:calc(100% - 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000026}.seat-spot .bubble.chat{border-color:var(--border);font-style:italic}.seat-spot .bubble:after{content:"";border:6px solid #0000;border-top-color:var(--accent);position:absolute;top:100%;left:50%;transform:translate(-50%)}.seat-spot .bubble.chat:after{border-top-color:var(--border)}.w-seats.ring .seat-spot{margin-top:8px}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.8)}}.seat-spot .votes{animation-name:pop-badge}@keyframes pop-badge{0%{transform:scale(.5)}}.game-controls{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.game-picker{flex-wrap:wrap;gap:6px;max-width:100%;display:flex}.game-picker select{min-width:0;max-width:100%}.game-switch{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.text-version summary{cursor:pointer;color:var(--muted);font-size:13px}.room-body.with-game{grid-template-columns:minmax(0,1.4fr) minmax(300px,400px)}@media (width<=760px){.game-panel{max-height:none}.seat-spot{width:76px}.seat-spot .avatar{width:44px;height:44px}.seat-spot .avatar-icon{font-size:24px}.seat-spot .bubble{max-width:110px;font-size:11px}}.w-card .title,.w-card .body{display:block}button.w-card{text-align:left;font:inherit}.preview{flex-direction:column;gap:12px;height:100%;padding:12px 16px;display:flex}.preview-grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px;min-height:0;display:grid}.preview-src{resize:none;height:100%;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.preview-out{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.preview-out h3{margin:8px 0 0;font-size:14px}.preview-text{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=760px){.preview-grid{grid-template-columns:1fr}.preview-src{height:240px}}.agents-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px}.agents-panel>summary{cursor:pointer;font-weight:600}.agent-list{flex-direction:column;gap:6px;margin:8px 0;padding:0;list-style:none;display:flex}.agent-list li{flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:14px;display:flex}.agent-form{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:10px;display:flex}.agent-form .row select{flex:none}.small{margin:0;font-size:12px}.w-actor{border:1px solid var(--border);background:var(--surface-2);min-width:150px;color:var(--text);font:inherit;text-align:left;border-left-width:4px;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.w-actor.clickable{cursor:pointer}.w-actor.tone-danger{border-left-color:var(--danger)}.w-actor.tone-accent{border-left-color:var(--accent)}.w-actor.tone-success{border-left-color:var(--success)}.w-actor.tone-warning{border-left-color:var(--warning)}.w-actor.tone-muted{opacity:.55}.w-actor .actor-icon{font-size:22px}.w-actor .actor-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.w-actor .actor-name{align-items:baseline;gap:6px;font-weight:600;display:flex}.w-actor .actor-status{color:var(--muted);font-size:12px;font-weight:400}.w-actor .actor-hp{background:var(--border);border-radius:3px;height:5px;overflow:hidden}.w-actor .actor-hp>span{background:var(--success);height:100%;display:block}.w-actor .actor-hp-text{color:var(--muted);font-size:11px}.w-actor .actor-badges{flex-wrap:wrap;gap:4px;display:flex}.w-custom{background:0 0;border:0;border-radius:10px;width:100%;display:block}.timeline-bar{background:var(--mention);border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:flex}.timeline-bar .caption{flex:1}.recap{font-size:13px}.recap summary{cursor:pointer;color:var(--muted)}.recap ul{max-height:30vh;margin:6px 0 0;padding-left:18px;overflow-y:auto}.recap li+li{margin-top:4px}.task-bar{z-index:2;background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px 10px;margin:-14px -14px 0;padding:8px 14px;font-size:14px;display:flex;position:sticky;top:-14px}.task-bar.act{background:var(--mention)}.task-state{color:var(--muted);border:1px solid;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.task-bar.act .task-state{color:var(--accent)}.task-bar.done .task-state{color:var(--success)}.task-phase{color:var(--muted);font-size:13px}.task-text{flex:12em;min-width:0}.seat-away{color:var(--warning);font-size:11px}.task-jump{padding:0;font-size:13px}.task-progress{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.msg.gm .msg-body{border-left:3px solid var(--accent);padding-left:8px}.gm-console{border:1px solid var(--accent);border-radius:var(--radius);flex-direction:column;gap:8px;padding:8px 12px;display:flex}.gm-console summary{cursor:pointer;font-weight:600}.gm-console .gm-tool{flex-direction:column;gap:6px;display:flex}.gm-console textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.budget{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.budget .pips{gap:3px;display:inline-flex}.budget .pip{border:1px solid var(--accent);border-radius:50%;width:12px;height:12px}.budget .pip.on{background:var(--accent)}.number-field{flex-direction:column;gap:2px;display:flex}.rulings{border:1px solid var(--accent);border-radius:var(--radius);flex-direction:column;gap:10px;padding:8px 12px;display:flex}.rulings h3{margin:0;font-size:15px}.ruling{flex-direction:column;gap:6px;display:flex}.ruling-options{flex-wrap:wrap;gap:4px;display:flex}fieldset.multi{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;gap:8px;display:flex}.w-rules{flex-direction:column;gap:6px;display:flex}.w-rules .rule{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.w-form .w-rules .rule input[type=number]{flex:0 0 64px;width:64px}.w-code{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}pre.preview{max-height:240px;overflow:auto}.w-form{flex-wrap:wrap}.w-form>.w-rules,.w-form>.w-code,.w-form>pre.preview{flex:100%;min-width:0}.w-rules .rule select,.w-rules .rule input{flex:0 auto;width:auto;min-width:0;max-width:100%}.gm-console .seat-picker{flex-wrap:wrap;gap:8px;display:flex}.gm-console .row{flex-wrap:wrap}.dot{background:var(--danger);border-radius:50%;width:8px;height:8px;display:inline-block}.pane-switch{display:none}.review-link{color:var(--accent);margin-left:6px}.room.review .topbar{flex-wrap:wrap}.room.review .topbar select{max-width:100%}.review-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.perspectives{align-items:center;gap:6px;display:flex;overflow-x:auto}.chip{background:var(--surface);border-radius:999px;padding:4px 10px;font-size:13px}.chip.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.scope,.review-controls{align-items:center;gap:6px;display:flex}.review-controls button{padding:6px 12px}.scrubber{min-width:80px;accent-color:var(--accent);background:0 0;border:none;flex:1;padding:0}.step-count{text-align:right;min-width:48px}.step-now{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;display:flex}.step-now code,.step-item code{background:var(--surface-2);word-break:break-all;border-radius:6px;padding:1px 6px}.step-list{gap:2px;margin:0;list-style:none}.step-item{text-align:left;white-space:normal;background:0 0;border-color:#0000;flex-direction:column;gap:2px;width:100%;padding:6px 8px;display:flex}.step-item.current{background:var(--surface-2);border-color:var(--accent)}.note-box{border-left:3px solid var(--accent);padding-left:10px}.stats h3{margin:4px 0 0;font-size:15px}.stats p{margin:0}.decisions{border-collapse:collapse;width:100%;font-size:14px}.decisions th,.decisions td{text-align:left;border-bottom:1px solid var(--border);padding:4px 6px}@media (width<=760px){input,textarea,select{font-size:16px}.room{gap:8px;height:100dvh;padding:8px 10px}.seats{gap:6px}.seat{min-width:52px;padding:4px 6px}.seat-icon{font-size:18px}.seat-name{max-width:56px;font-size:11px}.pane-switch{grid-template-columns:1fr 1fr;gap:6px;display:grid}.pane-switch button{justify-content:center;align-items:center;gap:6px;padding:6px;display:flex}.pane-switch button[aria-selected=true]{background:var(--surface);border-color:var(--accent);font-weight:600}.room-body.with-game{flex-direction:column;display:flex}.room-body.pane-game>.chat,.room-body.pane-chat>.game-panel{display:none}.room-body.pane-game>.game-panel{flex:1;min-height:0;max-height:none}.create-room{flex-wrap:wrap}.create-room>input{flex:100%}.create-room>select{flex:1;min-width:0}.room.review{height:auto;min-height:100dvh}.room-body.review-body>.game-panel{flex:none;overflow:visible}.review-side{flex:none}.review-side .messages{max-height:60dvh}.review-controls button{padding:6px 9px}}.stage-frozen{border:none;min-width:0;margin:0;padding:0}.hide-from{color:var(--muted);margin:4px 0;font-size:13px}.hide-from summary{cursor:pointer}.hide-from-list{flex-wrap:wrap;gap:4px 12px;padding:6px 0;display:flex}.hide-from-list .check{white-space:nowrap}.tag.scoped{background:var(--mention);color:var(--warning)}.msg.important{background:var(--mention);border-radius:6px;padding-top:4px;padding-bottom:4px}.msg.system.game.important{border-left-color:var(--warning);font-weight:600}.msg.gm.important .msg-body{border-left-color:var(--warning)}.notice-log{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:6px;padding:4px 10px;font-size:13px}.notice-log summary{cursor:pointer;align-items:center;gap:6px;font-weight:600;display:flex}.notice-log ol{white-space:pre-wrap;overflow-wrap:anywhere;flex-direction:column;gap:6px;max-height:30vh;margin:6px 0 2px;padding:0;list-style:none;display:flex;overflow-y:auto}.create-room{flex-wrap:wrap}.room-options{color:var(--muted);flex-wrap:wrap;flex:100%;align-items:center;gap:8px 14px;font-size:13px;display:flex}.room-options>*{flex:14em;min-width:0}.join-by-id{margin-top:8px}.room-id{background:var(--surface-2);color:var(--muted);cursor:pointer;border:none;border-radius:999px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.room-settings{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:8px;padding:6px 12px;font-size:13px}.room-settings summary{cursor:pointer;color:var(--muted)}.room-settings-body{flex-direction:column;gap:8px;padding:8px 0 4px;display:flex}.room-settings-body .row{flex-wrap:wrap}button.danger{color:var(--danger);border-color:var(--danger)}.gate{flex-direction:column;gap:12px;width:min(420px,100%);margin:10vh auto 0;display:flex}.shrink{min-width:0}.grow{flex:1}