:root{--void: #0a0a0f;--shadow: #1a1a24;--mist: #2a2a3a;--blood: #8b0000;--blood-bright: #cc0000;--moonlight: #e8e8f0;--whisper: #888899;--font-body: "Crimson Text", Georgia, serif;--font-display: "Playfair Display", serif;--transition-slow: .8s ease-in-out;--transition-medium: .4s ease-in-out;--transition-fast: .2s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--void);color:var(--moonlight);cursor:default}#scene-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--void);background-image:url(/images/landing.webp);background-size:cover;background-position:center;transition:opacity var(--transition-slow),background var(--transition-slow)}[data-interaction]{cursor:pointer;transition:all var(--transition-medium)}[data-interaction]:hover{filter:brightness(1.2)}.hint{position:absolute;font-size:.75rem;color:var(--whisper);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;text-transform:lowercase;letter-spacing:.2em}[data-interaction]:hover+.hint,[data-interaction]:hover .hint{opacity:.6}.fog{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 80%,rgba(100,100,120,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(80,80,100,.1) 0%,transparent 50%);animation:fog-drift 30s ease-in-out infinite}@keyframes fog-drift{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.6;transform:translate(20px)}}.reveal{opacity:0;transform:translateY(10px);transition:all var(--transition-slow)}.reveal.visible{opacity:1;transform:translateY(0)}#menu{position:fixed;inset:0;background:#0a0a0ff2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;transition:opacity var(--transition-medium);z-index:100}#menu.hidden{opacity:0;pointer-events:none}#menu a{font-family:var(--font-display);font-size:1.5rem;color:var(--moonlight);text-decoration:none;letter-spacing:.1em;transition:color var(--transition-fast)}#menu a:hover{color:var(--blood-bright)}.audio-toggle{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;border:1px solid var(--mist);border-radius:50%;background:transparent;color:var(--whisper);cursor:pointer;transition:all var(--transition-fast);z-index:50}.audio-toggle:hover{border-color:var(--moonlight);color:var(--moonlight)}.audio-toggle.muted{opacity:.5}.loader{position:fixed;inset:0;background:var(--void);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity 1s ease-out}.loader.fade-out{opacity:0;pointer-events:none}.loader-text{font-family:var(--font-display);font-size:1rem;letter-spacing:.3em;text-transform:uppercase;color:var(--whisper);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@media (max-width: 768px){:root{font-size:14px}.audio-toggle{bottom:1rem;right:1rem}}.landing-gate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10}.gate-form{display:flex;align-items:center;gap:0;padding:.75rem 1.25rem;border:1px solid rgba(232,232,240,.3);background:#0a0a0f99;backdrop-filter:blur(4px)}.gate-prompt{font-family:var(--font-display);font-size:1rem;font-style:italic;color:var(--blood-bright);letter-spacing:.05em;white-space:nowrap}.gate-divider{margin:0 1.5rem;color:#e8e8f066;font-weight:200}.gate-input{font-family:var(--font-body);font-size:1rem;color:var(--moonlight);background:transparent;border:none;outline:none;width:200px;letter-spacing:.02em}.gate-input::placeholder{color:var(--whisper);opacity:.6;font-style:italic}.gate-input:focus::placeholder{opacity:.3}.gate-cursor{color:var(--moonlight);opacity:.8;animation:blink 1s step-end infinite;margin-left:-2px}@keyframes blink{0%,to{opacity:.8}50%{opacity:0}}.gate-input:focus+.gate-cursor{display:none}.gate-message{font-family:var(--font-display);font-size:1.1rem;font-style:italic;color:var(--blood-bright);letter-spacing:.1em;animation:fade-in .6s ease-out}.returning-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 600px){.gate-form{flex-direction:column;gap:1rem;padding:1.5rem 2rem;text-align:center}.gate-divider{display:none}.gate-input{width:100%;text-align:center}.gate-cursor{display:none}}