*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;color:#111;line-height:1.5}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:#3f3f42;color:#fff;font-family:Inter,system-ui,sans-serif}.app{height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:.6rem;padding:.6rem}.status{text-align:center;font-size:.82rem}.canvas{position:relative;display:grid;place-items:center;overflow:hidden}.map{max-height:72vh;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:6px}.hotspot{position:absolute;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,255,255,.8);background:#0003;cursor:pointer}.hotspot.is-active{background:#ffd000;border-color:#111;box-shadow:0 0 0 4px #ffd00059}.controls{display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem}.controls button{border-radius:999px;padding:.45rem .75rem;border:1px solid #9b7532;background:linear-gradient(180deg,#5a3c12,#2e1f08);color:#f8ecc5;font-weight:700;cursor:pointer}