.hotspots-mobile [data-hotspot=wing-dial-up]{width:19.5%;height:38%;top:50%;left:19%}.hotspots-mobile [data-hotspot=wing-messenger]{width:19.5%;height:38%;top:50%;left:40%}.hotspots-mobile [data-hotspot=wing-playground]{width:19.8%;height:38%;top:50%;left:61%}.hotspots-mobile [data-hotspot=secret-door]{width:5%;height:10%;top:90%;left:47.5%}.hotspots-mobile [data-hotspot=floppy-hero]{width:5%;height:13%;top:30%;left:19%}.hotspots-desktop [data-hotspot=wing-dial-up]{width:19.5%;height:38%;top:50%;left:19%}.hotspots-desktop [data-hotspot=wing-messenger]{width:19.5%;height:38%;top:50%;left:40%}.hotspots-desktop [data-hotspot=wing-playground]{width:19.8%;height:38%;top:50%;left:61%}.hotspots-desktop [data-hotspot=secret-door]{width:5%;height:10%;top:90%;left:47.5%}.hotspots-desktop [data-hotspot=floppy-hero]{width:5%;height:13%;top:30%;left:19%}.intro{z-index:2147483000;color:var(--on-navy);cursor:pointer;background-color:#05081c;background-image:radial-gradient(1px 1px at 12% 18%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 78% 12%,#ffd23f 50%,#0000 51%),radial-gradient(2px 2px at 32% 72%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 88% 64%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 55% 30%,#b79cff 50%,#0000 51%),radial-gradient(2px 2px at 8% 86%,#ffd23f 50%,#0000 51%),radial-gradient(1px 1px at 66% 88%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 42% 8%,#fff 50%,#0000 51%);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.intro-stage{text-align:center;justify-items:center;gap:.75rem;display:grid}.intro-stage p{margin:0}.intro-loading{letter-spacing:2px;color:#9fe7ff;text-transform:uppercase;align-items:center;gap:.75rem;font:400 1.25rem/1 VT323,monospace;display:flex}.intro-bar{border:2px solid #9fe7ff;width:10rem;height:.75rem;padding:2px;display:block}.intro-fill{background:#9fe7ff;width:100%;height:100%;display:block}.intro-title{font:600 clamp(1.75rem, 6vw, 3rem) / 1.1 var(--font-pixel);color:var(--yellow);text-shadow:3px 3px #c4161c,6px 6px #05081c;text-transform:uppercase}.intro-tag{font:400 1.25rem/1.2 var(--font-body);color:var(--on-navy);font-style:italic}.intro-skip{min-width:44px;min-height:44px;font:600 1rem/1 var(--font-pixel);color:#000;background:var(--grey-face);cursor:pointer;border:3px outset #fff;padding:.5rem 1rem;position:absolute;bottom:1rem;right:1rem}.intro-skip:before{content:"[ "}.intro-skip:after{content:" ]"}.intro-skip:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.intro{animation:3s linear intro-out}.intro-fill{transform-origin:0;animation:1.2s steps(12,end) both intro-load}.intro-loading{animation:1.4s step-end both intro-hide}.intro-title{animation:.5s cubic-bezier(.2,1.6,.4,1) 1.3s both intro-pop}.intro-tag{animation:.4s ease-out 1.8s both intro-fade}}@keyframes intro-load{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-hide{to{opacity:0}}@keyframes intro-pop{0%{opacity:0;transform:scale(.2)rotate(-6deg)}to{opacity:1;transform:none}}@keyframes intro-fade{0%{opacity:0}to{opacity:1}}@keyframes intro-out{0%,92%{opacity:1}96%{opacity:.6}to{opacity:.2}}