/* V12: cinematic illustration rather than CSS geometry. */
.v12-world{background:radial-gradient(ellipse at center,#096c86 0%,#032943 55%,#031329 100%);padding:0;overflow:hidden;border-top:3px solid #d6a557;position:relative}
.v12-art{position:relative;width:min(100%,1080px);margin:0 auto;line-height:0;box-shadow:0 0 90px #001020a0}
.v12-art img{display:block;width:100%;height:auto;user-select:none}
.v12-door{position:absolute;border:0;background:transparent;color:transparent;cursor:pointer;border-radius:18px;transition:box-shadow .2s,background .2s,transform .2s;touch-action:manipulation}
.v12-door span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.v12-door:hover,.v12-door:focus-visible{background:#e9cd5920;box-shadow:0 0 0 3px #ffdf89,0 0 28px #ffd978;outline:0;transform:scale(1.01)}
/* Coordinates match the illustration and remain proportional at every width. */
.v12-continue{left:13%;top:25%;width:34%;height:27%}
.v12-passport{left:54%;top:25%;width:34%;height:27%}
.v12-library{left:2%;top:60%;width:31%;height:34%}
.v12-tower{left:34%;top:60%;width:32%;height:34%}
.v12-expedition{left:67%;top:60%;width:31%;height:34%}
@media(max-width:700px){.v12-world{border-top-width:2px}.v12-door{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.v12-door{transition:none}}