:root{--bg:#0b1220;--accent:#ffd54f}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Arial,Helvetica,sans-serif;background:var(--bg);color:#fff}.app-root{display:flex;flex-direction:column;height:100vh}.app-header{padding:12px 16px;font-weight:700;background:linear-gradient(90deg,rgba(255,255,255,.02),transparent)}.map-canvas{flex:1;position:relative;display:flex}.map-frame{flex:1;position:relative;overflow:hidden}.map-image{width:100%;height:auto;display:block}.overlay-layer{position:absolute;top:0;left:0}.hotspot{position:absolute;border-radius:999px;border:2px solid rgba(255,255,255,.6);background:#0006;color:#fff;cursor:pointer;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:auto}.hotspot:focus{outline:3px solid var(--accent)}.hotspot-label{font-size:10px;pointer-events:none}.overlay{position:absolute;right:12px;top:12px;width:320px;background:#0009;padding:12px;border-radius:8px}.actions{display:flex;gap:8px;margin-top:12px}.btn{background:var(--accent);color:#000;padding:8px 12px;border-radius:6px;text-decoration:none}.btn-muted{background:transparent;border:1px solid rgba(255,255,255,.08);color:#fff;padding:8px 12px;border-radius:6px}