:root{--bg: #1f2129;--panel: rgba(24, 26, 34, .82);--panel-border: rgba(255, 255, 255, .08);--text: #f2f0ea;--text-dim: #9aa0b0;--mint: #3ddc84;--coral: #ef476f;--amber: #f4a261;--electric: #2f9bff;--violet: #8e7dbe;--radius: 16px;--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Nunito Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow:hidden}button{font-family:inherit;cursor:pointer}@supports not selector(::-webkit-scrollbar){.join-screen,.roster,.chat-list,.audio-devices{scrollbar-width:thin;scrollbar-color:rgba(61,220,132,.4) transparent}}.join-screen::-webkit-scrollbar,.roster::-webkit-scrollbar,.chat-list::-webkit-scrollbar,.audio-devices::-webkit-scrollbar{width:10px;height:10px}.join-screen::-webkit-scrollbar-track,.roster::-webkit-scrollbar-track,.chat-list::-webkit-scrollbar-track,.audio-devices::-webkit-scrollbar-track{background:transparent}.join-screen::-webkit-scrollbar-thumb,.roster::-webkit-scrollbar-thumb,.chat-list::-webkit-scrollbar-thumb,.audio-devices::-webkit-scrollbar-thumb{background:#3ddc8452;background-clip:content-box;border:3px solid transparent;border-radius:99px}.join-screen::-webkit-scrollbar-thumb:hover,.roster::-webkit-scrollbar-thumb:hover,.chat-list::-webkit-scrollbar-thumb:hover,.audio-devices::-webkit-scrollbar-thumb:hover{background:#3ddc849e;background-clip:content-box}.join-screen{height:100%;display:flex;overflow-y:auto;padding:24px 16px;position:relative;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(61,220,132,.08),transparent),repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.025) 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(255,255,255,.025) 31px 32px),var(--bg)}.join-card{width:min(500px,100%);margin:auto;flex:none;padding:36px 32px 32px;background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px #00000073;animation:rise .5s cubic-bezier(.2,.9,.3,1.2) both}@keyframes rise{0%{opacity:0;transform:translateY(24px) scale(.97)}}.join-logo{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-display);font-weight:700;font-size:44px;letter-spacing:-.5px;margin:0 0 4px;text-align:center}.join-logo .brand-mark{height:52px;width:auto;flex:none}.join-logo .accent{color:var(--mint)}.join-tagline{margin:0 0 28px;text-align:center;color:var(--text-dim);font-size:14px}.join-label{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:0 0 8px}.join-input{width:100%;padding:13px 16px;border-radius:12px;border:1.5px solid var(--panel-border);background:#ffffff0d;color:var(--text);font-family:inherit;font-size:16px;font-weight:600;outline:none;transition:border-color .15s}.join-input:focus{border-color:var(--mint)}.color-row{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 26px}.color-swatch{width:28px;height:28px;border-radius:50%;border:3px solid transparent;padding:0;transition:transform .12s,border-color .12s}.color-swatch:hover{transform:scale(1.12)}.color-swatch.selected{border-color:#fff;transform:scale(1.12)}.builder{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;align-items:center;margin:6px 0 26px;padding:12px;border-radius:12px;border:1.5px solid var(--panel-border);background:#ffffff0d}.builder-preview{display:flex;align-items:flex-end;justify-content:center;width:88px;height:104px}.builder-preview canvas{image-rendering:pixelated}.builder-loading{opacity:.5;font-size:22px}.builder-rows{display:flex;flex-direction:column;gap:6px}.builder-row{display:grid;grid-template-columns:56px auto 1fr auto;align-items:center;gap:6px}.builder-row-label{font-size:12.5px;font-weight:700;opacity:.85}.builder-arrow{width:26px;height:26px;border-radius:8px;border:1.5px solid var(--panel-border);background:#ffffff0f;color:var(--text);font-size:15px;line-height:1;font-family:inherit}.builder-arrow:hover{border-color:var(--mint)}.builder-count{text-align:center;font-size:12px;opacity:.75;font-variant-numeric:tabular-nums}.builder-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.builder-chip{padding:5px 10px;border-radius:999px;border:1.5px solid var(--panel-border);background:#ffffff0f;color:var(--text);font-size:12px;font-weight:600;font-family:inherit}.builder-chip:hover{border-color:var(--mint)}.scenario-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;margin:6px 0 26px}.scenario-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;border-radius:12px;border:1.5px solid var(--panel-border);background:#ffffff0d;color:var(--text);font-family:inherit;transition:border-color .12s,transform .12s}.scenario-card:hover{transform:translateY(-1px)}.scenario-card.selected{border-color:var(--mint);background:#ffffff14}.scenario-icon{font-size:26px;line-height:1.2}.scenario-name{font-size:15px;font-weight:700}.scenario-desc{font-size:11.5px;color:var(--text-dim)}.join-fields{margin-bottom:22px}.join-button{width:100%;padding:14px;border:none;border-radius:14px;background:var(--mint);color:#0c2417;font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:.02em;transition:transform .12s,filter .12s}.join-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.join-button:disabled{opacity:.4;cursor:default}.join-hint{margin:16px 0 0;font-size:12.5px;color:var(--text-dim);text-align:center;line-height:1.5}.sharing-frame{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;border:3px solid var(--electric);box-shadow:inset 0 0 22px #2f9bff4d,inset 0 0 2px #2f9bffe6;animation:sharing-breathe 2.6s ease-in-out infinite}@keyframes sharing-breathe{50%{box-shadow:inset 0 0 34px #2f9bff80,inset 0 0 2px #2f9bff}}.sharing-badge{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:31;display:flex;align-items:center;gap:7px;padding:6px 16px 7px;border-radius:0 0 12px 12px;background:var(--electric);color:#04213d;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 4px 14px #2f9bff73;pointer-events:none}.sharing-dot{width:7px;height:7px;border-radius:50%;background:#04213d;animation:sharing-blink 1.4s ease-in-out infinite}@keyframes sharing-blink{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.sharing-frame,.sharing-dot{animation:none}}.game-view{position:relative;height:100%}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0}.canvas-host canvas{display:block}.panel{position:absolute;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px #00000059}.hud{top:16px;left:16px;padding:14px 16px;min-width:190px;max-width:240px}.hud-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:17px;margin:0 0 10px}.hud-title .accent{color:var(--mint)}.conn-dot{width:8px;height:8px;border-radius:50%;margin-left:auto;background:var(--coral)}.conn-dot.on{background:var(--mint);box-shadow:0 0 8px #3ddc84b3}.roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;max-height:40vh;overflow-y:auto}.roster li{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600}.roster .roster-group{margin-top:6px;font-size:10.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--text-dim)}.roster .roster-group:first-child{margin-top:0}.roster .dot{width:12px;height:12px;border-radius:50%;flex:none;border:2px solid rgba(255,255,255,.75)}.roster .dot.speaking{animation:pulse 1s ease-in-out infinite;box-shadow:0 0 0 3px #3ddc8473}@keyframes pulse{50%{box-shadow:0 0 0 5px #3ddc8440}}.roster .you{color:var(--text-dim);font-weight:400;font-size:12px}.roster .ausente{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--amber);border:1px solid rgba(244,162,97,.45);border-radius:99px;padding:1px 7px}.roster li.ausente-li{opacity:.55}.roster .near{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--mint);border:1px solid rgba(61,220,132,.4);border-radius:99px;padding:1px 7px}.roster .booble{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--violet);border:1px solid rgba(142,125,190,.55);border-radius:99px;padding:1px 7px}.roster .nudge-btn{flex:none;font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--text);background:#ffffff14;border:1px solid var(--panel-border);border-radius:99px;padding:1px 8px;opacity:.9;transition:background .12s,opacity .12s}.roster .nudge-btn:hover:not(:disabled){background:#3ddc8438;border-color:#3ddc8480;opacity:1}.roster .nudge-btn:disabled{cursor:default;color:var(--mint);opacity:.7}.chat{right:16px;bottom:16px;width:min(320px,calc(100vw - 32px));display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-family:var(--font-display);font-weight:600;font-size:14px;border:none;background:none;color:var(--text);width:100%}.chat-header:hover{background:#ffffff0a}.chat-header .chev{color:var(--text-dim);transition:transform .2s}.chat.closed .chev{transform:rotate(180deg)}.chat-list{height:220px;overflow-y:auto;padding:4px 14px 10px;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--panel-border)}.chat-msg{font-size:13.5px;line-height:1.45;overflow-wrap:anywhere}.chat-msg .sender{font-weight:800;margin-right:6px}.chat-msg time{float:right;font-size:10.5px;color:var(--text-dim);margin:3px 0 0 6px}.chat-empty{margin:auto;color:var(--text-dim);font-size:13px}.chat-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--panel-border)}.chat-input{flex:1;padding:9px 12px;border-radius:10px;border:1.5px solid var(--panel-border);background:#ffffff0d;color:var(--text);font-family:inherit;font-size:13.5px;outline:none}.chat-input:focus{border-color:var(--mint)}.chat-send{border:none;border-radius:10px;padding:0 14px;background:var(--mint);color:#0c2417;font-weight:800;font-size:13px}.chat-send:disabled{opacity:.35;cursor:default}.media-controls{bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:10px;padding:10px 12px;border-radius:99px;z-index:40}.media-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--panel-border);background:#ffffff12;color:var(--text);display:grid;place-items:center;transition:transform .12s,background .12s;position:relative}.media-btn:hover:not(:disabled){transform:translateY(-2px)}.media-btn:hover:not(:disabled):not(.off):not(.active):not(.away):not(.danger){background:#ffffff21}.media-btn.off:hover:not(:disabled),.media-btn.active:hover:not(:disabled),.media-btn.away:hover:not(:disabled){filter:brightness(1.12)}.media-btn:disabled{opacity:.35;cursor:default}.media-btn.off{background:var(--coral);border-color:transparent;color:#fff}.media-btn.active{background:var(--mint);border-color:transparent;color:#0c2417}.media-btn.away{background:var(--amber);border-color:transparent;color:#3a2408}.media-btn svg{width:22px;height:22px}.away-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080e59;pointer-events:none;z-index:100;opacity:0;transition:opacity .25s ease}.away-scrim.on{opacity:1}.lu-icon{vertical-align:-.15em}.webcam-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.cam-bubble{position:absolute;top:0;left:0;width:72px;height:72px;border-radius:50%;overflow:hidden;border:2px solid var(--panel-border);background:#000;box-shadow:0 6px 18px #00000073;will-change:transform}.cam-bubble video{width:100%;height:100%;object-fit:cover}.cam-bubble.self video{transform:scaleX(-1)}.screens{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;pointer-events:none}.screen-tile{pointer-events:auto;width:240px;border-radius:12px;overflow:hidden;border:1px solid var(--panel-border);background:#000;box-shadow:0 10px 30px #0006;cursor:zoom-in;padding:0}.screen-tile video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#000}.screen-tile .screen-label{display:block;padding:5px 10px;font-size:11.5px;font-weight:700;background:var(--panel);text-align:left}.screen-focus{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060a;z-index:20;pointer-events:auto}.screen-focus video{display:block;width:100%;height:100%;object-fit:contain;background:#05060a}.screen-focus-bar{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;background:var(--panel);border:1px solid var(--panel-border);border-radius:99px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.25;transition:opacity .14s ease}.screen-focus:hover .screen-focus-bar,.screen-focus-bar:focus-within{opacity:1}.screen-focus-name{font-size:13px;font-weight:700;white-space:nowrap}.screen-focus-btn{height:30px;min-width:30px;padding:0 10px;border:none;border-radius:99px;background:#ffffff14;color:var(--text);font-size:13px;font-weight:700;cursor:pointer}.screen-focus-btn:hover{background:#ffffff29}.screen-focus-close:hover{background:#d9483f}.zoom-controls{position:static;display:flex;align-items:center;gap:2px;padding:6px;border-radius:99px}.zoom-btn{width:34px;height:34px;border-radius:50%;border:none;background:#ffffff12;color:var(--text);font-size:18px;font-weight:800;line-height:1;display:grid;place-items:center;transition:background .12s}.zoom-btn:hover{background:#ffffff24}.zoom-pct{border:none;background:none;color:var(--text-dim);font-family:inherit;font-size:12px;font-weight:800;min-width:44px;text-align:center}.zoom-pct:hover{color:var(--text)}.notice-stack{display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.notice{pointer-events:auto;display:flex;align-items:center;gap:8px;border-radius:99px;border:1px solid var(--panel-border);background:#ffffff14;color:var(--text);padding:7px 16px;font-family:inherit;font-size:12.5px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:notice-in .16s ease-out both;transition:background .12s,transform .12s}.notice svg{flex:none;width:15px;height:15px}.notice.error{background:#ef476f26;border-color:#ef476f80;color:#ffb3c4}.notice.warn{background:#f4a26126;border-color:#f4a26180;color:#ffd9b0}.notice.info{color:var(--text-dim)}.notice.cta{background:#3ddc8429;border-color:#3ddc848c;color:#b9f5d0}.notice.cta:hover{background:#3ddc843d;transform:translateY(-1px)}.notice.nudge{background:#3ddc8429;border-color:#3ddc848c;color:#b9f5d0;padding-right:8px;animation:notice-in .16s ease-out both,nudge-pulse 1.8s ease-in-out .2s infinite}.notice.booble{background:#8e7dbe2e;border-color:#8e7dbe8c;color:#d9d2f0;padding-right:8px}.notice.booble .notice-action{border-color:#8e7dbea6;background:#8e7dbe47}.notice.booble .notice-action:hover{background:#8e7dbe6b}@keyframes nudge-pulse{50%{box-shadow:0 0 0 6px #3ddc8424}}.notice-action{border:1px solid rgba(61,220,132,.6);border-radius:99px;background:#3ddc8438;color:inherit;font:inherit;font-size:11.5px;font-weight:800;padding:3px 12px;transition:background .12s}.notice-action:hover{background:#3ddc845c}.notice.update{border-color:#3ddc848c;background:#3ddc8424;color:#c9f5dc}.update-stack{position:fixed;top:16px;left:0;right:0;z-index:50;display:flex;flex-direction:column;align-items:center;pointer-events:none}.update-stack .notice{pointer-events:auto}.notice-dismiss{border:none;background:none;padding:0 0 0 2px;color:inherit;opacity:.7;font:inherit;font-size:14px;line-height:1}.notice-dismiss:hover{opacity:1}@keyframes notice-in{0%{opacity:0;transform:translateY(-8px)}}.media-divider{flex:none;width:1px;align-self:stretch;margin:4px 2px;background:#ffffff1a}.media-btn.open{background:#fff3;border-color:#ffffff3d}.media-btn.talking{box-shadow:0 0 0 3px #3ddc8473}.media-btn-badge{position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;background:var(--amber);border:2px solid #1b1d25}.media-btn-badge.error{background:var(--coral)}.media-btn-badge.busy{animation:fade-pulse 1.4s ease-in-out infinite}.audio-popover{bottom:96px;left:50%;transform:translate(-50%);transform-origin:bottom center;width:min(320px,calc(100vw - 32px));padding:14px 16px 16px;animation:popover-in .14s cubic-bezier(.2,.9,.3,1.2) both;z-index:41}@keyframes popover-in{0%{opacity:0;transform:translate(-50%,8px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}.audio-head{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-family:var(--font-display);font-weight:600;font-size:14px}.audio-close{margin-left:auto;width:26px;height:26px;border:none;border-radius:50%;background:#ffffff12;color:var(--text-dim);display:grid;place-items:center;transition:background .12s,color .12s}.audio-close:hover{background:#ffffff24;color:var(--text)}.audio-close svg{width:14px;height:14px}.audio-status{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:8px 11px;border-radius:10px;background:#ffffff0a;font-size:12.5px;font-weight:600;color:var(--text-dim)}.audio-status-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.audio-status.on .audio-status-dot{background:var(--mint);box-shadow:0 0 8px #3ddc84b3}.audio-status.warn .audio-status-dot{background:var(--amber);animation:fade-pulse 1.4s ease-in-out infinite}.audio-status.err{color:#ffb3c4}.audio-status.err .audio-status-dot{background:var(--coral)}.audio-devices{display:flex;flex-direction:column;gap:6px;max-height:min(38vh,216px);overflow-y:auto;overscroll-behavior:contain;padding-right:2px;margin:6px 0 14px}.device-row{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;border-radius:12px;border:1.5px solid var(--panel-border);background:#ffffff0d;color:var(--text);font-family:inherit;font-size:13.5px;font-weight:600;text-align:left;transition:border-color .12s,background .12s,transform .12s}.device-row:hover:not(:disabled){transform:translateY(-1px);background:#ffffff17}.device-row.selected{border-color:var(--mint);background:#ffffff14}.device-row:disabled{opacity:.5;cursor:default}.device-check{flex:none;width:16px;height:16px;display:grid;place-items:center;color:var(--mint);opacity:0;transition:opacity .12s}.device-row.selected .device-check{opacity:1}.device-check svg{width:16px;height:16px}.device-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.device-tag{flex:none;border-radius:99px;border:1px solid rgba(255,255,255,.14);padding:1px 7px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.audio-empty{margin:6px 0 14px;padding:12px;border:1.5px dashed var(--panel-border);border-radius:12px;font-size:13px;color:var(--text-dim)}.audio-meter{display:flex;align-items:center;gap:10px}.audio-meter-label{margin:0;flex:none}.audio-meter-track{--level: 0;position:relative;flex:1;height:10px;border-radius:3px;overflow:hidden;background:#ffffff17;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 4px,transparent 4px 7px);mask-image:repeating-linear-gradient(90deg,#000 0 4px,transparent 4px 7px)}.audio-meter-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--mint) 0%,var(--mint) 62%,var(--amber) 100%);clip-path:inset(0 calc(100% - var(--level) * 100%) 0 0)}.audio-meter.muted .audio-meter-track{background:repeating-linear-gradient(135deg,rgba(255,255,255,.1) 0 4px,transparent 4px 8px)}.audio-meter.muted .audio-meter-fill{display:none}.audio-meter.busy .audio-meter-fill{clip-path:none;inset:0 auto 0 0;width:34%;background:var(--mint);animation:meter-sweep .9s ease-in-out infinite}@keyframes meter-sweep{0%,to{transform:translate(0)}50%{transform:translate(190%)}}.audio-hint{margin:8px 0 0;font-size:11.5px;line-height:1.45;color:var(--text-dim)}@keyframes fade-pulse{50%{opacity:.35}}:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.media-btn:focus-visible{outline-offset:3px}@media(prefers-reduced-motion:reduce){.audio-popover,.soundboard-popover,.settings-popover,.notice,.audio-meter.busy .audio-meter-fill,.audio-status.warn .audio-status-dot,.media-btn-badge.busy{animation:none}.device-row:hover:not(:disabled),.notice.cta:hover{transform:none}.notice.nudge{animation:none}}.audio-toggle{display:flex;align-items:flex-start;gap:11px;width:100%;margin-top:14px;padding:11px 12px;border-radius:12px;border:1.5px solid var(--panel-border);background:#ffffff0d;color:var(--text);font-family:inherit;text-align:left;transition:border-color .12s,background .12s}.audio-toggle:hover:not(:disabled){background:#ffffff17}.audio-toggle.on{border-color:var(--mint);background:#ffffff14}.audio-toggle:disabled{opacity:.5;cursor:default}.audio-toggle-track{flex:none;width:34px;height:20px;margin-top:1px;border-radius:99px;background:#ffffff24;transition:background .14s;position:relative}.audio-toggle.on .audio-toggle-track{background:var(--mint)}.audio-toggle-knob{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .14s}.audio-toggle.on .audio-toggle-knob{transform:translate(14px)}.audio-toggle-text{display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:700}.audio-toggle-text small{font-size:11px;font-weight:500;line-height:1.4;color:var(--text-dim)}@media(prefers-reduced-motion:reduce){.audio-toggle-knob,.audio-toggle-track{transition:none}}.media-btn.danger{background:#ef476f29;border-color:#ef476f80;color:#ffb3c4}.media-btn.danger:hover:not(:disabled){background:var(--coral);border-color:transparent;color:#fff}.media-btn.danger svg{width:20px;height:20px}.hud-zone{display:flex;align-items:center;gap:6px;margin:10px 0 2px;padding:6px 10px;border-radius:10px;background:#f4a26124;border:1px solid rgba(244,162,97,.4);color:#ffd9b0;font-size:11.5px;font-weight:800;letter-spacing:.02em}.hud-hint{display:flex;align-items:center;gap:6px;margin:10px 0 2px;padding:6px 10px;border-radius:10px;background:#3ddc841f;border:1px solid rgba(61,220,132,.35);color:#bff0d2;font-size:11.5px;font-weight:700}.hud-hint kbd{display:inline-grid;place-items:center;min-width:18px;padding:1px 4px;border-radius:5px;border:1px solid rgba(255,255,255,.35);border-bottom-width:2px;background:#ffffff1f;color:#fff;font-family:inherit;font-size:10.5px;font-weight:800}.join-secondary{width:100%;padding:10px 16px;border-radius:10px;border:1px solid var(--border, rgba(255, 255, 255, .14));background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.join-secondary:hover:not(:disabled){background:#ffffff0f}.join-secondary:disabled{opacity:.45;cursor:not-allowed}.join-denied{margin:0;padding:10px 12px;border-radius:10px;border:1px solid rgba(239,71,111,.35);background:#ef476f1f;font-size:13px;line-height:1.4}.lobby-card{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:24px;border-radius:16px;border:1px solid var(--border, rgba(255, 255, 255, .12));background:var(--panel, rgba(20, 22, 28, .92));box-shadow:0 24px 60px #00000073}.lobby-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.lobby-email{font-size:12px;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-section{display:flex;flex-direction:column;gap:10px}.lobby-title{margin:0;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.6}.lobby-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--border, rgba(255, 255, 255, .1));background:#ffffff08}.lobby-row-main{display:flex;flex-direction:column;gap:4px;min-width:0}.lobby-meta{font-size:12px;opacity:.6}.lobby-row-actions{display:flex;gap:8px;flex-shrink:0}.lobby-action{width:auto;padding:8px 14px;font-size:13px}.lobby-invite{display:flex;gap:8px;margin-top:8px}.lobby-create{display:flex;flex-direction:column;gap:10px}.world-admin{flex-basis:100%;display:flex;flex-direction:column;gap:8px;margin-top:4px;padding-top:14px;border-top:1px solid var(--border, rgba(255, 255, 255, .1))}.world-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.world-admin .lobby-title{margin:0;text-transform:none;letter-spacing:0;font-size:14px;opacity:.85}.world-archive{margin-top:6px;border-color:#ef476f66;color:#ef476f}.world-archive:hover:not(:disabled){background:#ef476f1f}.join-hint code{padding:1px 4px;border-radius:4px;background:#ffffff14;font-size:.92em;word-break:break-all}.code-input{text-align:center;font-size:24px;letter-spacing:.4em;font-variant-numeric:tabular-nums}.soundboard-popover{bottom:96px;left:50%;transform:translate(-50%);transform-origin:bottom center;width:min(400px,calc(100vw - 32px));padding:14px 16px 16px;animation:popover-in .14s cubic-bezier(.2,.9,.3,1.2) both;z-index:41}.soundboard-level{display:flex;flex-direction:column;gap:2px;margin:0 0 12px;font-size:12px;color:var(--text)}.soundboard-level strong{font-family:var(--font-display);color:var(--mint)}.soundboard-level small{color:var(--text-dim);font-size:11px;line-height:1.4}.soundboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.sound-slot{display:flex;align-items:center;gap:6px;min-height:46px;padding:6px 8px;border:1.5px solid var(--panel-border);border-radius:12px;background:#ffffff0a;color:var(--text);font-family:var(--font-body);font-size:12px;text-align:left;transition:background .12s,border-color .12s,transform .12s}.sound-slot.locked{border-style:dashed;color:var(--text-dim);opacity:.55}.sound-slot.empty{border-style:dashed;cursor:pointer}.sound-slot.empty:hover:not(:disabled){background:#ffffff14;border-color:var(--mint)}.sound-slot.filled{padding:0;overflow:hidden}.sound-slot.fired{border-color:var(--mint);background:#3ddc8424}.sound-slot-play{display:flex;flex:1;align-items:center;gap:6px;min-width:0;padding:8px;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.sound-slot-play svg{flex:none;width:15px;height:15px;color:var(--text-dim)}.sound-slot-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-slot-time{flex:none;color:var(--text-dim);font-size:10px;font-variant-numeric:tabular-nums}.sound-slot-lock{flex:none;width:16px;text-align:center;color:var(--text-dim);font-size:13px}.sound-slot-remove{flex:none;width:24px;height:100%;border:none;border-left:1px solid var(--panel-border);background:none;color:var(--text-dim);cursor:pointer;transition:color .12s,background .12s}.sound-slot-remove:hover:not(:disabled){color:var(--coral);background:#ef476f1f}.sound-slot-remove svg{width:13px;height:13px}.soundboard-error{margin:0 0 10px;color:var(--coral);font-size:11px;line-height:1.4}.soundboard-info{margin:0 0 10px;color:var(--mint);font-size:11px;line-height:1.4}.soundboard-hint{margin:0 0 12px;color:var(--text-dim);font-size:10.5px;line-height:1.45}.clip-picker{display:flex;flex-direction:column;gap:10px}.clip-title{display:flex;flex-direction:column;gap:2px;margin:0;font-family:var(--font-display);font-size:13px;font-weight:600}.clip-title small{font-family:var(--font-body);font-weight:400;font-size:11px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-wave{position:relative;height:52px;border-radius:10px;background:#00000038;overflow:hidden}.clip-wave canvas{display:block;width:100%;height:52px;color:var(--text-dim)}.clip-window{position:absolute;top:0;bottom:0;border:1.5px solid var(--mint);border-radius:8px;background:#3ddc842e;pointer-events:none;transition:left .04s linear,width .04s linear}.clip-range{width:100%;margin:0;accent-color:var(--mint)}.clip-range:disabled{opacity:.5}.clip-marks{display:flex;justify-content:space-between;color:var(--text-dim);font-size:10.5px;font-variant-numeric:tabular-nums}.clip-actions{display:flex;align-items:center;gap:8px}.clip-actions .join-secondary,.clip-actions .lobby-action{flex:1;min-width:0}.clip-cancel{flex:none;border:none;background:none;color:var(--text-dim);font:inherit;font-size:11px;text-decoration:underline;cursor:pointer}.clip-cancel:hover:not(:disabled){color:var(--text)}@media(prefers-reduced-motion:reduce){.clip-window{transition:none}}.sound-volume,.peer-volume{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.sound-volume .join-label,.peer-volume .join-label{display:flex;align-items:baseline;gap:6px}.sound-volume .join-label small,.peer-volume .join-label small{margin-left:auto;color:var(--mint);font-size:11px;font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0}.sound-volume.muted .join-label small,.peer-volume.muted .join-label small{color:var(--text-dim)}.sound-volume-hint{color:var(--text-dim);font-size:10px;line-height:1.4}.avatar-menu-audio{margin-top:10px;padding-top:10px;border-top:1px solid var(--panel-border)}.avatar-menu-audio .peer-volume:last-of-type{margin-bottom:0}.avatar-menu-audio-head{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.avatar-menu-audio-head small{margin-left:auto;min-width:3.5em;color:var(--amber);font-size:10px;text-align:right;text-transform:none;letter-spacing:0}.avatar-menu-audio .peer-volume .join-label svg{width:13px;height:13px;flex:0 0 auto;opacity:.75}.avatar-menu-audio .peer-volume.muted .join-label svg{opacity:.4}.settings-popover{bottom:96px;left:50%;transform:translate(-50%);transform-origin:bottom center;width:min(360px,calc(100vw - 32px));padding:14px 16px 16px;animation:popover-in .14s cubic-bezier(.2,.9,.3,1.2) both;z-index:41}.settings-world{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:8px 11px;border-radius:10px;background:#ffffff0a;font-size:13px;font-weight:600}.settings-section{margin-bottom:16px}.settings-popover .join-hint{margin:0;text-align:left;font-size:11.5px}.settings-popover .join-input{padding:9px 12px;font-size:13px;min-width:0}.settings-ok{margin:8px 0 0;font-size:12px;color:var(--mint)}.settings-error{margin:0 0 14px;padding:8px 11px;border-radius:10px;border:1px solid rgba(239,71,111,.35);background:#ef476f1f;font-size:12px;line-height:1.4}.settings-divider{display:block;height:1px;margin:0 0 12px;background:#ffffff1a}.settings-danger{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid rgba(239,71,111,.5);background:#ef476f29;color:#ffb3c4;font:inherit;font-size:14px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.settings-danger:hover{background:var(--coral);border-color:transparent;color:#fff}.settings-danger svg{width:16px;height:16px}.avatar-menu{position:fixed;z-index:42;min-width:168px;max-width:260px;padding:10px 12px;border-radius:12px}.avatar-menu-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.avatar-menu-dot{flex:none;width:9px;height:9px;border-radius:50%}.avatar-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-menu-tag{margin-left:auto;padding:1px 6px;border-radius:99px;background:#ffffff17;color:var(--text-dim);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.avatar-menu-empty{margin:8px 0 0;color:var(--text-dim);font-size:11.5px}.top-center-stack{position:absolute;top:16px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 16px;pointer-events:none}.game-view:has(.sharing-badge) .top-center-stack{padding-top:20px}.top-right-stack{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.call-stack{display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(360px,calc(100vw - 32px))}.avatar-menu-item{display:block;width:100%;margin-top:8px;padding:6px 10px;border:1px solid var(--panel-border);border-radius:8px;background:#ffffff0f;color:var(--text);font:inherit;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:left;transition:background .12s,border-color .12s}.avatar-menu-item:hover:not(:disabled){background:#ffffff1f}.avatar-menu-item[aria-pressed=true]{background:#3ddc8433;border-color:#3ddc848c;color:#b9f5d0}.avatar-menu-item[aria-pressed=true]:hover{background:#3ddc8452}.avatar-menu-item:disabled{opacity:.45;cursor:default}.avatar-menu-item.on-booble:disabled{background:#8e7dbe38;border-color:#8e7dbe99;color:#ded6f2;opacity:.85}.avatar-menu-item.booble-join:hover:not(:disabled){background:#8e7dbe47;border-color:#8e7dbe99}.emote-popover{bottom:96px;left:50%;transform:translate(-50%);transform-origin:bottom center;padding:10px;animation:popover-in .14s cubic-bezier(.2,.9,.3,1.2) both;z-index:41}.emote-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.emote-btn{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1.5px solid var(--panel-border);background:#ffffff0d;transition:border-color .12s,transform .12s}.emote-btn:hover:not(:disabled){border-color:var(--mint);transform:translateY(-1px)}.emote-btn:disabled{opacity:.45}.emote-btn-art{width:32px;height:32px;background-repeat:no-repeat;background-position:-192px 0;image-rendering:pixelated;transform:scale(1.5)}.settings-action{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:8px;border:1.5px solid var(--panel-border);background:#ffffff0d;color:var(--text);font-family:inherit;font-size:13px;font-weight:600;margin-top:10px}.settings-action:hover{border-color:var(--mint)}.furniture-palette{position:absolute;top:96px;left:16px;width:250px;padding:12px;z-index:30}.furniture-palette-head{font-size:13px;font-weight:700;margin-bottom:8px}.furniture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.furniture-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 4px;border-radius:10px;border:1.5px solid var(--panel-border);background:#ffffff0d;color:var(--text);font-family:inherit}.furniture-item:hover{border-color:var(--mint)}.furniture-item.selected{border-color:var(--mint);background:#ffffff1a}.furniture-icon{image-rendering:pixelated}.furniture-item-label{font-size:10.5px;opacity:.85;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.furniture-hint{font-size:11px;opacity:.7;margin:10px 0;line-height:1.45}.furniture-done{display:block;width:100%;padding:8px;border-radius:8px;border:none;background:var(--mint);color:#10241c;font-weight:700;font-family:inherit}