:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#263f39;background:#b7d6d3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}#world{display:block;width:100vw;height:100dvh;touch-action:none}header{position:absolute;left:32px;top:28px;display:flex;flex-direction:column;gap:5px;pointer-events:none}.brand{font-family:Avenir Next,Segoe UI,sans-serif;font-weight:800;font-size:19px;letter-spacing:4px}.subtitle{font-size:12px;opacity:.65;letter-spacing:1px}nav{position:absolute;right:28px;top:25px;display:flex;gap:8px}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #ffffff7a;background:#f7fff1a8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;width:42px;height:42px;font-size:23px;box-shadow:0 3px 16px #2b504110}button:hover{background:#fff}button:focus-visible{outline:3px solid #b2673d;outline-offset:3px}#status{position:absolute;left:50%;top:28px;transform:translate(-50%);font-size:12px;max-width:40vw;background:#fbfff1d9;padding:10px 16px;border-radius:30px;transition:opacity .7s}#status.ready{opacity:0;pointer-events:none}#hint{position:absolute;bottom:66px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:12px;background:#f9ffe5c9;padding:12px 19px;border-radius:30px;box-shadow:0 5px 25px #29463b12;transition:opacity 2s;pointer-events:none}#hint span,footer span{margin:0 10px;opacity:.4}footer{position:absolute;bottom:24px;left:0;width:100%;text-align:center;font-size:11px;letter-spacing:.4px;pointer-events:none;color:#395349}#instructions{position:absolute;top:83px;right:28px;max-width:365px;background:#fbfff5f2;padding:24px;border-radius:20px;box-shadow:0 12px 40px #25493818;font-size:13px;line-height:1.9}#instructions h2{font:700 20px Avenir Next,Segoe UI,sans-serif;margin:0 0 14px}#instructions small{font-size:10px;opacity:.6}#joystick,#run{display:none}#joystick{position:absolute;width:118px;height:118px;left:25px;bottom:65px;border-radius:50%;border:1px solid #fff7;background:#ffffef36;touch-action:none;align-items:center;justify-content:center}#stick{width:48px;height:48px;background:#f7fff1b8;border:1px solid #fff9;border-radius:50%;box-shadow:0 4px 20px #2b504116}#run{position:absolute;right:35px;bottom:96px;width:65px;height:65px;font-size:12px;font-weight:700;letter-spacing:1px;touch-action:none}#run.active{background:#d8e99c}@media(pointer:coarse){#joystick{display:flex}#run{display:block}#hint{bottom:28px;font-size:10px}footer{display:none}}@media(max-width:600px){header{left:20px;top:22px}.brand{font-size:15px;letter-spacing:3px}.subtitle{font-size:10px}nav{right:18px;top:20px}#status{top:90px;max-width:85vw;width:max-content}#instructions{left:20px;right:20px;top:78px}#hint{max-width:90vw;white-space:normal;text-align:center;font-size:10px}footer{font-size:9px}footer span{margin:0 4px}}#map-panel{position:absolute;right:25px;top:83px;width:min(390px,calc(100vw - 40px));background:#f4f2dded;border:1px solid #fff9;border-radius:20px;padding:20px;box-shadow:0 12px 40px #25493825;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#map-panel svg{display:block;width:100%;background:#a6cbd0;border-radius:13px;margin:14px 0}#map-panel text{font:4px Segoe UI,sans-serif;fill:#314d3c;paint-order:stroke;stroke:#f2efcf;stroke-width:.7px}.map-title{font-size:12px;letter-spacing:2px;font-weight:700}.map-title small{display:block;letter-spacing:0;font-size:11px;font-weight:400;margin-top:6px}#map-panel p{font-size:11px;line-height:1.6;margin:0}footer{max-width:85%;left:7.5%;line-height:1.5}@media(max-width:600px){.subtitle{max-width:190px}nav{gap:5px}nav button{width:34px;height:34px;font-size:19px}header{max-width:55%}#map-panel{right:20px;top:75px}#instructions{z-index:2}}.map-legend{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:11px;color:#435447;margin:0 0 12px;line-height:1.35}