:root{--orange:#F96200;--blue:#004291;--page-w:1672;--page-h:941}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow:hidden}
body{min-height:100dvh}
a,button{font:inherit}
.stage{position:fixed;inset:0;display:grid;place-items:center;background:#000;overflow:hidden}
.canvas{position:relative;width:min(100vw,calc(100dvh * 1672 / 941));height:min(100dvh,calc(100vw * 941 / 1672));aspect-ratio:1672/941;background:#000 center/contain no-repeat;overflow:hidden}
.canvas img.master{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}
.hotspot{position:absolute;display:block;border:0;background:transparent;color:transparent;text-indent:-9999px;overflow:hidden;cursor:pointer;z-index:5;border-radius:12px}
.hotspot:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px rgba(0,66,145,.65)}
.visible-nav,.realcheck{position:absolute;z-index:8;color:#fff;text-decoration:none;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 14px #000;white-space:nowrap}
.visible-nav{top:4.2%;right:5.2%;font-size:clamp(11px,1.05vw,17px)}
.visible-nav:hover,.visible-nav:focus-visible{opacity:.8}
.realcheck{right:7.5%;bottom:11.8%;padding:13px 23px;border:1px solid rgba(255,255,255,.34);border-radius:999px;font-size:clamp(10px,.90vw,15px);letter-spacing:.08em;text-transform:none;background:linear-gradient(105deg,rgba(249,98,0,.15),rgba(0,66,145,.23));backdrop-filter:blur(8px);box-shadow:0 0 22px rgba(0,66,145,.16)}
.realcheck:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(90deg,var(--orange),var(--blue));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.realcheck:hover,.realcheck:focus-visible{background:linear-gradient(105deg,rgba(249,98,0,.25),rgba(0,66,145,.34))}
.intro-overlay[hidden]{display:none!important}.intro-overlay{position:fixed;inset:0;z-index:100;background:#000}.intro-frame{border:0;width:100%;height:100%;background:#000;display:block}.intro-controls{position:absolute;z-index:5;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;gap:9px}.intro-pill{border:1px solid rgba(255,255,255,.32);background:rgba(0,0,0,.72);backdrop-filter:blur(12px);color:#fff;border-radius:999px;padding:10px 14px;font-weight:700;cursor:pointer}.intro-progress{position:absolute;z-index:5;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.12)}.intro-progress>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--blue))}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (orientation:portrait) and (max-width:900px){.canvas{width:100vw;height:calc(100vw * 941 / 1672)}.stage{align-content:center}.visible-nav{font-size:11px}.realcheck{font-size:10px;padding:9px 14px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.bottom-nav{top:auto;right:5.2%;bottom:5.2%;font-size:clamp(11px,1.05vw,17px)}
