:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #07100e; width: 100%; min-height: 100%; }
body { overflow-x: hidden; }
.page-shell { position: relative; width: 100vw; line-height: 0; background: #07100e; }
.reference-image { display: block; width: 100vw; height: auto; user-select: none; -webkit-user-drag: none; }
.hotspot { position: absolute; display: block; background: transparent; border: 0; padding: 0; margin: 0; cursor: pointer; text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; }
.hotspot:focus-visible { outline: 2px solid rgba(44,221,164,.95); outline-offset: -2px; border-radius: 12px; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }