.header-sounds{display:flex;gap:4px}.header-sounds button{width:32px;height:34px;border:1px solid #ccff0050;border-radius:8px;color:#cf0;background:#ccff0009;font:800 11px/1 sans-serif;cursor:pointer;transition:background .2s,transform .2s}.header-sounds button:hover{color:#111;background:#cf0;transform:translateY(-2px)}.header-sounds button:focus-visible{outline:2px solid #fff;outline-offset:3px}.sound-dialog{position:fixed;inset:0;width:min(440px,calc(100vw - 32px));margin:auto;padding:32px;border:1px solid #ccff004d;border-radius:20px;background:#101510;color:#f7f9f3;box-shadow:0 24px 100px #0008}.sound-dialog::backdrop{background:#050805b8;backdrop-filter:blur(8px)}.sound-dialog[open]{animation:sound-enter .25s ease-out}.sound-dialog h2{margin:18px 0 12px;font-size:30px;line-height:1.1}.sound-dialog p{color:#c1c9bc;line-height:1.6;font-size:14px}.sound-kicker{color:#cf0;font:800 10px/1.2 sans-serif;letter-spacing:2px}.sound-close{position:absolute;top:8px;right:10px;border:0;padding:8px;background:none;color:#fff;font-size:26px;cursor:pointer}.sound-actions{display:flex;gap:10px;margin-top:20px}.sound-actions button,.sound-stop{min-height:44px;padding:10px 18px;border:1px solid #fff3;border-radius:8px;color:#f7f9f3;background:transparent;font-weight:800;cursor:pointer}.sound-actions [data-play-sound]{flex:1;color:#111;background:#cf0;border-color:#cf0}.sound-stop{width:100%;margin-top:12px}.sound-stop[hidden]{display:none}.sound-actions button:disabled{opacity:.5;cursor:default}@keyframes sound-enter{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media (max-width:1100px){.header-sounds button{width:27px}}@media (max-width:767px){.header-sounds{gap:3px}.header-sounds button{width:25px;height:30px;font-size:10px}.site-header .nav-actions{gap:8px}}@media (prefers-reduced-motion:reduce){.sound-dialog[open]{animation:none}.header-sounds button{transition:none}}