/* A canvas kitölti a teljes böngészőablakot. */
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101820;color:white;font:15px system-ui,Arial}
canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
canvas:active{cursor:grabbing}
.hud{position:fixed;top:14px;left:14px;background:#000b;border-radius:10px;padding:12px 14px;display:grid;gap:7px;max-width:calc(100vw - 50px)}
.hud label{font-weight:700}.hud select{font:inherit;padding:7px;border-radius:6px;min-width:170px}
.hud small{font-size:12px}
.toolbar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:#0009;border-radius:12px;padding:8px}
button{border:0;border-radius:7px;background:#fff;color:#222;padding:9px 13px;font-size:16px;cursor:pointer}
#error{display:none;position:fixed;top:42%;left:15%;right:15%;background:#522;padding:24px;border-radius:12px;line-height:1.6}

/* Bejárási sorrend: a gombok a panorámaválasztó mellett vannak. */
.step-controls{display:flex;align-items:center;gap:8px;margin:8px 0;flex-wrap:wrap}
.step-controls button{padding:7px 11px;border:1px solid #9aa6b2;border-radius:6px;background:#f7f9fb;color:#17212b;cursor:pointer}
.step-controls button:disabled{opacity:.4;cursor:not-allowed}
#step{min-width:48px;text-align:center;font-variant-numeric:tabular-nums}

/* A hotspot pozícióját a JS számítja ki a gömbi irányból. */
.hotspot{position:fixed;z-index:5;transform:translate(-50%,-50%);background:#f6c445;color:#1a1a1a;border:2px solid white;box-shadow:0 2px 12px #000a;white-space:nowrap;font-weight:700}
.hotspot[hidden]{display:none}
/* GS360 Public – panorámaválasztó panel elrejtése */
.hud {
    display: none !important;
}