*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--hud-text: rgba(220, 225, 235, .9);--hud-bg: rgba(10, 10, 20, .35);--hud-accent: rgba(140, 160, 220, .8);--hud-danger: rgba(220, 80, 60, .85);--hud-warn: rgba(220, 180, 50, .85);--hud-safe: rgba(80, 200, 120, .85);--font-ui: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Cinzel", "Georgia", serif}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:var(--font-ui);color:var(--hud-text);cursor:none}#game-canvas{display:block;width:100vw;height:100vh;position:fixed;top:0;left:0}.loading-screen{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0a0a14,#12121f 40%,#1a1825);transition:opacity 1.2s ease-out}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center}.loading-title{font-family:var(--font-display);font-size:5rem;font-weight:300;letter-spacing:1.2em;margin-left:1.2em;color:#c8cce0;text-shadow:0 0 60px rgba(140,160,220,.3);margin-bottom:.2em}.loading-subtitle{font-size:.85rem;letter-spacing:.5em;text-transform:uppercase;color:#b4b9c880;margin-bottom:3rem}.loading-bar-container{width:300px;height:2px;background:#ffffff14;margin:0 auto 1rem;border-radius:1px;overflow:hidden}.loading-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--hud-accent),rgba(180,140,255,.8));transition:width .3s ease-out}.loading-status{font-size:.75rem;color:#b4b9c866;letter-spacing:.15em}.hud{position:fixed;inset:0;z-index:100;pointer-events:none;transition:opacity .5s ease}.hud.hidden{opacity:0}.hud-vitals{position:absolute;bottom:2rem;left:2rem;width:100px;height:100px}.hud-wind{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#c8cddc80}.hud-time{position:absolute;top:1.5rem;right:2rem;font-size:.75rem;color:#c8cddc80}.hud-awareness{position:absolute;bottom:2rem;right:2rem;width:80px;height:80px}.hud-debug{position:absolute;top:3.5rem;left:1rem;font-size:.65rem;font-family:SF Mono,Fira Code,monospace;color:#96dc9699;line-height:1.5;white-space:pre}.hud-season{position:absolute;top:2.8rem;right:2rem;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:#c8cddc66}.hud-perception{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);font-size:.6rem;line-height:1.6;color:#c8d2e680;text-align:right;max-height:40vh;overflow:hidden}.hud-vocalization{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;font-size:.6rem;color:#c8d2e680}.hud-territory{position:absolute;top:1.5rem;left:2rem;font-size:.6rem;letter-spacing:.1em;color:#c8d2e666}.overlay-screen{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#05050fb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .4s ease}.overlay-content{text-align:center}.overlay-title{font-family:var(--font-display);font-size:3rem;font-weight:300;letter-spacing:.8em;margin-left:.8em;color:#c8d2e6cc;margin-bottom:2rem}.death-title{color:#dc503cd9;text-shadow:0 0 40px rgba(220,80,60,.2)}.overlay-hint{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:#b4b9c859;margin-top:2rem}.death-stats{font-size:.8rem;color:#c8d2e68c;line-height:2;letter-spacing:.1em}.death-stats .stat-label{color:#c8d2e659;text-transform:uppercase;font-size:.65rem;letter-spacing:.15em}.hidden{display:none!important}