:root{--ink:#f5edff;--mist:#c8aaff66;--deep:#1c1230eb;--glow:#ffc88280}*{box-sizing:border-box}html,body{color:var(--ink);-webkit-font-smoothing:antialiased;opacity:1;background:#1a0f2e;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;background:radial-gradient(at 30% 20%,#ffb48c26,#0000 50%),radial-gradient(at 70% 80%,#b478dc33,#0000 50%),linear-gradient(#1e0f32f2,#0f081efa);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;background:linear-gradient(#fff5e0 0%,#f3c8e8 60%,#c8a8ff 100%);color:#0000;filter:drop-shadow(0 0 30px #dcb4ff66);-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:#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}}#vignette{pointer-events:none;z-index:5;background:radial-gradient(#0000 50%,#00000059 100%);position:fixed;inset:0}