*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0b0f12;font-family:system-ui,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none}canvas{display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;color:#eef2f0}.panel{background:#0c101280;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 12px;font-size:13px;letter-spacing:.02em}.hidden{display:none!important}#topbar{position:absolute;top:14px;left:0;right:0;display:flex;justify-content:center;align-items:flex-start;gap:14px}#seed{pointer-events:auto;cursor:pointer}#seed:hover{border-color:#ffd27a80}#compass{width:380px;height:34px}#fullscreen{position:absolute;top:14px;right:14px;pointer-events:auto;cursor:pointer;color:#eef2f0;font-size:18px;line-height:1;width:38px;height:34px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}#fullscreen:hover,#fullscreen.active{border-color:#ffd27a99;color:#ffd27a}#prompt{position:absolute;left:50%;bottom:22%;transform:translate(-50%);font-size:15px}#prompt .key{display:inline-block;background:#ffffffeb;color:#16201f;border-radius:5px;font-weight:700;padding:1px 8px;margin-right:6px}#toast{position:absolute;left:50%;top:18%;transform:translate(-50%);font-size:16px;padding:10px 22px;border-color:#ffd27a59;transition:opacity .3s}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a12148c,#060a0ce0);cursor:pointer}#overlay-card{text-align:center;padding:44px 64px;background:#0a0e1099;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#overlay-card h1{font-size:42px;font-weight:300;letter-spacing:.45em;margin-bottom:4px;color:#f3efe2}#overlay-card .sub{color:#f0ebd78c;font-size:14px;margin-bottom:26px;letter-spacing:.12em}#controls p{margin:6px 0;font-size:14px;color:#eef2f0d9}#controls b{color:#ffd27a;font-size:16px}#loading{color:#9fe0c8;font-size:15px;animation:pulse 1.4s ease-in-out infinite}#touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;display:none}#touch.visible{display:block}#t-stick{position:absolute;left:26px;bottom:32px;width:128px;height:128px;border-radius:50%;background:#0c101259;border:1.5px solid rgba(255,255,255,.18);pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center}#t-knob{width:54px;height:54px;border-radius:50%;background:#ffffff59;border:1.5px solid rgba(255,255,255,.45)}#t-look{position:absolute;right:0;top:0;width:55%;height:100%;pointer-events:auto;touch-action:none}#t-buttons{position:absolute;right:22px;bottom:32px;display:grid;grid-template-columns:repeat(2,auto);gap:14px;align-items:end;pointer-events:auto}.t-btn{width:60px;height:60px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);background:#0c101273;color:#eef2f0;font-size:22px;font-weight:700;touch-action:none;-webkit-tap-highlight-color:transparent}.t-btn.t-big{width:74px;height:74px;font-size:28px}.t-btn.t-small{width:48px;height:48px;font-size:18px}.t-btn.active{background:#ffd27a66;border-color:#ffd27ab3}.t-btn:active{background:#ffffff40}@media (max-width: 760px){#compass{width:200px}#fps{display:none}#fullscreen{width:46px;height:42px;font-size:22px}#overlay-card{padding:32px 28px}#overlay-card h1{font-size:32px;letter-spacing:.3em}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}