img{max-width:100%;height:auto;object-fit:contain}.wizard-room-page{position:relative;width:100vw;height:100vh;overflow:hidden}.controls-guide,.wizard-room-page canvas{pointer-events:auto}.controls-guide{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:rgba(20,2,38,.75);border:1px solid rgba(161,85,202,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:1.25rem 2.25rem 1rem;box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 20px rgba(161,85,202,.15),inset 0 0 12px hsla(0,0%,100%,.03);color:#f3e9d9;z-index:100;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:90vw;width:480px;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.controls-guide.fade-in{opacity:1;transform:translate(-50%)}.controls-guide.fade-out{opacity:0;transform:translate(-50%,25px);pointer-events:none}.controls-guide .close-button{position:absolute;top:10px;right:12px;background:none;border:none;color:hsla(37,52%,90%,.4);font-size:22px;line-height:1;cursor:pointer;transition:color .2s ease,transform .2s ease;padding:2px 6px;border-radius:50%}.controls-guide .close-button:hover{color:#ff8a3b;transform:scale(1.1)}.controls-guide .guide-title{font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#dbbea1;margin-bottom:1.25rem;opacity:.9;text-shadow:0 2px 4px rgba(0,0,0,.4)}.controls-guide .guide-items{display:flex;justify-content:space-between;width:100%;gap:1.5rem}.controls-guide .guide-item{flex:1 1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.controls-guide .guide-item:not(:last-child):after{content:"";position:absolute;right:-.75rem;top:20%;height:60%;width:1px;background:linear-gradient(180deg,rgba(161,85,202,0),rgba(161,85,202,.25) 50%,rgba(161,85,202,0))}.controls-guide .icon-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;color:#a155ca;filter:drop-shadow(0 0 6px rgba(161,85,202,.4))}.controls-guide .control-icon{width:32px;height:32px;stroke-linejoin:round;stroke-linecap:round}.controls-guide .item-label{font-size:.8rem;font-weight:600;color:#f3e9d9;margin-bottom:.15rem}.controls-guide .item-sub{font-size:.65rem;color:#dbbea1;opacity:.7;white-space:nowrap}.help-toggle-btn{position:absolute;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:rgba(20,2,38,.6);border:1px solid rgba(161,85,202,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#dbbea1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:99;box-shadow:0 4px 15px rgba(0,0,0,.4),0 0 10px rgba(161,85,202,.15);opacity:0;transform:scale(.8);pointer-events:none;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.help-toggle-btn svg{width:20px;height:20px}.help-toggle-btn.visible{opacity:1;transform:scale(1);pointer-events:auto}.help-toggle-btn:hover{background:rgba(20,2,38,.85);color:#ff8a3b;border-color:rgba(255,138,59,.5);box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 15px rgba(255,138,59,.35);transform:scale(1.08)}.help-toggle-btn:active{transform:scale(.95)}@keyframes swipeSideToSide{0%,to{transform:translateX(0);opacity:.3}50%{transform:translateX(2.5px);opacity:1;color:#ff8a3b}}.rotate-icon .swipe-arrow{animation:swipeSideToSide 2.2s ease-in-out infinite}@keyframes zoomScroll{0%{transform:translateY(-2px);opacity:.4}50%{transform:translateY(2px);opacity:1;color:#ff8a3b}to{transform:translateY(-2px);opacity:.4}}.zoom-icon .scroll-wheel{animation:zoomScroll 1.8s ease-in-out infinite}@keyframes panPulse{0%,to{transform:translate(0);opacity:.4}25%{transform:translate(1.5px,-1.5px);opacity:.9;color:#ff8a3b}50%{transform:translate(-1.5px,1.5px);opacity:.9}75%{transform:translate(-1.5px,-1.5px);opacity:.9}}.pan-icon .pan-arrows{animation:panPulse 3s ease-in-out infinite;transform-origin:11px 16px}@media(max-width:600px){.controls-guide{bottom:80px;padding:1rem 1.25rem .85rem;width:92vw}.controls-guide .guide-title{font-size:.75rem;margin-bottom:1rem}.controls-guide .guide-items{gap:.75rem}.controls-guide .guide-item{min-width:unset}.controls-guide .guide-item:not(:last-child):after{right:-.375rem}.controls-guide .icon-wrapper{width:36px;height:36px;margin-bottom:.35rem}.controls-guide .control-icon{width:26px;height:26px}.controls-guide .item-label{font-size:.7rem}.controls-guide .item-sub{font-size:.58rem}.help-toggle-btn{bottom:16px;right:16px;width:40px;height:40px}.help-toggle-btn svg{width:18px;height:18px}}