@font-face{font-family:ZombieText;src:url('/assets/body.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#020908;color:#e7eee9;font-family:ZombieText,Arial,sans-serif}body{display:grid;place-items:center;min-height:100svh}.scene{position:relative;width:100vw;height:100svh;overflow:hidden;background:#020908}.scene video,.still,.hotspots{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill}.still{z-index:1;pointer-events:none}.hotspots{z-index:2;overflow:visible}.hotspot{cursor:pointer;outline:none}.glow{fill:#fffde724;stroke:none;filter:blur(4px) drop-shadow(0 0 8px #fffbdc40);animation:breathe 2.8s ease-in-out infinite;pointer-events:none}.hit{fill:transparent;stroke:transparent;stroke-width:16;pointer-events:all}.hotspot:hover .glow,.hotspot:focus-visible .glow{fill:#fffde747;filter:blur(5px) drop-shadow(0 0 12px #fffbdc60);animation:none}.hotspot[hidden],[hidden]{display:none!important}.status{position:absolute;z-index:3;top:20px;left:50%;transform:translateX(-50%);max-width:90%;margin:0;text-align:center;background:#05140be6;border-radius:4px;padding:10px 18px;font-size:14px}.status:empty{display:none}.fallback{position:absolute;z-index:4;left:50%;bottom:30px;transform:translateX(-50%);color:white;padding:12px 20px;background:#05140be6;border:0;box-shadow:0 0 14px #8effbc66}.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}@keyframes breathe{0%,100%{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.glow{animation:none;opacity:.85}}
@font-face{font-family:IslandHorror;src:url('/assets/creepster.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.start-journey{position:absolute;inset:0;z-index:3;width:100%;height:100%;border:0;background:transparent;color:#ecebd4;cursor:pointer;font:inherit;display:flex;align-items:flex-end;justify-content:center;padding:0 20px max(5vh,24px)}
.entrance-title{display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;filter:drop-shadow(0 3px 6px #001b13)}
.entrance-title .welcome{font-family:ZombieText,Arial,sans-serif;font-size:clamp(15px,1.4vw,21px);letter-spacing:.2em;text-shadow:0 1px 6px #000}
.entrance-title .island{font:400 clamp(62px,7.5vw,118px)/1.05 IslandHorror,Impact,fantasy;letter-spacing:.045em;text-shadow:0 3px 1px #183125,0 0 28px #102d1cd9}
.start-journey:hover .island,.start-journey:focus-visible .island{color:#fff9dc;text-shadow:0 3px 1px #183125,0 0 24px #edf3b533}
.start-journey:focus-visible{outline:none}
.title-logo{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:min(82vw,1500px);height:auto;max-height:70svh;object-fit:contain;pointer-events:none;opacity:0;filter:drop-shadow(0 4px 12px #00140999)}