:root{color-scheme:dark;--neon:#df86ff}*{box-sizing:border-box}html,body,#viewer{width:100%;height:100%;margin:0;overflow:hidden}body{background:#09090b;color:#fff;font:13px Inter,"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}#viewer{position:relative}canvas,.shade{position:absolute;inset:0;width:100%;height:100%}.shade{pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.38),transparent 22%,transparent 72%,rgba(0,0,0,.35))}header{position:absolute;z-index:8;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px}.brand{display:flex;align-items:center;gap:10px}.brand i{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(20,18,22,.42);color:var(--neon);font-size:20px;font-style:normal;backdrop-filter:blur(14px)}.brand span{display:flex;flex-direction:column;gap:2px}.brand b{font-size:11px;letter-spacing:.13em}.brand small{color:#fff;font-size:10px}button,input{font:inherit}button{cursor:pointer}header button,#rooms button{height:36px;padding:0 13px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(20,18,22,.45);color:#fff;backdrop-filter:blur(14px);transition:.2s}header button:hover,#rooms button:hover{border-color:rgba(223,134,255,.55);box-shadow:0 0 12px rgba(223,134,255,.2)}#rooms{position:absolute;z-index:12;right:18px;top:66px;width:270px;padding:11px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(27,24,29,.72);box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(24px) saturate(135%);opacity:0;transform:translateY(-9px) scale(.97);pointer-events:none;transition:.28s}#rooms.open{opacity:1;transform:none;pointer-events:auto}#rooms>div{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 9px}#closeRooms{width:28px;padding:0!important}#roomList{display:grid;gap:4px}.room{display:flex!important;align-items:center;gap:9px;width:100%;height:auto!important;padding:7px!important;text-align:left}.room i{width:48px;height:34px;border-radius:8px;background:#222 center/cover}.room.active{border-color:rgba(223,134,255,.52)!important;background:rgba(223,134,255,.1)!important}#hotspots{position:absolute;z-index:6;inset:0;pointer-events:none}.hotspot{position:absolute;width:26px;height:26px;padding:0;border:0;background:transparent;pointer-events:auto;transform:translate(-50%,-50%)}.hotspot:before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 15px rgba(223,134,255,.72);transform:translate(-50%,-50%)}.hotspot:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;border:1px solid rgba(223,134,255,.85);border-radius:50%;animation:radar 1.7s ease-out infinite}.hotspot span{position:absolute;left:50%;top:28px;width:max-content;max-width:190px;padding:6px 9px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(18,16,20,.72);color:#fff;font-size:10px;transform:translateX(-50%);white-space:nowrap;backdrop-filter:blur(12px)}@keyframes radar{from{transform:translate(-50%,-50%) scale(.6);opacity:.9}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}#loading,#error{position:absolute;z-index:15;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 16px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(20,18,22,.65);backdrop-filter:blur(16px)}#unlock{position:absolute;z-index:20;left:50%;top:50%;display:grid;width:min(360px,calc(100% - 36px));padding:26px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(30,25,32,.84);box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 28px rgba(164,58,199,.1);transform:translate(-50%,-50%);text-align:center;backdrop-filter:blur(28px)}#unlock i{color:var(--neon);font-size:25px;font-style:normal}#unlock h1{margin:10px 0 4px;font-size:20px}#unlock p{margin:0 0 16px;color:#fff}#unlock input{height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.07);color:#fff;outline:0}#unlock input:focus{border-color:var(--neon);box-shadow:0 0 12px rgba(223,134,255,.22)}#unlock button{height:40px;margin-top:9px;border:1px solid rgba(239,183,255,.7);border-radius:11px;background:#df86ff;color:#1d1020}#unlockError{min-height:16px;margin-top:8px;color:#ff9cab}.hint{position:absolute;z-index:7;left:50%;bottom:20px;transform:translateX(-50%);padding:7px 11px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(20,18,22,.35);font-size:9px;backdrop-filter:blur(12px);animation:hint 4s forwards}@keyframes hint{0%{opacity:0}15%,72%{opacity:1}100%{opacity:0}}@media(max-width:600px){header{padding:12px}#rooms{right:12px;top:58px;width:calc(100% - 24px)}}