.qe-container.svelte-cug99u{position:relative;width:100%;height:80vh;overflow:hidden;background:#060612;font-family:Outfit,sans-serif;color:#fff}.qe-canvas.svelte-cug99u{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.ui-overlay.svelte-cug99u{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.title-bar.svelte-cug99u{position:absolute;top:20px;left:0;right:0;text-align:center;z-index:11}.title-bar.svelte-cug99u h1:where(.svelte-cug99u){font-family:Space Mono,monospace;font-size:14px;letter-spacing:4px;text-transform:uppercase;color:#ffffff80;font-weight:400;margin:0}.phase-label.svelte-cug99u{position:absolute;top:52px;left:0;right:0;text-align:center;z-index:11;transition:opacity .5s}.phase-label.svelte-cug99u span:where(.svelte-cug99u){font-size:22px;font-weight:700;background:linear-gradient(90deg,gold,silver);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.narration-box.svelte-cug99u{position:absolute;bottom:80px;left:20px;right:20px;text-align:center;z-index:11}.narration-box.svelte-cug99u p:where(.svelte-cug99u){font-size:16px;line-height:1.5;color:#ffffffd9;font-weight:300;text-shadow:0 2px 20px rgba(0,0,0,.8);margin:0}.distance-indicator.svelte-cug99u{position:absolute;bottom:140px;left:0;right:0;text-align:center;z-index:11;opacity:0;transition:opacity .5s}.distance-indicator.visible.svelte-cug99u{opacity:1}.distance-indicator.svelte-cug99u span:where(.svelte-cug99u){font-family:Space Mono,monospace;font-size:11px;letter-spacing:2px;color:#fff9;background:#0006;padding:4px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.1);text-transform:uppercase}.controls.svelte-cug99u{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:center;gap:12px;z-index:12;pointer-events:all}.btn.svelte-cug99u{pointer-events:all;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#fff;font-family:Space Mono,monospace;font-size:11px;letter-spacing:1px;padding:10px 20px;border-radius:6px;cursor:pointer;text-transform:uppercase;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn.svelte-cug99u:hover{background:#ffffff1f;border-color:#fff6}.btn.primary.svelte-cug99u{background:linear-gradient(135deg,#ffd70033,#c0c0c033);border-color:#ffd70066}.result-badge.svelte-cug99u{position:absolute;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;padding:6px 16px;border-radius:20px;z-index:11;opacity:0;transition:opacity .4s;top:38%;color:#fff}.result-badge.visible.svelte-cug99u{opacity:1}.result-badge.left.svelte-cug99u{left:16px}.result-badge.right.svelte-cug99u{right:16px}