.brand-play { border: 0; padding: 0; background: transparent; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.brand-play .brand-ripple-core { transition: transform 140ms ease, box-shadow 140ms ease; }
.brand-play:hover .brand-ripple-core { transform: translateY(-1px); }
.brand-play:active .brand-ripple-core { transform: translateY(3px) scale(.91); box-shadow: inset 0 3px 7px #72540766, 0 0 18px #c9a22770; }
.brand-play:focus-visible { outline: 2px solid var(--navy); outline-offset: 5px; border-radius: 50%; }
.golden-reveal { position: fixed; inset: 0; z-index: 10000; pointer-events: none; overflow: hidden; opacity: 0; background: radial-gradient(ellipse at var(--glow-x) var(--glow-y), #ffe9a050, transparent 65%), linear-gradient(115deg, transparent 20%, #e2b63a22 45%, #fff1b655 50%, #e2b63a22 55%, transparent 80%); background-size: 100% 100%, 250% 100%; animation: golden-reveal 3.8s ease-in-out both; }
.golden-reveal::after { content: ''; position: absolute; inset: 0; box-shadow: inset 0 0 100px #d8b44255; }
@keyframes golden-reveal { 0% { opacity: 0; background-position: 0 0, 150% 0; } 22% { opacity: 1; } 65% { opacity: .85; } 100% { opacity: 0; background-position: 0 0, -50% 0; } }
@media (prefers-reduced-motion: reduce) {
    .brand-play .brand-ripple-core { transition: none; }
    .brand-play .brand-ripple-ring, .brand-play .brand-ripple-ring::before, .brand-play .brand-ripple-ring::after { animation: none; }
    .golden-reveal { animation: none !important; opacity: 1; background: radial-gradient(ellipse at center, #ffe9a030, #c9a22718); }
}