*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0c0a14}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#start-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;background:radial-gradient(ellipse at 50% 40%,#2820408c,#080610e0);color:#f2e8d8;font-family:system-ui,sans-serif;transition:opacity .6s ease;cursor:pointer;-webkit-user-select:none;user-select:none}#start-overlay.hidden{opacity:0;pointer-events:none}#start-overlay h1{font-size:clamp(42px,8vw,84px);font-weight:300;letter-spacing:.18em;text-shadow:0 0 40px rgba(255,190,130,.55),0 0 90px rgba(255,160,100,.25)}#start-overlay .tagline{font-size:15px;letter-spacing:.3em;opacity:.8;text-transform:uppercase}#start-overlay .controls{font-size:14px;opacity:.75;line-height:1.6}#start-overlay .controls b{color:#ffd9a8;font-weight:600}#start-btn{margin-top:8px;padding:14px 42px;font-size:16px;letter-spacing:.12em;color:#241a10;background:linear-gradient(135deg,#ffd9a8,#f0a868);border:none;border-radius:999px;cursor:pointer;font-weight:600;box-shadow:0 4px 30px #ffaa6466;transition:transform .15s ease,box-shadow .15s ease}#start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 40px #ffaa648c}#hud{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-start;padding:16px}#sound-btn{pointer-events:auto;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,230,200,.35);background:#140e0a59;color:#ffe9cf;font-size:18px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#coords{font-family:ui-monospace,monospace;font-size:12px;color:#ffe6c8b3;background:#140e0a4d;padding:6px 10px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}