*{box-sizing:border-box}html,body{background:var(--bg,#1a0f2e);color:var(--ink);-webkit-font-smoothing:antialiased;opacity:1;margin:0;padding:0;font-family:Cormorant Garamond,Georgia,serif;transition:opacity .3s;overflow:hidden}canvas{display:block}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}#start-screen{z-index:100;cursor:pointer;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}#start-screen.hidden{opacity:0;pointer-events:none}#start-screen h1{letter-spacing:.12em;text-align:center;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .3em;font-family:Cinzel,serif;font-size:clamp(2.2em,6vw,4em);font-weight:500}#start-screen .tagline{opacity:.75;text-align:center;max-width:28ch;margin:.2em 0;font-size:1.25em;font-style:italic}#start-screen .sign-hint{text-align:center;align-items:center;gap:14px;max-width:340px;margin-top:2em;display:flex}#start-screen .sign-icon{filter:drop-shadow(0 0 8px #c8aaff4d);flex-shrink:0}#start-screen .sign-text{opacity:.65;font-size:.9em;font-style:italic;line-height:1.4}#start-screen .enter{letter-spacing:.25em;border:1px solid var(--mist);background:#2819464d;border-radius:2px;margin-top:2.5em;padding:14px 36px;font-family:Cinzel,serif;font-size:.95em;animation:3.5s ease-in-out infinite breathe}@keyframes breathe{0%,to{box-shadow:0 0 20px #c8aaff26,inset 0 0 20px #c8aaff0d}50%{box-shadow:0 0 50px #c8aaff66,inset 0 0 30px #c8aaff1a}}#start-screen .controls{opacity:.5;letter-spacing:.15em;text-transform:uppercase;margin-top:3em;font-size:.85em}#start-screen .steward-note{color:#dce6dc8c;text-align:center;border-top:1px solid #b4c8b426;max-width:380px;margin-top:2.5em;padding:14px 20px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.78em;line-height:1.6}#crosshair{color:#fff5dc59;pointer-events:none;text-shadow:0 0 8px #0006;font-size:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#bubble{background:linear-gradient(135deg, var(--deep), #371e55eb);border:1px solid var(--mist);max-width:560px;max-height:75vh;color:var(--ink);text-align:center;-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;white-space:pre-line;border-radius:2px;padding:22px 34px;font-size:1.15em;line-height:1.55;transition:opacity .7s,transform .7s;position:fixed;bottom:5vh;left:50%;overflow-y:auto;transform:translate(-50%)translateY(24px);box-shadow:0 12px 40px #00000080,0 0 80px #9664c826,inset 0 1px #ffffff0f}#bubble.visible{opacity:1;transform:translate(-50%)translateY(0)}#bubble .title{letter-spacing:.3em;color:var(--title,#e8c89c);text-transform:uppercase;margin-bottom:10px;font-family:Cinzel,serif;font-size:.85em;font-style:normal;display:block}#bubble .body{font-style:italic}#bubble .personal{border-top:1px solid #c8aaff26;margin-top:16px;padding-top:14px;display:block}#bubble .personal-label{letter-spacing:.2em;text-transform:uppercase;color:#b4c8b499;margin-bottom:8px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.6em;font-style:normal;display:block}#bubble .personal-body{color:#dce6dccc;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.75em;font-style:normal;line-height:1.55;display:block}#hint{letter-spacing:.2em;opacity:.6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e123780;border:1px solid #c8aaff26;border-radius:2px;padding:8px 14px;font-family:Cinzel,serif;font-size:.7em;position:fixed;top:22px;right:22px}#touch-joystick-zone{z-index:12;touch-action:none;width:50%;height:100%;position:fixed;top:0;left:0}#touch-look-zone{z-index:12;touch-action:none;width:50%;height:100%;position:fixed;top:0;right:0}#touch-joystick-knob{pointer-events:none;z-index:13;background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;width:48px;height:48px;margin-top:-24px;margin-left:-24px;position:fixed}.controls-mobile{display:none}@media (pointer:coarse){#hint{display:none}#bubble{width:90vw;max-width:90vw;padding:16px 20px;font-size:.95em;bottom:8vh}.controls-desktop{display:none}.controls-mobile{display:block}}#map-container{z-index:10;pointer-events:none;opacity:0;border:1px solid var(--mist);background:var(--bg);-webkit-backdrop-filter:blur(8px);border-radius:2px;transition:opacity .4s;position:fixed;bottom:16px;left:16px;overflow:hidden;box-shadow:0 8px 30px #00000080,0 0 60px #9664c81a}#map-container.visible{opacity:1}#map-container canvas{display:block}#map-toggle{display:none}@media (pointer:coarse){#map-container{top:16px;bottom:auto}#map-toggle{z-index:14;background:var(--deep);border:1px solid var(--mist);width:44px;height:44px;color:var(--ink);pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:fixed;top:16px;left:16px}#map-container.visible~#map-toggle,#map-container.visible+#map-toggle{top:330px}}#stage-loader{z-index:50;pointer-events:none;background:var(--bg,#1a0f2e);opacity:0;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1s;display:flex;position:fixed;inset:0}#stage-loader.visible{opacity:1}.stage-loader-label{letter-spacing:.35em;text-transform:uppercase;color:var(--ink);opacity:.8;margin-bottom:28px;font-family:Cinzel,serif;font-size:clamp(1em,3vw,1.4em)}.stage-loader-track{background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;width:min(400px,75vw);height:8px;overflow:hidden}.stage-loader-bar{background:linear-gradient(90deg, var(--mist), var(--glow,var(--mist)));width:0;height:100%;box-shadow:0 0 20px var(--glow,var(--mist)), 0 0 8px var(--glow,var(--mist));border-radius:4px;transition:width .3s ease-out}.stage-loader-text{letter-spacing:.2em;color:var(--ink);opacity:.4;margin-top:14px;font-family:Cinzel,serif;font-size:.65em}#vignette{pointer-events:none;z-index:5;background:radial-gradient(#0000 50%,#00000059 100%);position:fixed;inset:0}:root{--ink:#f5edff;--mist:#c8aaff66;--deep:#1c1230eb;--glow:#ffc88280;--bg:#1a0f2e;--title:#e8c89c}#start-screen{background:radial-gradient(at 30% 20%,#ffb48c26,#0000 50%),radial-gradient(at 70% 80%,#b478dc33,#0000 50%),linear-gradient(#1e0f32f2,#0f081efa)}#start-screen h1{background:linear-gradient(#fff5e0 0%,#f3c8e8 60%,#c8a8ff 100%);filter:drop-shadow(0 0 30px #dcb4ff66);-webkit-background-clip:text;background-clip:text}