.app{width:100%;height:100vh;position:relative;overflow:hidden;background:#1a1a1a}.panorama-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#1a1a1a;z-index:50;opacity:0;pointer-events:none;transition:opacity .3s ease}.transition-overlay.active{opacity:1}.header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 100%);pointer-events:none}.header>*{pointer-events:auto}.header-left{flex:1}.header-logo{display:flex;align-items:center;gap:12px}.header-logo svg{flex-shrink:0}.header-title h1{font-size:16px;font-weight:600;line-height:1.3;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.header-subtitle{font-size:12px;color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.5)}.header-center{flex:0}.current-room-badge{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:24px;border:1px solid rgba(255,255,255,.15);white-space:nowrap}.room-icon{font-size:18px}.room-name{font-size:14px;font-weight:500}.header-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:16px}.header-stats{display:flex;align-items:center;gap:8px;font-size:13px;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5)}.header-stats .stat{display:flex;align-items:center;gap:4px}.stat-divider{color:#fff6}.info-toggle-btn{width:40px;height:40px;border-radius:50%;border:none;background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.info-toggle-btn:hover{background:#ff385c99;color:#fff}.info-toggle-btn.active{background:#ff385c;color:#fff}.room-info-panel{position:absolute;top:0;right:0;width:360px;height:100%;z-index:20;background:#141414eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.1);transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:60px 24px 24px}.room-info-panel.visible{transform:translate(0)}.room-info-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1a;color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.room-info-close:hover{background:#fff3}.room-info-content{display:flex;flex-direction:column;gap:20px}.room-info-header{display:flex;align-items:center;gap:16px}.room-info-icon{font-size:40px}.room-info-header h2{font-size:24px;font-weight:700}.room-info-en{font-size:13px;color:#ffffff80;margin-top:2px}.room-info-desc{font-size:14px;line-height:1.6;color:#ffffffbf}.room-info-section h3{font-size:15px;font-weight:600;margin-bottom:12px;color:#ffffffe6}.feature-list{list-style:none;display:flex;flex-direction:column;gap:8px}.feature-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#ffffffbf}.connected-rooms{display:flex;flex-wrap:wrap;gap:8px}.connected-room-tag{padding:6px 14px;background:#ff385c26;border:1px solid rgba(255,56,92,.3);border-radius:20px;font-size:13px;color:#ff8fa3}.room-info-divider{height:1px;background:#ffffff1a}.property-summary h3{font-size:16px;font-weight:600;margin-bottom:8px}.property-stats{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff9;flex-wrap:wrap}.property-stats .dot{width:3px;height:3px;border-radius:50%;background:#fff6}.host-info{margin-top:8px;font-size:13px;color:#ffffff80}.room-selector{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:12px 0 16px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%)}.room-selector-inner{display:flex;justify-content:center;gap:8px;padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.room-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;background:none;border:none;cursor:pointer;color:#ffffffb3;transition:all .2s;border-radius:12px;min-width:72px}.room-btn:hover{background:#ffffff1a;color:#fff}.room-btn.active{color:#fff}.room-btn-thumb{position:relative;width:48px;height:48px;border-radius:12px;overflow:hidden}.room-btn-thumb img{width:100%;height:100%;object-fit:cover}.room-btn-active-ring{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid #ff385c;border-radius:14px}.room-btn-icon{font-size:14px;line-height:1}.room-btn-label{font-size:11px;font-weight:500;white-space:nowrap}.room-btn.active .room-btn-label{color:#ff385c;font-weight:600}.minimap{position:absolute;bottom:120px;left:16px;z-index:10;width:160px;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:8px;transition:opacity .3s}.minimap:hover{background:#000000b3}.minimap-title{font-size:10px;font-weight:500;color:#ffffff80;text-align:center;margin-bottom:4px}.minimap-svg{width:100%;height:auto}.minimap-room{transition:all .2s}.minimap-room:hover circle{fill:#ff385c!important}@keyframes minimap-pulse{0%,to{r:8;opacity:.3}50%{r:12;opacity:.1}}.minimap-pulse{animation:minimap-pulse 2s ease-in-out infinite}.help-tooltip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;cursor:pointer;animation:help-fade-in .5s ease,help-fade-out .5s ease 4.5s forwards}.help-tooltip-content{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:15px;line-height:1.5}.help-icon{animation:help-drag 2s ease-in-out infinite}.help-sub{font-size:12px;color:#fff9}@keyframes help-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes help-fade-out{0%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes help-drag{0%,to{transform:translate(0)}50%{transform:translate(15px)}}.compass{position:absolute;top:80px;right:24px;z-index:10;opacity:.7;transition:opacity .2s}.compass:hover{opacity:1}@media (max-width: 768px){.header{padding:12px 16px}.header-title h1{font-size:14px}.header-stats{display:none}.room-info-panel{width:100%;border-left:none;border-top:1px solid rgba(255,255,255,.1)}.minimap{width:120px;bottom:110px;left:8px}.room-selector-inner{justify-content:flex-start;gap:4px;padding:0 8px}.room-btn{min-width:60px;padding:6px 8px}.room-btn-thumb{width:40px;height:40px}.compass{top:70px;right:16px}.current-room-badge{padding:6px 14px}.room-icon{font-size:16px}.room-name{font-size:13px}}@media (max-width: 480px){.header-logo{display:none}.header-center{flex:1;display:flex;justify-content:center}.minimap{display:none}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;background:#1a1a1a;color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}