.virtual-room{--room-glow:#f4d989;--room-bright:#fff2c4;--room-rgb:244,217,137;--room-contrast:#14131a;position:relative;isolation:isolate;width:100%;min-width:0;padding:20px;border:1px solid rgba(var(--room-rgb),.28);border-radius:28px;background:linear-gradient(145deg,#171522,#0a0c15 75%);color:#f8f4ec;box-shadow:0 24px 80px #0005,0 0 36px rgba(var(--room-rgb),.045);font-family:inherit;color-scheme:dark}.virtual-room[data-theme=violet]{--room-glow:#c0a5ff;--room-bright:#ecddff;--room-rgb:192,165,255}.virtual-room[data-theme=ice]{--room-glow:#86e2f8;--room-bright:#cff8ff;--room-rgb:134,226,248}.virtual-room *{box-sizing:border-box}.virtual-room .virtual-room-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;max-width:none;margin:0 0 12px;padding:0}.virtual-room-kicker{font-size:10px;letter-spacing:.17em;font-weight:650;color:var(--room-glow)}.virtual-room h2{margin:5px 0 0;font-size:clamp(18px,2.1vw,25px);line-height:1.25;letter-spacing:-.03em;font-weight:600;color:#fff7e5}.virtual-room h2 span{color:var(--room-glow)}.virtual-room-mode{flex:none;font-size:9px;letter-spacing:.14em;border:1px solid #ffffff24;border-radius:8px;padding:7px 8px;color:#d2cbdd}.virtual-room-scene{position:relative;isolation:isolate;overflow:hidden;width:100%;height:clamp(230px,33vw,320px);border:1px solid rgba(var(--room-rgb),.13);border-radius:19px;perspective:780px;background:radial-gradient(ellipse at 50% 42%,rgba(var(--room-rgb),.105),transparent 52%),linear-gradient(#060a15,#101322);outline-offset:4px}.virtual-room-scene:focus-visible{outline:2px solid var(--room-glow)}.virtual-room-ambient{position:absolute;inset:5% 12%;background:radial-gradient(ellipse,rgba(var(--room-rgb),.16),transparent 67%);filter:blur(26px)}.virtual-room-world{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(var(--room-angle,0deg));transition:transform .5s cubic-bezier(.2,.65,.25,1)}.virtual-room-floor{position:absolute;left:50%;top:44%;width:88%;height:90%;transform:translateX(-50%) rotateX(67deg);border-radius:50%;transform-style:preserve-3d;box-shadow:inset 0 0 35px rgba(var(--room-rgb),.06);border:1px solid rgba(var(--room-rgb),.21);background:radial-gradient(circle,rgba(var(--room-rgb),.08),#0b0e1800 72%)}.virtual-room-floor-grid{position:absolute;inset:0;border-radius:50%;background-image:linear-gradient(rgba(var(--room-rgb),.14) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--room-rgb),.14) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle,#000 48%,transparent 72%);mask-image:radial-gradient(circle,#000 48%,transparent 72%)}.virtual-room-floor-ring{position:absolute;inset:5%;border-radius:50%;border:2px solid rgba(var(--room-rgb),.5);box-shadow:0 0 17px rgba(var(--room-rgb),.25)}.virtual-room-floor-ring-inner{inset:28%;border:1px solid rgba(var(--room-rgb),.52);box-shadow:0 0 18px rgba(var(--room-rgb),.14)}.virtual-room-floor-axis{position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--room-glow),transparent);opacity:.35}.virtual-room-gateway{position:absolute;left:50%;top:8%;width:clamp(110px,24vw,150px);aspect-ratio:1;transform:translateX(-50%) translateZ(-10px);transform-style:preserve-3d;color:var(--room-glow)}.virtual-room-gate-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(var(--room-rgb),.65);box-shadow:inset 0 0 24px rgba(var(--room-rgb),.12),0 0 25px rgba(var(--room-rgb),.12);background:radial-gradient(circle,rgba(var(--room-rgb),.06),transparent 68%)}.virtual-room-gate-ring:after{content:"";position:absolute;inset:-6px;border:1px dashed rgba(var(--room-rgb),.38);border-radius:50%;animation:virtual-room-orbit 46s linear infinite}.virtual-room-gate-inner{inset:12%;border-color:rgba(var(--room-rgb),.24);transform:rotateY(32deg)}.virtual-room-gate-inner:after{display:none}.virtual-room-sigil{position:absolute;inset:20%;color:var(--room-glow);filter:drop-shadow(0 0 10px rgba(var(--room-rgb),.55));animation:virtual-room-float 7s ease-in-out infinite}.virtual-room-sigil svg{width:100%;height:100%}.virtual-room-gate-spark{position:absolute;top:5%;left:68%;width:5px;height:5px;border-radius:50%;background:var(--room-bright);box-shadow:0 0 10px var(--room-glow)}.virtual-room-anchor{position:absolute;bottom:22%;width:clamp(50px,11vw,72px);color:var(--room-glow);transform:translateX(-50%) translateZ(28px)}.virtual-room-anchor-you{left:27%}.virtual-room-anchor-guest{left:73%}.virtual-room-anchor svg{display:block;width:100%;filter:drop-shadow(0 0 8px rgba(var(--room-rgb),.23))}.virtual-room-anchor.is-empty{opacity:.45}.virtual-room-anchor.is-active svg{filter:drop-shadow(0 0 13px rgba(var(--room-rgb),.55))}.virtual-room-anchor-glow{position:absolute;bottom:1%;left:-12%;width:124%;height:13%;border:1px solid rgba(var(--room-rgb),.7);border-radius:50%;box-shadow:0 0 14px rgba(var(--room-rgb),.45);background:rgba(var(--room-rgb),.13)}.virtual-room-connection{position:absolute;left:32%;right:32%;bottom:30%;height:1px;border-top:1px dashed rgba(var(--room-rgb),.18);transform:translateZ(20px)}.virtual-room-connection[data-connected=true]{border:0;background:linear-gradient(90deg,transparent,var(--room-glow),transparent);box-shadow:0 0 9px var(--room-glow)}.virtual-room-seat{position:absolute;z-index:2;bottom:14%;display:flex;align-items:center;gap:5px;max-width:43%;font-size:10px;line-height:1.4;white-space:normal;color:#d5ccda;background:#080d1ddd;padding:5px 7px;border:1px solid #ffffff20;border-radius:7px}.virtual-room-seat-you{left:6%}.virtual-room-seat-guest{right:6%}.virtual-room-seat i{flex:none;width:4px;height:4px;border:1px solid #b5abba;border-radius:50%}.virtual-room-seat.is-active{color:var(--room-bright);border-color:rgba(var(--room-rgb),.28)}.virtual-room-seat.is-active i{border-color:var(--room-glow);background:var(--room-glow);box-shadow:0 0 8px rgba(var(--room-rgb),.7)}.virtual-room-coordinate{position:absolute;bottom:6%;left:0;right:0;text-align:center;color:rgba(var(--room-rgb),.65);font-size:8px;letter-spacing:.2em}.virtual-room-stars i{position:absolute;width:2px;height:2px;background:#dce4ff;border-radius:50%;opacity:.48}.virtual-room-stars i:first-child{top:12%;left:12%}.virtual-room-stars i:nth-child(2){top:34%;left:7%}.virtual-room-stars i:nth-child(3){top:19%;right:9%}.virtual-room-stars i:nth-child(4){top:46%;right:18%}.virtual-room-stars i:nth-child(5){top:9%;right:30%}.virtual-room-stars i:nth-child(6){top:45%;left:34%}.virtual-room-stars i:nth-child(7){top:60%;right:7%}.virtual-room-stars i:nth-child(8){top:27%;left:25%}.virtual-room .virtual-room-status{display:flex;align-items:flex-start;gap:8px;margin:13px 0 12px;font-size:12px;line-height:1.5;color:var(--room-bright)}.virtual-room-status span{flex:none;font-size:15px;line-height:1.2;color:var(--room-glow)}.virtual-room-controls{display:flex;flex-direction:column;gap:8px}.virtual-room-themes,.virtual-room-view-controls{display:flex;gap:6px}.virtual-room .virtual-room-controls button{font:inherit;min-width:44px;min-height:44px;border:1px solid #ffffff25;border-radius:10px;color:#d9d4df;background:#ffffff06;padding:8px 10px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.virtual-room .virtual-room-controls button:hover:not(:disabled){border-color:rgba(var(--room-rgb),.6);background:rgba(var(--room-rgb),.08);color:var(--room-bright)}.virtual-room-controls button:focus-visible{outline:2px solid var(--room-glow);outline-offset:3px}.virtual-room-controls button:disabled{opacity:.3;cursor:default}.virtual-room-theme{display:flex;justify-content:center;align-items:center;gap:7px;flex:1;font-size:12px!important}.virtual-room-theme i{width:7px;height:7px;border-radius:50%;background:#f4d989;box-shadow:0 0 8px #f4d98933}.virtual-room-theme[data-swatch=violet] i{background:#c0a5ff}.virtual-room-theme[data-swatch=ice] i{background:#86e2f8}.virtual-room .virtual-room-theme[aria-pressed=true]{border-color:rgba(var(--room-rgb),.64);color:var(--room-bright);background:rgba(var(--room-rgb),.09)}.virtual-room .virtual-room-view-controls button{font-size:19px}.virtual-room .virtual-room-view-controls button:nth-child(2){flex:1;font-size:11px}.virtual-room-motion{margin-left:auto}.virtual-room .virtual-room-local-note{margin:12px 0 0;color:#b8b0c2;font-size:12px;line-height:1.6}.virtual-room-local-note span{display:block;margin-top:4px;color:#aba4b6}.virtual-room[data-motion=paused] .virtual-room-gate-ring:after,.virtual-room[data-motion=paused] .virtual-room-sigil{animation-play-state:paused}@keyframes virtual-room-orbit{to{transform:rotate(1turn)}}@keyframes virtual-room-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:400px){.virtual-room{padding:14px;border-radius:22px}.virtual-room-heading{gap:6px}.virtual-room-kicker{font-size:8px;letter-spacing:.13em}.virtual-room-mode{font-size:8px;padding:6px}.virtual-room h2{font-size:18px}.virtual-room-seat{font-size:9px;padding:4px 5px}.virtual-room-status{font-size:11px}.virtual-room-theme{font-size:11px!important}.virtual-room-scene{height:230px}}@media(prefers-reduced-motion:reduce){.virtual-room *,.virtual-room :after,.virtual-room :before{animation:none!important;transition:none!important}}