:root{--bg: #0e0e0e;--side: #0e0e0e;--panel: #191919;--line: rgba(255, 255, 255, .12);--line-soft: rgba(255, 255, 255, .07);--text: #ffffff;--muted: #a7a9ac;--dim: #6d6e71;--accent: #7084ff;--on-accent: #0e0e0e;--hover: #232323;--danger: #e0605e;--danger-line: #7c3a39;--font: "gg sans", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;overflow:hidden;-webkit-font-smoothing:antialiased}button,select,input{font:inherit;color:inherit}button{cursor:pointer}.boot{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted);gap:8px}.boot h2{color:var(--text);font-size:16px;margin:0}.boot-mark{margin:0;line-height:0;color:var(--text)}.wordmark-boot{display:block;width:min(86vw,572px);height:auto}.app{height:100%;display:flex;overflow:hidden}.sidebar{width:var(--side-w, 244px);flex:0 0 var(--side-w, 244px);background:var(--side);border-right:1px solid var(--line-soft);padding:13px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:#414042 transparent}.side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px;flex:0 0 auto}.side-head h1{margin:0;line-height:0;min-width:0;flex:0 1 auto}.wordmark-side{display:block;height:17px;width:136px;max-width:100%;color:var(--text)}.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}.badge.ok{color:var(--accent)}.badge.bad{color:var(--danger)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px}.panel.bare{background:none;border:none;padding:4px 2px;margin-top:auto;gap:8px}.panel-label{margin:0;font-size:12px;color:var(--muted)}.select-wrap{position:relative}.select-wrap select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1a1a1c;border:1px solid var(--line);border-radius:6px;padding:9px 30px 9px 11px;font-size:13px;font-weight:700}.select-wrap select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chevron{position:absolute;right:9px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--muted);pointer-events:none}.segmented,.floors{display:grid;grid-template-columns:1fr 1fr;gap:7px}.seg{background:#161617;border:1px solid var(--line);border-radius:6px;padding:9px 6px;font-size:12.5px;font-weight:700;color:var(--text);transition:background .12s,border-color .12s}.seg:hover{background:#1e1e20}.seg.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.seg.wide{grid-column:1 / -1}.hint{margin:0;font-size:11px;line-height:1.5;color:var(--dim)}.users{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.users li{display:flex;align-items:center;gap:8px}.swatch{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.avatar{width:22px;height:22px;border-radius:50%;flex:0 0 auto;object-fit:cover}.avatar.fallback{display:grid;place-items:center;font-size:11px;font-weight:700;color:#14150c}.uname{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you{margin-left:auto;font-size:11px;color:var(--dim);flex:0 0 auto}.danger-btn{width:100%;background:transparent;border:1px solid var(--danger-line);color:var(--danger);border-radius:6px;padding:10px;font-size:13px;font-weight:700;transition:background .12s}.danger-btn:hover{background:#e0605e17}.danger-btn.armed{border-color:var(--danger);background:#e0605e24}.credit{margin:0;font-size:10.5px;line-height:1.55;color:#5b5d60}.main{position:relative;flex:1 1 auto;min-width:0;background:#0e0e0e;overflow:hidden}.canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;cursor:crosshair}.canvas-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;color:var(--muted);font-size:13px}.stage{position:absolute;top:0;left:0;transform-origin:0 0;background:#0a0f11;box-shadow:0 0 0 1px #ffffff0e,0 20px 60px #0009}.map-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none}.map-layer.aerial-missing{display:grid;place-content:center;background:#101214;color:var(--dim);font-size:14px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pin{pointer-events:auto;cursor:pointer}.pin-draft{pointer-events:none}.pin-name{fill:#fff;font-size:11.5px;font-weight:700;stroke:#000000eb;stroke-width:3.6px;paint-order:stroke;font-family:var(--font)}.pin-note{font-size:11px;font-weight:700;stroke:#000000eb;stroke-width:3.4px;paint-order:stroke;font-family:var(--font)}.pin-ping .ping-ring{transform-origin:0 0;animation:ping 1.4s ease-out infinite}@keyframes ping{0%{transform:scale(1);opacity:.85}to{transform:scale(3.2);opacity:0}}.toolbar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:stretch;gap:1px;padding:5px 8px;background:#191919f0;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 26px #0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.tool-sep{width:1px;background:#414042;margin:5px 6px;flex:0 0 1px}.tool{position:relative;background:transparent;border:2px solid transparent;border-radius:9px;padding:3px 10px 4px;min-width:62px;display:flex;flex-direction:column;align-items:center;gap:1px;color:#fff;flex:0 0 auto}.tool:hover{background:#ffffff12}.tool.on{border-color:#fff}.tool.clear{color:var(--danger);min-width:78px}.tool.clear .tool-label{color:#fff}.tool-ico{display:block;height:22px}.tool-ico svg{width:22px;height:22px;display:block}.tool-label{font-size:12px;line-height:1.25;font-weight:700;white-space:nowrap}.tool-key{position:absolute;top:2px;right:5px;font-size:9.5px;font-weight:600;color:#8e9095;pointer-events:none}.pincard{position:absolute;top:14px;right:14px;width:246px;background:#0c0d0e;border:2px solid #f5c542;border-radius:10px;padding:11px 12px 12px;display:flex;flex-direction:column;gap:11px;box-shadow:0 10px 30px #0009}.pincard header{display:flex;align-items:center;gap:8px}.kind-pill{font-size:12px;font-weight:700;color:var(--on-accent);padding:3px 11px;border-radius:999px;white-space:nowrap}.owner{font-size:13px;color:#c8cbce;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pincard .x{margin-left:auto;background:none;border:none;color:var(--muted);padding:2px;display:flex}.pincard .x:hover{color:var(--text)}.note{width:100%;background:#121314;border:1px solid #2c2d30;border-radius:7px;padding:9px 11px;font-size:13px}.note::placeholder{color:#6c6e72}.note:focus-visible{outline:none;border-color:var(--accent)}.facts{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:12.5px}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:700}.layer-landmarks,.layer-exits{pointer-events:none}.landmark{fill:#b9c4cc;font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.055em;opacity:.82;stroke:#000000eb;stroke-width:3.6px;paint-order:stroke}.exit-name{font-family:var(--font);font-size:10px;font-weight:700;stroke:#000000eb;stroke-width:3.2px;paint-order:stroke}.legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:10.5px;color:var(--muted)}.legend li{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.check{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer}.check input{width:15px;height:15px;margin:0;accent-color:var(--accent);cursor:pointer;flex:0 0 auto}.hint.warn{color:#d8a24a}.map-hud{position:absolute;top:12px;left:12px;display:flex;align-items:baseline;gap:7px;padding:6px 11px;background:#0c0d0ed6;border:1px solid var(--line);border-radius:7px;font-size:12.5px;pointer-events:none}.hud-map{font-weight:700}.hud-sep{color:var(--dim)}.hud-floor{color:var(--accent);font-weight:700}.map-side{position:absolute;right:12px;bottom:16px;display:flex;flex-direction:column;align-items:center;gap:7px}.map-controls{display:flex;flex-direction:column;gap:5px}.map-controls button{width:38px;height:30px;display:grid;place-items:center;background:#161719eb;border:1px solid var(--line);border-radius:7px;color:var(--text);font-size:12px;font-weight:700}.map-controls button:hover{background:var(--hover)}.compass{line-height:0;padding:0;background:none;border:none;cursor:pointer;border-radius:50%}.compass:hover{filter:brightness(1.25)}.tabs{display:flex;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px}.tab{position:relative;flex:1 1 0;background:transparent;border:none;border-radius:6px;padding:7px 4px;font-size:12.5px;font-weight:700;color:var(--muted)}.tab:hover{color:var(--text)}.tab.on{background:#23241f;color:var(--accent)}.tab-count{margin-left:5px;font-size:10px;font-style:normal;color:var(--dim)}.divider{height:1px;background:var(--line);margin:1px 0}.check .dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.list-panel{max-height:260px;overflow-y:auto;scrollbar-width:thin}.pinlist,.presetlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.pinlist li,.presetlist li{display:flex;align-items:stretch;gap:3px;border-radius:6px}.pinlist li.on{background:#cbe14f17}.row{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;background:transparent;border:none;border-radius:6px;padding:6px 7px;text-align:left;color:var(--text)}.row:hover{background:#ffffff0d}.row-ico{display:flex;flex:0 0 auto}.row-text{min-width:0;display:flex;flex-direction:column;gap:1px}.row-title{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:10.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-focus,.row-del{flex:0 0 auto;background:transparent;border:1px solid var(--line);border-radius:6px;padding:0 8px;font-size:11px;font-weight:700;color:var(--muted)}.row-focus:hover{border-color:var(--accent);color:var(--accent)}.row-del:hover,.row-del.armed{border-color:var(--danger-line);color:var(--danger)}.save-row{display:flex;gap:6px}.save-row .note{flex:1 1 auto;min-width:0;padding:8px 10px;font-size:12.5px}.save-row .seg{flex:0 0 auto;padding:8px 12px}.save-row .seg:disabled{opacity:.45;cursor:default}.focus-btn{width:100%;background:transparent;border:1px solid #3f4a24;color:var(--accent);border-radius:6px;padding:9px;font-size:12.5px;font-weight:700}.focus-btn:hover{background:#cbe14f1a}.canvas.drawing{cursor:crosshair}.layer-ref{pointer-events:none}.ref-name{font-family:var(--font);font-size:9.5px;font-weight:700;stroke:#000000e6;stroke-width:3px;paint-order:stroke}.shape{cursor:pointer}.shape-draft{pointer-events:none}.shape-delete{cursor:pointer;pointer-events:auto}.pin.speaking .speak-ring,.shape.speaking{animation:speak 1s ease-in-out infinite}@keyframes speak{0%,to{opacity:.25}50%{opacity:.9}}.users li.talking .uname{color:var(--accent)}.mic{margin-left:4px;font-size:8px;color:var(--accent);flex:0 0 auto}.hud-focus{margin-left:4px;padding:2px 8px;border-radius:999px;background:#cbe14f26;color:var(--accent);font-size:11px;font-weight:700}.tool-group{display:flex;align-items:stretch}.picker{border:1px solid var(--line);border-radius:8px;background:#ffffff05;overflow:hidden}.picker+.picker{margin-top:6px}.picker>summary{display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.picker>summary::-webkit-details-marker{display:none}.picker>summary:before{content:"";width:0;height:0;flex:0 0 auto;border-left:5px solid var(--dim);border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .12s ease}.picker[open]>summary:before{transform:rotate(90deg)}.picker>summary:hover{background:#ffffff09}.picker-title{flex:1 1 auto}.picker-count{font-size:10.5px;font-weight:700;color:var(--dim);background:#ffffff0f;border-radius:999px;padding:2px 7px}.picker-count.partial{color:var(--on-accent);background:var(--accent)}.picker-actions{display:flex;gap:5px;padding:0 10px 7px}.picker-actions button{flex:1 1 0;padding:4px 0;font-size:11px;font-weight:700;color:var(--text);background:#1b1d1f;border:1px solid var(--line);border-radius:6px;cursor:pointer}.picker-actions button:hover:not(:disabled){background:var(--hover)}.picker-actions button:disabled{opacity:.4;cursor:default}.picker-list{list-style:none;margin:0;padding:0 6px 6px;max-height:210px;overflow-y:auto;scrollbar-width:thin}.picker-list li{display:flex;align-items:center;gap:6px;padding:2px 4px;border-radius:5px}.picker-list li:hover{background:#ffffff0b}.picker-list li.off .picker-name{color:var(--dim);text-decoration:line-through}.picker-list .check{flex:1 1 auto;min-width:0}.picker-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-n{font-size:10px;color:var(--dim);flex:0 0 auto}.picker-go{flex:0 0 auto;width:20px;height:20px;display:grid;place-items:center;font-size:11px;color:var(--dim);background:none;border:none;border-radius:5px;cursor:pointer}.picker-go:hover{color:var(--accent);background:#ffffff12}.layer-mines,.layer-marked,.layer-bosses{pointer-events:none}.marked-halo{transform-box:fill-box;transform-origin:center;animation:marked-pulse 2.4s ease-in-out infinite}@keyframes marked-pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.35);opacity:.16}}.marked-name,.boss-name{font-family:var(--font);font-size:10px;font-weight:700;stroke:#000000eb;stroke-width:3.2px;paint-order:stroke}.boss-chance{font-size:9px;font-weight:700;opacity:.85}@media(prefers-reduced-motion:reduce){.marked-halo{animation:none}}.sidebar{transition:margin-left .18s ease}.app.side-closed .sidebar{margin-left:calc(-1 * var(--side-w, 244px));visibility:hidden;transition:margin-left .18s ease,visibility 0s linear .18s}.side-handle{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:6;width:15px;height:62px;display:grid;place-items:center;padding:0;font-size:15px;font-weight:700;line-height:1;color:var(--dim);background:#191919f0;border:1px solid var(--line);border-left:none;border-radius:0 7px 7px 0;cursor:pointer}.side-handle:hover{color:var(--text);background:var(--hover);width:19px}.side-handle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media(prefers-reduced-motion:reduce){.sidebar,.app.side-closed .sidebar{transition:none}}.focus-invite{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:7;display:flex;align-items:center;gap:9px;max-width:min(440px,calc(100% - 120px));padding:7px 8px 7px 12px;background:#161719f5;border:1px solid #3a3c40;border-radius:9px;box-shadow:0 8px 26px #0000008c;font-size:12.5px;animation:fi-in .16s ease-out}@keyframes fi-in{0%{opacity:0;transform:translate(-50%,-7px)}to{opacity:1;transform:translate(-50%)}}.fi-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--accent)}.fi-text{flex:1 1 auto;min-width:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fi-text b{color:var(--text);font-weight:700}.fi-floor{margin-left:7px;padding:1px 6px;border-radius:999px;background:#ffffff14;color:var(--accent);font-style:normal;font-size:11px;font-weight:700}.fi-go{flex:0 0 auto;padding:4px 13px;font-size:12px;font-weight:700;color:var(--on-accent);background:var(--accent);border:none;border-radius:6px;cursor:pointer}.fi-go:hover{filter:brightness(1.1)}.fi-x{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;font-size:14px;line-height:1;color:var(--dim);background:none;border:none;border-radius:5px;cursor:pointer}.fi-x:hover{color:var(--text);background:#ffffff14}@media(prefers-reduced-motion:reduce){.focus-invite{animation:none}}.faction-row{display:flex;flex-wrap:wrap;gap:4px;padding:0 10px 7px}.faction{display:flex;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;color:var(--dim);background:#17191b;border:1px solid var(--line);border-radius:999px;cursor:pointer}.faction:hover{background:#212326}.faction .dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;opacity:.35}.faction.on .dot{opacity:1}.faction-n{font-size:10px;font-weight:700;opacity:.7}.plain-only{padding:0 10px 8px;font-size:11.5px}.picker-group{display:block;padding:0}.picker-group:hover{background:none}.picker-group>ul{list-style:none;margin:0;padding:0}.picker-group>ul>li{display:flex;align-items:center;gap:5px;padding:2px 4px;border-radius:5px}.picker-group>ul>li:hover{background:#ffffff0b}.picker-group>ul>li.off .picker-name{color:var(--dim);text-decoration:line-through}.group-head{margin:7px 0 2px;padding:0 4px;font-size:10.5px;font-weight:700;letter-spacing:.04em}.exit-tag{flex:0 0 auto;padding:1px 5px;font-size:9.5px;font-weight:700;color:#c9a227;background:#c9a22724;border-radius:4px;white-space:nowrap}.compass-deg{fill:#fff;font-family:var(--font);font-size:11px;font-weight:800}.compass-card{fill:var(--dim);font-family:var(--font);font-size:7px;font-weight:700}.side-resizer{flex:0 0 5px;cursor:col-resize;background:transparent;position:relative;z-index:5;touch-action:none}.side-resizer:after{content:"";position:absolute;top:0;right:1px;bottom:0;left:1px;background:var(--line);opacity:0;transition:opacity .12s ease}.side-resizer:hover:after{opacity:1;background:var(--accent)}.app.side-closed .side-resizer{display:none}.picker-name{overflow-wrap:break-word;white-space:normal;line-height:1.35}.picker-list li,.picker-group>ul>li{align-items:flex-start;flex-wrap:wrap;row-gap:2px}.picker-list .check,.picker-group>ul>li .check{align-items:flex-start;flex:1 1 8em;min-width:7em}.picker-list .check input{margin-top:2px}.picker-go,.exit-tag,.picker-n{margin-top:1px}.exit-tag{flex:0 1 auto}.map-controls button.on{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.segmented .seg:disabled{opacity:.4;cursor:not-allowed}.floor-strip{position:absolute;top:12px;right:12px;z-index:6;display:flex;flex-direction:column;gap:3px;padding:4px;background:#161719f0;border:1px solid #2a2b2e;border-radius:8px;box-shadow:0 6px 18px #00000073}.floor-strip button{width:27px;height:24px;display:grid;place-items:center;padding:0;font-size:12px;font-weight:800;color:var(--dim);background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer}.floor-strip button:hover{color:var(--text);background:#ffffff14}.floor-strip button.on{color:#0d0f10;background:var(--accent);border-color:var(--accent)}.floor-strip button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.layer-live{pointer-events:none}.live-halo{animation:live-pulse 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes live-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.4);opacity:.12}}.live-name{font-family:var(--font);font-size:10.5px;font-weight:800;stroke:#000000eb;stroke-width:3.2px;paint-order:stroke}.live-box{display:flex;flex-direction:column;gap:6px;padding:9px 10px;background:#ffffff06;border:1px solid var(--line);border-radius:8px}.live-box code{font-size:10.5px;color:var(--accent);word-break:break-all}.live-btn{padding:7px 10px;font-size:12px;font-weight:700;color:#0d0f10;background:var(--accent);border:none;border-radius:7px;cursor:pointer}.live-btn:hover{filter:brightness(1.08)}.live-on{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.live-dot{width:8px;height:8px;border-radius:50%;background:#45c46a;flex:0 0 auto;animation:live-pulse 2s ease-in-out infinite}.live-stop{margin-left:auto;padding:3px 9px;font-size:11px;font-weight:700;color:var(--text);background:#1b1d1f;border:1px solid #2a2b2e;border-radius:6px;cursor:pointer}.live-stop:hover{background:#26282b}.room-code{margin:0;font-size:12px;color:var(--muted)}.room-code b{font-size:15px;letter-spacing:.18em;color:var(--accent)}@media(prefers-reduced-motion:reduce){.live-halo,.live-dot{animation:none}}.join-row{display:flex;gap:6px}.join-input{flex:1 1 auto;min-width:0;padding:6px 9px;font-family:var(--font);font-size:14px;font-weight:700;letter-spacing:.14em;text-align:center;color:var(--text);background:#131416;border:1px solid #2a2b2e;border-radius:7px}.join-input:focus{outline:none;border-color:var(--accent)}.join-row .live-btn{flex:0 0 auto;padding:6px 14px}.name-input{flex:1 1 auto;min-width:0;padding:6px 9px;font-family:var(--font);font-size:13px;font-weight:700;color:var(--text);background:#131416;border:1px solid #2a2b2e;border-radius:7px}.name-input:focus{outline:none;border-color:var(--accent)}.live-box.needs-name{border-color:#4a3f1c;background:#f5c5420d}.live-box.needs-name .name-input{border-color:var(--accent)}.start-veil,.fatal-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#08090aed;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}.fatal-veil{z-index:60}.start-card{width:min(460px,100%);padding:26px 26px 22px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px #0009}.start-card h1{margin:0 0 18px;font-size:19px;font-weight:800;letter-spacing:.01em}.start-lead{margin:0 0 14px;font-size:13.5px;color:var(--muted)}.start-options{display:flex;flex-direction:column;gap:9px}.start-opt{display:flex;flex-direction:column;gap:3px;padding:13px 15px;text-align:left;background:#1a1c1e;border:1px solid #2a2b2e;border-radius:10px;cursor:pointer}.start-opt:hover{background:#212326;border-color:var(--accent)}.start-opt b{font-size:14px;color:var(--text)}.start-opt span{font-size:11.5px;color:var(--dim);line-height:1.5}.start-note{margin:14px 0 0;font-size:11px;color:var(--dim)}.start-block{padding:13px 15px;margin-bottom:10px;background:#16181a;border:1px solid var(--line);border-radius:10px}.start-h{margin:0 0 5px;font-size:12px;font-weight:800;color:var(--accent)}.start-body{margin:0 0 9px;font-size:11.5px;color:var(--dim);line-height:1.6}.start-code{display:flex;align-items:center;gap:10px;margin-bottom:10px}.start-code b{font-size:22px;font-weight:800;letter-spacing:.22em;color:var(--accent)}.start-block>.live-btn{width:100%}.start-block .join-row{gap:8px}.start-block .join-row .join-input{flex:1 1 auto;min-width:0}.start-block .join-row .live-btn{flex:0 0 auto;width:auto;padding:6px 18px}.start-back{margin-top:4px;padding:6px 2px;font-size:12px;color:var(--dim);background:none;border:none;cursor:pointer}.start-back:hover{color:var(--text)}.start-nick{width:100%;font-size:14px}@media(max-width:560px){.start-card{padding:20px 18px 18px}.start-code b{font-size:19px;letter-spacing:.16em}}.link-btn{padding:0;border:0;background:none;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}.side-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:0 0 auto}.side-menu-btn{position:relative}.menu-flag{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:16px;height:16px;border-radius:999px;font-size:11px;font-style:normal;font-weight:800}.menu-flag.warn{background:#e0a526;color:#1a1305}.menu-flag.on{background:#45c46a;box-shadow:0 0 0 3px #45c46a40;min-width:10px;height:10px;top:-3px;right:-3px}.live-tag{flex:0 0 auto;padding:1px 6px;font-size:10px;font-weight:700;color:#45c46a;border:1px solid rgba(69,196,106,.45);border-radius:999px}.menu-card{width:min(480px,100%)}.menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.menu-head h1{margin:0}.menu-x{width:30px;height:30px;font-size:20px;line-height:1;color:var(--dim);background:none;border:1px solid var(--line);border-radius:8px;cursor:pointer}.menu-x:hover{color:var(--text);background:var(--hover)}.menu-go{width:100%;margin-top:4px;padding:10px;font-size:13px}.start-block .live-box{padding:0;background:none;border:0}.start-block .live-box.needs-name{background:none}.start-block .live-box .panel-label{font-size:12px;font-weight:800;color:var(--accent)}.start-block .live-box+.live-box{margin-top:10px}.help-card{width:min(620px,100%)}.help-sec{margin-bottom:16px}.help-sec h2{margin:0 0 6px;font-size:13px;font-weight:800;color:var(--accent)}.help-sec p,.help-sec li{margin:0 0 6px;font-size:12.5px;line-height:1.7;color:var(--muted)}.help-sec ul{margin:0;padding-left:18px}.help-sec b{color:var(--text)}.help-keys{border-collapse:collapse;font-size:12.5px;color:var(--muted)}.help-keys td{padding:3px 12px 3px 0;vertical-align:top}.help-keys td:first-child{white-space:nowrap}kbd{display:inline-block;min-width:18px;padding:1px 5px;font:700 11px/1.4 inherit;text-align:center;color:var(--text);background:#1e1f21;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px}.help-links{margin:4px 0 12px;font-size:12px;color:var(--dim)}.help-links a{color:var(--accent)}.start-block>.live-btn+.live-box,.start-block>.start-code+.live-box{margin-top:12px}