.viewer.svelte-9j69h8{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden}.viewport.svelte-9j69h8{width:100%;height:100%;display:block;touch-action:none;background:radial-gradient(ellipse at 50% 20%,#1a2e24,#0a100e)}.hud.svelte-9j69h8{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .65rem;background:linear-gradient(transparent,#080e0bbf);pointer-events:none}.hint.svelte-9j69h8{margin:0;font-size:.72rem;color:var(--muted)}.btns.svelte-9j69h8{display:flex;gap:.35rem;pointer-events:auto}.btns.svelte-9j69h8 button:where(.svelte-9j69h8){font-size:.72rem;padding:.3rem .55rem}.btns.svelte-9j69h8 button.on:where(.svelte-9j69h8){border-color:var(--accent);color:var(--accent)}