.brand-opening{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 40px);padding:14px 16px;background:#fff;color:#101b2d;box-shadow:0 8px 32px #0002;border:1px solid #dce3ed;border-radius:8px;animation:brand-arrival .35s ease-out both;pointer-events:none;font:14px/1.4 "Segoe UI",sans-serif}
.brand-opening img{width:100px;height:100px;object-fit:contain}
.brand-opening strong{font-weight:650}
.brand-opening button,.brand-sound-toggle{appearance:none;font:inherit;cursor:pointer;border:1px solid currentColor;border-radius:4px;padding:5px 8px;background:transparent;color:inherit}
.brand-opening button{pointer-events:auto;font-size:12px}
.brand-sound-toggle{font:11px/1.4 "Segoe UI",sans-serif;white-space:nowrap;opacity:.85;margin:4px 0}
.brand-opening button:focus-visible,.brand-sound-toggle:focus-visible{outline:2px solid #295fe8;outline-offset:3px}
@keyframes brand-arrival{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.brand-opening{animation:none!important;transition:none!important}}
@media(max-width:480px){.brand-opening{left:12px;right:12px;bottom:12px;max-width:none;gap:10px;padding:12px}.brand-opening img{width:76px;height:76px}}