:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101e1c}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}#game{width:100%;height:100%;justify-content:center;align-items:center;height:100dvh;display:flex;overflow:hidden}canvas{image-rendering:pixelated;touch-action:none;flex:none;display:block}body{color:#f8efd7;font-family:system-ui,sans-serif}.hud,.guide,#destination{z-index:1;pointer-events:none;position:fixed}.hud{top:max(20px, env(safe-area-inset-top));text-shadow:0 2px 4px #253a2c;left:22px}.eyebrow{letter-spacing:.2em;font-size:10px;font-weight:700}h1{letter-spacing:-.04em;margin:3px 0;font-size:24px}.hud p{opacity:.85;margin:0;font-size:11px}.guide{bottom:max(16px, env(safe-area-inset-bottom));text-align:center;background:#233d33ed;border:1px solid #a9b28c66;border-radius:8px;width:max-content;max-width:calc(100% - 24px);padding:12px 16px;left:50%;transform:translate(-50%)}.legend{justify-content:center;gap:12px;font-size:11px;display:flex}.guide p{color:#d5ddc4;margin:8px 0 0;font-size:12px}#destination{top:max(120px, calc(env(safe-area-inset-top) + 100px));white-space:nowrap;background:#233d33f2;border:1px solid #e6d8a8;border-radius:6px;padding:12px 20px;font-size:14px;left:50%;transform:translate(-50%)}@media (max-height:450px){.hud{top:10px}.guide{padding:8px 12px;bottom:8px}#destination{top:18px;left:auto;right:18px;transform:none}}