:root{color-scheme:dark;background:#030b17;color:#f2fbff;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}main{height:100svh;width:100%;display:grid;place-items:center;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.stage{position:relative;aspect-ratio:9/16;width:min(100%,calc((100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom))*9/16));max-height:100%;isolation:isolate}.artwork,picture{display:block;width:100%;height:100%;pointer-events:none;user-select:none}.artwork{object-fit:contain}.hotspots{position:absolute;inset:0}.hotspot{position:absolute;left:var(--px);top:var(--py);width:var(--pw);height:var(--ph);background:none;color:transparent;border:0;border-radius:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(124,233,255,.18)}.hotspot:focus-visible{outline:3px solid #efffff;outline-offset:1px;background:#99ecff16}.hotspot:hover{background:radial-gradient(ellipse,rgba(145,238,255,.13),transparent 70%)}.hotspot span,.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.unavailable{cursor:default;pointer-events:none}.lightning{position:absolute;top:6%;right:9%;width:3.7%;height:auto;fill:#e3ffff;opacity:.3;pointer-events:none;animation:flash 6s ease-in-out infinite}.wave{position:absolute;bottom:2.2%;left:0;width:100%;height:2.6%;overflow:hidden;pointer-events:none;stroke:#ffad72;fill:none;stroke-width:2;opacity:.7}.wave path{animation:travel 6s linear infinite}@keyframes flash{0%,80%,100%{opacity:.08}82%,86%{opacity:.85}84%,88%{opacity:.2}}@keyframes travel{to{transform:translateX(900px)}}@media(min-aspect-ratio:6/5){.stage{aspect-ratio:16/9;width:min(100%,calc((100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom))*16/9))}.hotspot{left:var(--wx);top:var(--wy);width:var(--ww);height:var(--wh)}.lightning{top:8%;right:12%;width:2%}.wave{bottom:.7%;height:4%}}@media(prefers-reduced-motion:reduce){.lightning,.wave path{animation:none}}
.tap-hint{position:absolute;z-index:4;left:46.2%;top:41.2%;width:8%;height:auto;overflow:visible;pointer-events:none;opacity:0;fill:#092237;stroke:#f4ffff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;animation:tap-guide 3s ease-in-out both}.tap-ring{fill:none;stroke:#a7f7ff;stroke-width:1.4;transform-box:fill-box;transform-origin:center;animation:tap-pulse 3s ease-out both}.tap-hand{filter:drop-shadow(1px 3px 3px #0008)}@keyframes tap-guide{0%,7%{opacity:0;transform:translate(8px,12px)}20%,38%{opacity:1;transform:translate(0,0) scale(1)}46%{opacity:1;transform:translate(0,-2px) scale(.9)}57%,78%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(4px,9px)}}@keyframes tap-pulse{0%,40%{opacity:0;transform:scale(.45)}47%{opacity:.9;transform:scale(.6)}74%,100%{opacity:0;transform:scale(1.6)}}@media(min-aspect-ratio:6/5){.tap-hint{left:64.7%;top:32.6%;width:4.5%}}@media(prefers-reduced-motion:reduce){.tap-hint{animation:tap-still 3s linear both}.tap-ring{animation:none;opacity:0}}@keyframes tap-still{0%,85%{opacity:1}100%{opacity:0}}
