*{box-sizing:border-box}
html{background:#100f0e;color:#eee9df;color-scheme:dark}
body{margin:0}main{max-width:1024px;margin:0 auto}
.poster{position:relative;width:100%;line-height:0}
.poster>img{display:block;width:100%;height:auto}
#hotspots{position:absolute;inset:0;pointer-events:none}
.hotspot{position:absolute;display:block;pointer-events:auto;background:transparent}
.hotspot:focus-visible{outline:3px solid #b21d16;outline-offset:-3px;background:#b21d1620}
footer{max-width:1024px;margin:auto;padding:18px 20px;font:16px/1.5 system-ui,sans-serif}
footer a{color:#eee9df;text-decoration:none}
footer a:focus-visible{outline:2px solid #eee9df;outline-offset:5px}