:root{color-scheme:dark;font-family:Futura,Futura PT,Avenir Next,Arial,sans-serif;--green: #5ba562;--lime: #bed966;--pink: #f7c9c8;--ink: #f7f7ef;--panel: rgba(10, 12, 8, .72);--line: rgba(255, 255, 255, .18)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:radial-gradient(circle at 22% 18%,rgba(190,217,102,.34),transparent 34%),radial-gradient(circle at 78% 76%,rgba(244,197,189,.18),transparent 32%),linear-gradient(135deg,#183a23,#4b9454 48%,#8dc63f)}#app{position:relative}.viewer{position:fixed;inset:0;touch-action:none}.hud{position:fixed;left:20px;top:18px;z-index:3;display:grid;gap:12px;width:min(360px,calc(100vw - 40px));pointer-events:none;transition:width .18s ease;font-family:Futura,Futura PT,Avenir Next,Arial,sans-serif;text-transform:uppercase}.controls{pointer-events:auto;border:1px solid var(--line);background:var(--panel);box-shadow:0 16px 40px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hud-toggle{pointer-events:auto;justify-self:start;display:grid;place-items:center;width:86px;min-height:44px;padding:0 12px;border-color:#bed9668a;background:#0a0c08d1;box-shadow:0 16px 40px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--ink);font-size:15px;font-weight:800}.hud-toggle img{display:block;width:68px;max-width:100%;height:auto}.hud.collapsed{width:86px}.hud.collapsed .controls{display:none}.hud.collapsed .hud-toggle{width:86px;padding:0}.controls{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}button{min-height:36px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--ink);font:inherit;font-size:12px;font-weight:650;letter-spacing:.02em;text-transform:uppercase;cursor:pointer}button:hover,button.active{border-color:#bed966b8;background:#bed9662e}.bayy-watermark{position:fixed;right:18px;bottom:14px;z-index:2;width:clamp(96px,11vw,150px);height:auto;opacity:.86;pointer-events:none}.loader{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 28% 20%,rgba(190,217,102,.28),transparent 34%),linear-gradient(135deg,#183a23,#5ba562);color:#f7f7efb8;font-size:13px;z-index:5}@media(max-width:700px){.hud{left:12px;top:12px;gap:8px;width:min(312px,calc(100vw - 24px))}.hud.collapsed{width:74px}.hud-toggle,.hud.collapsed .hud-toggle{width:74px;min-height:42px;padding:0 10px}.hud-toggle img{width:56px}.controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px;max-width:calc(100vw - 24px)}button{min-height:42px;font-size:10px;line-height:1;padding:0 8px}.bayy-watermark{right:10px;bottom:10px;width:92px;opacity:.82}}@media(max-width:420px){.hud{width:min(264px,calc(100vw - 24px))}.controls{grid-template-columns:1fr 1fr}}