:root{--ink:#2a2c2a;--ink-dim:#5a6a68;--panel:#f4f0e4eb;--panel-solid:#f4f0e4;--accent:#f0c040;--edge:#1a1c1c;--sky:#b8e0d8;color:var(--ink);background:var(--sky);font-synthesis:none;text-rendering:geometricprecision;font-family:Avenir Next,Avenir,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{background:var(--sky);position:relative}#game-canvas{cursor:grab;touch-action:none;outline:none;width:100vw;height:100vh;display:block}#game-canvas:active{cursor:grabbing}#hud{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));pointer-events:none;gap:8px;display:flex;position:absolute}.hud-panel{border:2.5px solid var(--edge);background:var(--panel);border-radius:10px;min-width:132px;padding:8px 12px;box-shadow:3px 4px #1a1c1c2e}.hud-panel--slim{min-width:96px}.hud-label{color:var(--ink-dim);letter-spacing:.09em;text-transform:uppercase;font-size:.62rem;display:block}.hud-panel strong{margin-top:3px;font-size:1.02rem;font-weight:700;display:block}.hud-panel em{color:var(--accent);font-size:.72rem;font-style:normal;display:block}#minimap-frame{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));pointer-events:none;width:clamp(132px,15vw,190px);position:absolute}#minimap-canvas{aspect-ratio:1;border:2.5px solid var(--edge);border-radius:50%;width:100%;display:block;box-shadow:3px 4px #1a1c1c26}#minimap-legend{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px #f4f0e4cc;justify-content:center;align-items:center;gap:6px;margin-top:6px;font-size:.66rem;display:flex}.minimap-hint{border:2px solid var(--edge);background:var(--panel);color:var(--ink);border-radius:6px;padding:1px 5px}#compass-canvas{border-radius:5px;width:100%;height:23px;margin-top:7px;display:block;box-shadow:0 6px 18px #0c120c4d}.hud-prompt{border:1px solid var(--edge);background:var(--panel);color:var(--ink);letter-spacing:.02em;opacity:0;pointer-events:none;border-radius:4px;padding:8px 14px;font-size:13px;font-weight:600;transition:opacity .16s;position:absolute;bottom:18%;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #0c120c47}.hud-prompt.is-visible{opacity:1}#controls-hint{bottom:max(14px, env(safe-area-inset-bottom));border:1px solid var(--edge);background:var(--panel);color:var(--ink-dim);pointer-events:none;white-space:nowrap;border-radius:999px;margin:0;padding:7px 14px;font-size:.72rem;position:absolute;left:50%;transform:translate(-50%)}#controls-hint b{color:var(--ink)}#touch-controls{right:max(18px, env(safe-area-inset-right));bottom:max(64px, env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:absolute}#touch-stick{aspect-ratio:1;border:1px solid var(--edge);background:var(--panel);pointer-events:auto;touch-action:none;border-radius:50%;width:clamp(96px,24vw,132px);position:relative}#touch-knob{aspect-ratio:1;background:var(--accent);border-radius:50%;width:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px #e0b24f66}#sprint-button{aspect-ratio:1;border:1px solid var(--edge);background:var(--accent);width:clamp(74px,18vw,94px);color:var(--panel-solid);letter-spacing:.06em;text-transform:uppercase;pointer-events:auto;touch-action:none;border-radius:50%;font-family:inherit;font-size:.86rem;font-weight:800}#touch-buttons{pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex}#interact-button{aspect-ratio:1;border:1px solid var(--edge);background:var(--panel-solid);width:clamp(74px,18vw,94px);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;pointer-events:auto;touch-action:none;border-radius:50%;font-family:inherit;font-size:.86rem;font-weight:800}#loading-screen{color:var(--ink);z-index:10;background:radial-gradient(at 50% 40%,#9ee0d8 0%,#7ecfc9 55%,#6ab8b4 100%);flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .42s;display:flex;position:absolute;inset:0}.loading-title{letter-spacing:.06em;text-transform:uppercase;border:3px solid var(--edge);background:#f4f0e4;border-radius:12px;padding:10px 18px;font-size:1.7rem;font-weight:800;box-shadow:4px 5px #1a1c1c33}.loading-note{color:#2a2c2ab3;font-size:.85rem}body.is-loaded #loading-screen{opacity:0;pointer-events:none}@media (pointer:coarse),(width<=820px){#hud{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));flex-wrap:wrap;gap:5px;max-width:60vw}.hud-panel{min-width:88px;padding:5px 8px}.hud-label{font-size:.56rem}.hud-panel strong{font-size:.86rem}.hud-panel em{font-size:.64rem}.hud-panel--slim{display:none}#minimap-frame{top:max(10px, env(safe-area-inset-top));width:clamp(84px,26vw,116px)}#minimap-legend{margin-top:4px;font-size:.56rem}#controls-hint{display:none}#touch-controls{bottom:max(18px, env(safe-area-inset-bottom));display:flex}}