:root{--ink:#f2f3f5;--muted:#b5bac1;--surface:#1e1f22;--surface-2:#2b2d31;--surface-3:#3a3c43;--blurple:#5865f2;--blurple-light:#8b93ff;--talk:#2dd36f;--clap:#f0b232;--ui:"Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--serif:Georgia, "Times New Roman", serif;--sait:var(--discord-safe-area-inset-top,env(safe-area-inset-top,0px));--saib:var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--sail:var(--discord-safe-area-inset-left,env(safe-area-inset-left,0px));--sair:var(--discord-safe-area-inset-right,env(safe-area-inset-right,0px))}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);font:14px/1.35 var(--ui);background:#100e15;overflow:hidden}#app{height:100%;padding:var(--sait) var(--sair) var(--saib) var(--sail);flex-direction:column;display:flex}#hall{flex:1;min-height:0;position:relative;overflow:hidden}#scene{-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;height:100%;display:block;position:absolute;inset:0}.seat{outline:none}.seat .hit{fill:#0000;pointer-events:all}.seat .leg{fill:#08070b}.seat .cushion{fill:#3b3450;transition:fill .12s}.seat .back{fill:#272233;transition:fill .12s}.seat .back-top{fill:#443c5c;transition:fill .12s}.seat .plus{stroke:#fff;stroke-width:3px;stroke-linecap:round;opacity:0}.seat.free{cursor:pointer}.seat.free:hover .cushion,.seat.free:focus-visible .cushion{fill:var(--blurple)}.seat.free:hover .back-top,.seat.free:focus-visible .back-top{fill:var(--blurple-light)}.seat.free:hover .plus,.seat.free:focus-visible .plus{opacity:1}.seat:focus-visible .hit{stroke:#fff;stroke-width:2.5px}.onstage .seat.free{cursor:default}.onstage .seat.free:hover .cushion{fill:#3b3450}.onstage .seat.free:hover .back-top{fill:#443c5c}.onstage .seat.free:hover .plus{opacity:0}.seat.taken.denied{animation:.3s deny}.seat.mine .back{fill:var(--blurple)}.seat.mine .back-top{fill:var(--blurple-light)}.youtag{fill:#fff;font:700 13px var(--ui);text-anchor:middle;letter-spacing:.06em}.unseated .seat.free .cushion{animation:2.4s ease-in-out infinite invite;animation-delay:calc(var(--i) * 35ms)}.rowlabel{fill:#a19cae;font:600 20px var(--ui);text-anchor:middle}@keyframes invite{0%,to{fill:#3b3450}50%{fill:#5f5ab5}}@keyframes deny{25%{translate:-5px}75%{translate:5px}}.ring{fill:none;stroke:#0000;stroke-width:4px}.pulse{fill:none;stroke:var(--talk);stroke-width:3px;opacity:0;transform-box:fill-box;transform-origin:50%}.mine .ring{stroke:#fff}.speaking .ring{stroke:var(--talk)}.speaking .pulse{animation:1.1s ease-out infinite pulse}.occ{transform-box:fill-box;transform-origin:bottom}.offline .occ,.standee.offline,.speaker.offline .figure{opacity:.45}.clapping .occ{animation:.2s ease-out hop}@keyframes pulse{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.38)}}@keyframes hop{40%{transform:translateY(-7px)scale(1.04)}}.standinglabel{fill:#a19cae;font:600 15px var(--ui)}.standing-more{fill:var(--muted);font:700 16px var(--ui);text-anchor:middle}.speaker .cone{opacity:.22;pointer-events:none;transition:opacity .25s}.speaker .pool{opacity:.4;pointer-events:none;transition:opacity .25s}.speaker.speaking .cone,.nospeech .speaker .cone{opacity:.85}.speaker.speaking .pool,.nospeech .speaker .pool{opacity:1}.speaker .bust{filter:brightness(.62)}.plate{fill:#b8923f;transition:fill .2s}.speaker.speaking .plate{fill:#ecca6b}.platename{fill:#241608;font:700 19px var(--serif);text-anchor:middle}.speaker.arrive .figure{animation:.4s ease-out stepup}@keyframes stepup{0%{opacity:0;transform:translateY(26px)}}.speaker.empty{cursor:pointer;outline:none}.emptyspot{fill:#ffffff0d;stroke:#d9c9a6;stroke-width:3px;stroke-dasharray:10 8;transition:fill .12s}.emptylabel{fill:#f2f3f5;font:600 18px var(--ui);text-anchor:middle;pointer-events:none}.speaker.empty:hover .emptyspot,.speaker.empty:focus-visible .emptyspot{fill:var(--blurple);stroke:#fff}.bars rect{fill:var(--talk);opacity:0;transform-box:fill-box;transform-origin:bottom}.speaking .bars rect{opacity:1;animation:.42s ease-in-out infinite alternate bar}.speaking .bars rect:nth-child(2){animation-delay:.14s}.speaking .bars rect:nth-child(3){animation-delay:.28s}@keyframes bar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}#screen{cursor:zoom-in;outline:none}#screen:focus-visible>rect{stroke:#fff;stroke-width:3px}.focus #screen{cursor:zoom-out}.off-title{font:600 25px var(--ui);fill:#d7d9dd;text-anchor:middle}.off-sub{font:400 17px var(--ui);fill:#b5bac1;text-anchor:middle}#beam{pointer-events:none;transition:opacity .3s}.focus #seats,.focus #rowlabels,.focus #standing,.zoomed-screen #standing{visibility:hidden}.clap{pointer-events:none;transform-box:fill-box;transform-origin:50%;animation:clap var(--dur) cubic-bezier(.2, .7, .35, 1) forwards}@keyframes clap{0%{opacity:0;transform:translate(0)scale(.3)rotate(0)}12%{opacity:1;transform:translate(calc(var(--dx) * .1), calc(var(--rise) * .14)) scale(1.15) rotate(calc(var(--rot) * .3))}65%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--rise)) scale(.85) rotate(var(--rot))}}#hud{color:var(--muted);background:#111214d1;border-radius:8px;padding:6px 10px;font-size:13px;position:absolute;top:10px;left:10px}.focus #hud{display:none}#chips{flex-direction:column;gap:6px;display:none;position:absolute;top:10px;right:10px}.focus #chips{display:flex}.chip{background:#111214db;border-radius:22px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:13px;font-weight:600;display:flex}.chip svg{width:34px;height:34px;display:block;overflow:visible}#tip{color:var(--ink);white-space:nowrap;pointer-events:none;background:#111214;border-radius:6px;padding:5px 9px;font-size:13px;font-weight:500;display:none;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 14px #00000080}#toast{opacity:0;pointer-events:none;white-space:nowrap;z-index:3;background:#111214;border-radius:8px;padding:8px 14px;font-weight:500;transition:opacity .18s,transform .18s;position:absolute;top:14px;left:50%;transform:translate(-50%,-8px);box-shadow:0 6px 20px #00000080}#toast.show{opacity:1;transform:translate(-50%)}#invitecard{white-space:nowrap;z-index:4;background:#111214;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0009}#invitecard[hidden]{display:none}#invitecard svg{flex:none;width:40px;height:40px;overflow:visible}#invitecard span{font-weight:600}#accept{background:var(--blurple);color:#fff}#accept:hover{background:#4752c4}#zoomout{z-index:2;background:#111214;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000080}#zoomout[hidden]{display:none}#fatal{z-index:10;background:#100e15e0;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}#fatal[hidden]{display:none}#fatal p{text-align:center;overflow-wrap:anywhere;max-width:460px;margin:0;font-size:17px;font-weight:500}.ended #dock{visibility:hidden}#dock{background:var(--surface);border-top:1px solid #000;align-items:center;gap:16px;padding:10px 16px;display:flex;position:relative}.me{flex:1 1 0;align-items:center;gap:10px;min-width:0;display:flex}.me svg{flex:none;width:40px;height:40px;overflow:visible}.status{flex-direction:column;min-width:0;display:flex}.status strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.status span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.actions{flex:none;align-items:center;gap:8px;display:flex}button{font:inherit;color:inherit;cursor:pointer;background:var(--surface-2);white-space:nowrap;border:0;border-radius:8px;min-height:40px;padding:0 14px;font-weight:600}button:hover{background:var(--surface-3)}button:focus-visible{outline-offset:2px;outline:2px solid #fff}button:disabled{opacity:.45;cursor:default}button:disabled:hover{background:var(--surface-2)}#clap{background:var(--clap);color:#241608;touch-action:none;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:15px;transition:transform 80ms;display:flex}#clap:hover{background:#f6c452}#clap:active{transform:scale(.96)}#clap .emoji{font-size:20px;line-height:1}kbd{font:600 11px var(--ui);background:#24160829;border-radius:4px;padding:1px 6px}#focus[aria-pressed=true]{background:var(--blurple);color:#fff}#sound{min-width:44px;min-height:44px;padding:0;font-size:18px;line-height:1}#leave{flex:none;min-height:36px;padding:0 10px;font-size:13px}.stagetools,#speakertools{flex:none;align-items:center;gap:8px;display:flex}#speakertools[hidden]{display:none}#gostage{background:var(--blurple);color:#fff}#gostage:hover{background:#4752c4}#gostage:disabled,#gostage:disabled:hover{background:var(--surface-2);color:var(--muted);opacity:1}#invite[aria-expanded=true]{background:var(--surface-3)}.pager{background:var(--surface-2);border-radius:8px;align-items:center;gap:2px;padding:2px;display:flex}.pager[hidden]{display:none}.pager button{background:0 0;border-radius:6px;width:34px;min-height:36px;padding:0;font-size:17px}.pager button:hover{background:var(--surface-3)}.pager button:disabled:hover{background:0 0}.pager output{text-align:center;min-width:42px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.pop{background:var(--surface);z-index:5;border:1px solid #000;border-radius:10px;position:absolute;bottom:calc(100% + 8px);right:12px;box-shadow:0 8px 24px #0000008c}#invitelist{width:250px;max-height:min(320px,60vh);padding:6px;overflow-y:auto}#invitelist[hidden]{display:none}#invitelist h2{color:var(--muted);margin:6px 8px 8px;font-size:13px;font-weight:600}#invitelist p{color:var(--muted);margin:4px 8px 10px;font-size:13px}.person{text-align:left;background:0 0;align-items:center;gap:10px;width:100%;min-height:44px;padding:4px 8px;font-weight:500;display:flex}.person svg{flex:none;width:30px;height:30px;overflow:visible}.person span{text-overflow:ellipsis;overflow:hidden}.person small{color:var(--muted);margin-left:auto;font-size:12px;font-weight:400}@media (width<=1040px){.long{display:none}}@media (width<=860px){#dock{gap:8px;padding:6px 10px}.status strong,#clap kbd{display:none}#clap{padding:0 14px}button{padding:0 10px}.stagetools,#speakertools{gap:6px}.me svg{width:32px;height:32px}#hud{padding:4px 8px;font-size:12px}#toast,#invitecard{top:44px}#toast{white-space:normal;text-align:center;max-width:90%}}@media (width<=700px){.status{display:none}.me{flex:1 0 32px}}.pip #dock,.pip #hud,.pip #toast,.pip #invitecard{display:none}.pip #chips{flex-flow:wrap;justify-content:flex-end;display:flex;top:auto;bottom:6px;right:6px}.pip .chip:not(.speaking){display:none}.pip #seats,.pip #rowlabels,.pip #standing{visibility:hidden}@media (prefers-reduced-motion:reduce){.pulse,.figure,.bars rect,.unseated .seat.free .cushion,.occ{animation:none!important}.clap{animation:1s forwards clapfade}@keyframes clapfade{0%,60%{opacity:1}to{opacity:0}}}