:root{--color-primary-border:#a78bfa8c;--color-primary-bg:#6d28d947;--color-primary-text:#ddd6fe;--color-success-border:#34d3998c;--color-success-bg:#064e3b66;--color-success-text:#6ee7b7;--color-hud-border:#ffffff40;--color-hud-bg:#080c18db;--color-text-muted:#9ca3af;--color-hud-border-strong:#ffffff59;--color-hud-bg-alpha:#080c18cc}body,html,#root{color:#fff;background-color:#050510;width:100vw;height:100vh;margin:0;padding:0;font-family:sans-serif;overflow:hidden}@keyframes hud-badge-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-content{z-index:1000;background:var(--color-hud-bg);border:1px solid var(--color-hud-border-strong);color:#fff;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;padding:6px 10px;font-size:.85rem;animation:.15s ease-out forwards tooltip-fade-in;position:absolute;box-shadow:0 4px 12px #00000080}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-left{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.tooltip-right{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}@keyframes tooltip-fade-in{0%{opacity:0}to{opacity:1}}.tooltip-content kbd{background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;margin:0 2px;padding:1px 5px;font-family:inherit;font-size:.85em;box-shadow:0 2px #0003}.hud-controls-container{top:max(16px, env(safe-area-inset-top,16px));right:max(16px, env(safe-area-inset-right,16px));z-index:120;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;max-width:calc(100vw - 32px);display:flex;position:fixed}@media (width<=768px){.hud-controls-container{max-width:calc(100vw - 240px)}}.hud-button-pause{min-width:108px;font-size:.95rem}.hud-button-camera{white-space:nowrap;padding:0 14px;font-size:.88rem}.hud-button-camera[aria-pressed=true],.hud-button-cinematic[aria-pressed=true]{border:1px solid var(--color-primary-border)!important;background:var(--color-primary-bg)!important;color:var(--color-primary-text)!important}.hud-button-reduced-motion{width:44px;font-size:1.1rem}.hud-button-reduced-motion[aria-pressed=true]{border:1px solid var(--color-success-border)!important;background:var(--color-success-bg)!important;color:var(--color-success-text)!important}.hud-button-cinematic{width:44px;font-size:1.1rem}.hud-button-help{border:1px solid var(--color-hud-border-strong)!important;background:var(--color-hud-bg-alpha)!important;color:#fff!important;border-radius:999px!important;min-width:74px!important;height:48px!important;padding:0 16px!important;font-size:.95rem!important}