/* Permanent connected rooms above the persistent player. */
:root{--scene-height:126px;--dock-height:110px}
#guide-lane{position:fixed;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 32px);max-width:1490px;bottom:calc(var(--scene-floor,var(--dock-height)) - 1px);height:clamp(104px,14vh,126px);z-index:29;overflow:hidden;pointer-events:none;contain:layout paint;background:#06182d;border:1px solid #88b2d1;border-bottom:0;border-top:2px solid #95b8cd;box-shadow:0 -3px 12px #0006;padding:0;isolation:isolate}
#room-background{position:absolute;display:block;bottom:0;left:0;width:100%;z-index:0}
#guide-character{position:absolute;left:0;bottom:0;pointer-events:auto;z-index:3;filter:drop-shadow(0 2px 1px #0005);will-change:transform;border:0;background:none;padding:0;outline-offset:-4px;touch-action:manipulation}
#guide-character canvas{display:block;width:100%;height:100%;animation:none!important;transform:none!important;object-fit:contain}
#guide-character:focus-visible{outline:2px solid #a5edff;border-radius:10px}#guide-character:active{filter:drop-shadow(0 0 6px #7dcfff)}
#guide-effects{position:absolute;left:0;bottom:0;top:auto;width:100%;z-index:4;pointer-events:none}
#guide-bubble{position:absolute;top:8px;z-index:6;padding:9px 13px;max-height:120px;font:700 13px/1.35 var(--body);letter-spacing:.1px;text-align:center;border:1px solid #a3dbfa;box-shadow:0 3px 18px #000a;background:linear-gradient(#142f47f5,#031625f5);color:#eef8ff;pointer-events:none;clip-path:polygon(0 6px,6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%)}
#guide-paused{top:auto;bottom:8px;right:12px;max-width:200px;display:flex;flex-direction:row;gap:8px;align-items:center;padding:5px 8px;background:#031321dd;border:1px solid #50738a;z-index:8;font:11px/1.3 var(--body);pointer-events:auto}
#guide-paused .menu-button{min-height:30px;padding:5px 8px;font-size:10px}.guide-runway{display:none!important}
.toast{bottom:calc(var(--dock-height) + var(--scene-height) + 14px)!important;z-index:70}
@media(max-width:950px){#guide-lane{height:110px}}
@media(max-width:600px){#guide-lane{width:calc(100% - 16px);height:clamp(76px,10.5vh,92px)}#guide-bubble{top:3px;font-size:11px;line-height:1.25;padding:5px 8px;max-height:75px}#guide-paused{right:5px;bottom:4px;font-size:10px}#guide-paused .menu-button{font-size:9px;min-height:28px}}
@media(max-height:530px) and (min-width:600px){#guide-lane{height:72px}#guide-bubble{top:3px;font-size:10px;padding:4px 8px;max-height:63px}}
@media(prefers-reduced-motion:reduce){#guide-character{will-change:auto}}
.room-hotspot,.plant-hotspot{position:absolute;pointer-events:auto;display:block;background:transparent;border:0;padding:0;cursor:pointer;touch-action:manipulation}
.room-hotspot{top:15%;height:77%;z-index:1}.plant-hotspot{bottom:13%;height:36%;z-index:2}
.room-hotspot:focus-visible,.plant-hotspot:focus-visible{outline:1px solid #a5edff;outline-offset:-3px;border-radius:5px;background:#71c9ff16}