.sound-s-game{--ink:#173848;--paper:#fffdf4;--accent:#16867d;--accent-dark:#126158;--warm:#e7a72e;min-height:100svh;color:var(--ink);font-family:var(--font-nunito), "Arial Rounded MT Bold", sans-serif}.sound-s-game.is-neutral{background:#a9dce5 url(/games/sound-s-board/art/neutral-start.webp) 50%/cover fixed}.sound-s-game.is-cats{--accent:#168b76;--accent-dark:#11614f;--warm:#e6a62b;background:#9fdcc5 url(/games/sound-s-board/art/cat-meadow.webp) 50%/cover fixed}.sound-s-game.is-dragons{--ink:#172f45;--accent:#1674c9;--accent-dark:#123e72;--warm:#df751f;background:#66a9d2 url(/games/sound-s-board/art/dragon-valley.webp) 50%/cover fixed}.sound-s-game.is-retrievers{--ink:#273d43;--accent:#24839b;--accent-dark:#15566d;--warm:#d98a22;background:#8ccfbd url(/games/sound-s-board/art/retriever-park.webp) 50%/cover fixed}.sound-s-game.is-parrots{--ink:#243f3a;--accent:#258b69;--accent-dark:#17624e;--warm:#e59b28;background:#79caae url(/games/sound-s-board/art/parrot-garden.webp) 50%/cover fixed}.sound-s-game.is-couriers{--ink:#253b51;--accent:#168bad;--accent-dark:#175a79;--warm:#e58528;background:#8fd6dd url(/games/sound-s-board/art/courier-city.webp) 50%/cover fixed}.sound-s-game button,.sound-s-game input{font:inherit}.sound-s-game button{cursor:pointer;min-height:46px}.sound-s-game button:focus-visible,.sound-s-game input:focus-visible{outline-offset:3px;outline:4px solid #ffd45d}.sound-s-primary,.sound-s-secondary{border:0;border-radius:16px;padding:12px 20px;font-weight:950}.sound-s-primary{color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 82%, white), var(--accent-dark));box-shadow:0 6px 0 color-mix(in srgb, var(--accent-dark) 82%, black), 0 11px 22px #193b4738}.sound-s-primary:active{box-shadow:0 3px 0 color-mix(in srgb, var(--accent-dark) 82%, black);transform:translateY(3px)}.sound-s-secondary{color:var(--accent-dark);border:2px solid color-mix(in srgb, var(--accent) 45%, white);background:#fffffff0}.sound-s-text-button,.sound-s-back{color:var(--accent-dark);text-underline-offset:4px;background:0 0;border:0;font-weight:850;text-decoration:underline}.sound-s-kicker{color:var(--accent-dark);letter-spacing:.15em;text-transform:uppercase;font-size:.84rem;font-weight:1000;display:block}.sound-s-sprite{--character:0;--sprite-aspect:.5;width:94px;height:auto;aspect-ratio:var(--sprite-aspect);background-position:calc(var(--character) * 25%) center;filter:drop-shadow(0 7px 5px #1f344766);background-repeat:no-repeat;background-size:500% 100%;flex:none;display:inline-block}.sound-s-sprite.is-cats{--sprite-aspect:.5;background-image:url(/games/sound-s-board/art/cat-tokens.webp)}.sound-s-sprite.is-dragons{--sprite-aspect:.6;background-image:url(/games/sound-s-board/art/dragon-tokens.webp)}.sound-s-sprite.is-retrievers{--sprite-aspect:.6;background-image:url(/games/sound-s-board/art/retriever-tokens.webp)}.sound-s-sprite.is-parrots{--sprite-aspect:.5;background-image:url(/games/sound-s-board/art/parrot-tokens.webp)}.sound-s-sprite.is-couriers{--sprite-aspect:.5915;background-image:url(/games/sound-s-board/art/courier-robot-tokens.webp)}.sound-s-sprite.is-parrots[data-character="2"]{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 88%,12% 88%)}.sound-s-sprite.is-cats[data-character="2"]{clip-path:polygon(0 0,94% 0,94% 58%,100% 58%,100% 100%,0 100%)}.sound-s-sprite.is-retrievers[data-character="2"]{clip-path:polygon(0 0,96% 0,96% 72%,100% 72%,100% 100%,0 100%)}.sound-s-sprite.is-small{filter:drop-shadow(0 3px 2px #1f344755);width:38px}.sound-s-menu,.sound-s-setup{place-items:center;padding:24px;display:grid}.sound-s-menu:before,.sound-s-setup:before{content:"";pointer-events:none;background:linear-gradient(135deg,#d9f5ef24,#ffe69a1f);position:fixed;inset:0}.sound-s-menu-card,.sound-s-setup-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#fffdf2ed,#e7f4e9e8);border:2px solid #f8fff7;border-radius:34px;width:min(94vw,900px);padding:clamp(24px,5vw,52px);position:relative;box-shadow:0 25px 80px #153b4b52,inset 0 1px #fff}.sound-s-menu-card{text-align:center;width:min(94vw,760px);overflow:hidden}.sound-s-menu-card h1,.sound-s-setup-card h1{color:var(--accent-dark);margin:6px 0 12px;font-size:clamp(2.1rem,6vw,4.4rem);line-height:.98}.sound-s-menu-card>p{max-width:500px;margin:0 auto 15px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.45}.sound-s-menu-card>button{width:min(100%,380px);margin:7px auto;display:block}.sound-s-menu-heroes{justify-content:center;align-items:flex-end;gap:clamp(3px,1vw,12px);width:100%;height:190px;margin:0 0 10px;display:flex}.sound-s-menu-heroes .sound-s-sprite{width:clamp(48px,12vw,106px)}.sound-s-menu-heroes .sound-s-sprite:first-child{transform:rotate(-5deg)}.sound-s-menu-heroes .sound-s-sprite:last-child{transform:rotate(5deg)}.sound-s-setup-card{margin-block:12px}.is-dragons .sound-s-setup-card{background:linear-gradient(145deg,#f4f9f8f2,#dbe8e8e8);border-color:#d6edff}.sound-s-back{position:absolute;top:14px;left:18px}.sound-s-setup-card>.sound-s-kicker,.sound-s-setup-card>h1{text-align:center}.sound-s-setup-card fieldset{border:0;margin:24px 0;padding:0}.sound-s-setup-card legend{margin-bottom:12px;font-size:1.2rem;font-weight:900}.sound-s-game-type-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sound-s-game-type-grid button{min-height:96px;color:var(--ink);text-align:left;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffffc6;border:3px solid #0000;border-radius:21px;align-content:center;gap:5px;padding:16px 18px;display:grid}.sound-s-game-type-grid button[aria-pressed=true]{border-color:var(--accent);background:#ffffffe3;box-shadow:0 8px 24px #304a7030}.sound-s-game-type-grid strong{color:var(--accent-dark);font-size:1.08rem}.sound-s-game-type-grid span{color:#51676d;font-size:.82rem;line-height:1.35}.sound-s-theme-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.sound-s-theme{height:145px;color:var(--ink);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffffc6;border:3px solid #0000;border-radius:24px;justify-content:center;align-items:center;gap:10px;font-size:1.35rem;font-weight:1000;display:flex;overflow:hidden}.sound-s-theme[aria-pressed=true]{border-color:var(--accent);background:#ffffffe3;box-shadow:0 8px 24px #304a7030}.sound-s-theme .sound-s-sprite{align-self:flex-start;width:86px}.sound-s-counts{flex-wrap:wrap;gap:10px;display:flex}.sound-s-counts button{width:56px;color:var(--ink);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffffc6;border:2px solid #fff;border-radius:16px;font-size:1.3rem;font-weight:1000}.sound-s-counts button[aria-pressed=true]{color:#fff;background:var(--accent);box-shadow:0 5px 0 var(--accent-dark)}.sound-s-player-setup{gap:14px;display:grid}.sound-s-player-row{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffffc8;border-radius:22px;grid-template-columns:minmax(180px,1fr) 2fr;align-items:center;gap:18px;padding:12px 16px;display:grid}.sound-s-player-row label{gap:5px;font-weight:900;display:grid}.sound-s-player-row input[type=text]{width:100%;min-height:48px;color:var(--ink);background:#fff;border:2px solid #c8d5d4;border-radius:14px;padding:9px 13px;font-size:1.1rem}.sound-s-player-identity{gap:9px;display:grid}.sound-s-player-row .sound-s-adult-toggle,.sound-s-adult-settings label{cursor:pointer;align-items:center;gap:9px;width:fit-content;display:flex;position:relative}.sound-s-adult-toggle input,.sound-s-adult-settings input{opacity:0;width:1px;height:1px;position:absolute}.sound-s-adult-toggle>span,.sound-s-adult-settings label>span{pointer-events:none;background:#e4ebe8;border:2px solid #9aabaa;border-radius:999px;flex:none;width:38px;height:22px;transition:background .2s,border-color .2s;position:relative;box-shadow:inset 0 2px 4px #203a4930}.sound-s-adult-toggle>span:after,.sound-s-adult-settings label>span:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #193b474c}.sound-s-adult-toggle input:checked+span,.sound-s-adult-settings input:checked+span{border-color:var(--accent-dark);background:var(--accent)}.sound-s-adult-toggle input:checked+span:after,.sound-s-adult-settings input:checked+span:after{transform:translate(16px)}.sound-s-adult-toggle input:focus-visible+span,.sound-s-adult-settings input:focus-visible+span{outline-offset:3px;outline:4px solid #ffd45d}.sound-s-adult-toggle b{font-size:.84rem}.sound-s-adult-toggle em{color:#4b625f;letter-spacing:.04em;text-transform:uppercase;background:#eef3f0;border:1px solid #a9b9b5;border-radius:999px;padding:3px 8px;font-size:.68rem;font-style:normal}.sound-s-adult-settings{background:#f7fbf5d9;border:1px solid #ffffffd1;border-radius:20px;gap:9px;margin-top:18px;padding:16px 18px;display:grid;box-shadow:inset 0 1px #fff}.sound-s-adult-settings>strong{color:var(--accent-dark);font-size:1rem}.sound-s-adult-settings label{font-weight:950}.sound-s-adult-settings small{color:#536a6b;max-width:620px;font-size:.8rem;line-height:1.4}.sound-s-adult-settings input:disabled+span{opacity:.45}.sound-s-adult-settings label:has(input:disabled){cursor:not-allowed;opacity:.72}.sound-s-character-row{justify-content:space-around;gap:8px;display:flex}.sound-s-character-row button{background:#e7f3ef;border:3px solid #0000;border-radius:18px;width:72px;height:84px;min-height:84px;padding:2px;position:relative;overflow:hidden}.sound-s-character-row button[aria-pressed=true]{border-color:var(--accent);background:#fff1b8;transform:translateY(-3px)}.sound-s-character-row button:disabled{opacity:.28;filter:grayscale();cursor:not-allowed}.sound-s-character-row .sound-s-sprite{width:56px;height:auto}.sound-s-setup-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.sound-s-play{background:#8ebfca;height:100svh;overflow:hidden}.sound-s-topbar{z-index:30;background:#f6fbf2fa;border-bottom:1px solid #ffffffbd;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;height:76px;padding:7px 10px;display:grid;position:relative;box-shadow:0 7px 25px #18334b42}.is-dragons .sound-s-topbar{border-color:#d6edff}.sound-s-topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f6fbf2b8}.sound-s-topbar button{color:var(--ink);background:#fff;border:0;border-radius:13px;font-weight:900}.sound-s-topbar>button{padding:7px 13px}.sound-s-tools{gap:6px;display:flex}.sound-s-tools button{min-width:46px;padding:7px 9px}.sound-s-queue{scrollbar-width:thin;justify-content:center;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.sound-s-queue li{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff78;border-radius:15px;grid-template-rows:1fr 1fr;grid-template-columns:38px minmax(0,1fr);align-items:center;column-gap:5px;min-width:124px;max-width:186px;height:58px;padding:2px 8px;display:grid}.sound-s-queue li.is-active{box-shadow:inset 0 0 0 2px var(--warm), 0 3px 10px #163a4a28;background:#fff0aaad}.sound-s-queue .sound-s-sprite{grid-row:1/3;width:36px}.sound-s-queue span{text-overflow:ellipsis;white-space:nowrap;align-self:end;font-size:.82rem;font-weight:950;overflow:hidden}.sound-s-queue b{color:#5c6d72;align-self:start;font-size:.68rem}.sound-s-map-viewport{overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-color:#fff9 #18384a55;height:calc(100svh - 76px);position:relative;overflow:auto}.sound-s-world{contain:layout paint style;background-position:50%;background-size:cover;width:2200px;height:1200px;position:relative;overflow:hidden;box-shadow:inset 0 0 140px #15334836}.is-cats .sound-s-world{background-image:linear-gradient(#dff8e129,#8fd7b328),url(/games/sound-s-board/art/cat-meadow.webp)}.is-dragons .sound-s-world{background-image:linear-gradient(#0e416b30,#123e5f42),url(/games/sound-s-board/art/dragon-valley.webp)}.is-retrievers .sound-s-world{background-image:linear-gradient(#e6f5d91f,#4c9c8730),url(/games/sound-s-board/art/retriever-park.webp)}.is-parrots .sound-s-world{background-image:linear-gradient(#e5ffe51c,#4a9d6a29),url(/games/sound-s-board/art/parrot-garden.webp)}.is-couriers .sound-s-world{background-image:linear-gradient(#e7fbff1c,#4796a729),url(/games/sound-s-board/art/courier-city.webp)}.sound-s-route{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sound-s-route path{fill:none;stroke-linecap:round;stroke-linejoin:round}.sound-s-route-shadow{stroke:#755e3a52;stroke-width:28px;filter:blur(1px)drop-shadow(0 5px 4px #233b3655)}.sound-s-route-thread{stroke:#d7c28c9c;stroke-width:13px;stroke-dasharray:3 12}.is-cats .sound-s-route-thread{stroke:#b9aa739c}.is-dragons .sound-s-route-shadow{stroke:#233f5b6b}.is-dragons .sound-s-route-thread{stroke:#b4c6c8a8}.sound-s-transitions{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sound-s-transition{opacity:.86;transition:filter .28s,opacity .28s}.sound-s-transition path{fill:none;stroke-linecap:round;stroke-linejoin:round}.sound-s-transition .sound-s-transition-shape{fill:#159879;stroke:#fff4d6;stroke-width:3.5px;filter:drop-shadow(0 4px 3px #17374766)}.sound-s-transition.is-back .sound-s-transition-shape{fill:#ee922f}.sound-s-transition-impulse{fill:none;stroke:#fffdf0;stroke-width:4px;stroke-dasharray:24 900;opacity:0}.sound-s-transition.is-active{opacity:1;filter:brightness(1.12)drop-shadow(0 0 5px #fff3aa)}.sound-s-transition.is-active .sound-s-transition-impulse{opacity:.9;animation:.72s linear infinite sound-s-arrow-light}.sound-s-transition-token{z-index:8;offset-anchor:center;offset-distance:0%;offset-rotate:0deg;pointer-events:none;width:1px;height:1px;animation:.96s cubic-bezier(.42,0,.2,1) forwards sound-s-transition-travel;position:absolute;top:0;left:0}.sound-s-transition-token .sound-s-sprite{width:54px;animation:.32s ease-in-out infinite alternate sound-s-transition-hop;transform:translate(-50%,-58%)}.sound-s-cell{--stage-tint:#b98b4f;z-index:3;isolation:isolate;border:2px solid color-mix(in srgb, var(--stage-tint) 48%, #e9e2bf);background:radial-gradient(circle at 30% 24%,#fffdf2 0 5%,#0000 6%),radial-gradient(circle at 72% 76%,#9b916c22 0 7%,#0000 8%),linear-gradient(145deg,#eee9c9,#c6c39c);border-radius:48% 52% 45% 55%/54% 45% 55% 46%;place-items:center;width:78px;height:76px;transition:transform .28s,filter .28s,box-shadow .28s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 2px 3px 4px #fff9,inset -4px -5px 7px #746d4b38,0 5px #7068499c,0 10px 15px #18384a3b}.is-dragons .sound-s-cell{border-color:color-mix(in srgb, var(--stage-tint) 40%, #bfcfd2);background:radial-gradient(circle at 35% 28%,#eef9f3b8 0 5%,#0000 6%),linear-gradient(145deg,#bcc9c3,#7d969b);border-radius:42% 58% 49% 51%/57% 45% 55% 43%;box-shadow:inset 3px 3px 5px #efffffa8,inset -5px -6px 8px #203d5052,0 5px #415b628f,0 10px 17px #142b4d4d}.is-retrievers .sound-s-cell{border-color:color-mix(in srgb, var(--stage-tint) 44%, #d8cba7);background:radial-gradient(circle at 35% 25%,#fffdf3 0 5%,#0000 6%),linear-gradient(145deg,#f1dfb6,#c7b27c)}.is-parrots .sound-s-cell{border-color:color-mix(in srgb, var(--stage-tint) 44%, #d8cf9f);background:radial-gradient(circle at 34% 24%,#fffde9 0 5%,#0000 6%),linear-gradient(145deg,#e8dfa9,#b9b978)}.is-couriers .sound-s-cell{border-color:color-mix(in srgb, var(--stage-tint) 42%, #bdd7dc);background:radial-gradient(circle at 35% 28%,#f4ffffbd 0 5%,#0000 6%),linear-gradient(145deg,#d4e4df,#8fb5bb);border-radius:42% 58% 49% 51%/57% 45% 55% 43%}.sound-s-cell:nth-of-type(3n){border-radius:54% 46% 57% 43%/44% 58% 42% 56%;width:75px;transform:translate(-50%,-50%)rotate(-1.6deg)}.sound-s-cell:nth-of-type(4n){border-radius:45% 55% 42% 58%/56% 43% 57% 44%;height:79px;transform:translate(-50%,-50%)rotate(1.4deg)}.sound-s-cell.stage-1{--stage-tint:#b49357}.sound-s-cell.stage-2{--stage-tint:#62916d}.sound-s-cell.stage-3{--stage-tint:#6289a0}.sound-s-cell.stage-4{--stage-tint:#9a725e}.is-cats .sound-s-cell:nth-of-type(5n):after{z-index:-1;content:"";background:#5f8e60;border-radius:90% 10%;width:21px;height:10px;position:absolute;bottom:-5px;right:-13px;transform:rotate(-28deg);box-shadow:-7px 5px #7da971}.is-dragons .sound-s-cell:nth-of-type(5n):after{z-index:-1;content:"";background:#83c9d1b8;border-radius:70% 30% 65% 35%;width:12px;height:19px;position:absolute;bottom:-9px;right:-10px;transform:rotate(28deg);box-shadow:0 0 8px #b6ffff}.sound-s-cell strong{color:#1d3646;text-shadow:0 1px #fff;font-size:1.18rem;line-height:1}.sound-s-cell-number{color:#40506a87;font-size:.56rem;font-weight:900;position:absolute;top:4px;left:9px}.sound-s-cell.is-universal{--stage-tint:#728f73}.is-dragons .sound-s-cell.is-universal{--stage-tint:#56829a}.is-retrievers .sound-s-cell.is-universal{--stage-tint:#5d8f83}.is-parrots .sound-s-cell.is-universal{--stage-tint:#5d946c}.is-couriers .sound-s-cell.is-universal{--stage-tint:#5c8da2}.sound-s-cell.is-universal .sound-s-cell-value{letter-spacing:-.04em;font-size:1.55rem;font-weight:1000}.sound-s-special-mark{--mark-deep:#087267;--mark-top:#42d5b3;--mark-bottom:#12927e;z-index:4;color:#fff9df;background:radial-gradient(circle at 29% 23%, #ffffffc9 0 7%, transparent 8%), linear-gradient(145deg, var(--mark-top), var(--mark-bottom));width:38px;height:38px;box-shadow:inset 0 2px 2px #ffffff73, inset 0 -3px 3px #075c4d42, 0 4px 0 var(--mark-deep), 0 7px 10px #17374759;border:2.5px solid #fff3c9;border-radius:47% 53% 45% 55%/55% 47% 53% 45%;padding:5px;position:absolute;top:-10px;right:-10px;overflow:visible;transform:rotate(3deg)}.sound-s-special-mark .mark-outline{fill:none;stroke:currentColor;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round}.sound-s-special-mark .mark-fill{fill:currentColor;stroke:var(--mark-deep);stroke-width:1.25px;stroke-linejoin:round}.sound-s-special-mark .mark-card{fill:#fff7d8;stroke:var(--mark-deep);stroke-width:1.7px}.sound-s-special-mark .mark-dot{fill:var(--mark-deep);stroke:none}.sound-s-special-mark.is-step-back,.sound-s-special-mark.is-rest-turn{--mark-deep:#9a4817;--mark-top:#ffc34d;--mark-bottom:#ed7c28;transform:rotate(-3deg)}.sound-s-cell.is-in-turn-path{filter:brightness(1.08);box-shadow:inset 2px 3px 4px #fff9,inset -4px -5px 7px #746d4b38,0 5px #7068499c,0 0 0 5px #fff6b9a8,0 10px 15px #18384a3b}.sound-s-cell.is-highlighted,.sound-s-cell.is-transition-source,.sound-s-cell.is-transition-target{z-index:9;animation:.65s ease-in-out infinite alternate sound-s-pulse;transform:translate(-50%,-50%)scale(1.18);box-shadow:inset 2px 3px 4px #fff9,0 5px #7068499c,0 0 0 7px #ffed83d4,0 0 28px 12px #fff3a8b8,0 12px 22px #18384a5c}.sound-s-cell.is-transition-target{box-shadow:inset 2px 3px 4px #fff9,0 5px #7068499c,0 0 0 7px #bcefd2d4,0 0 28px 12px #d8ffddb8,0 12px 22px #18384a5c}.sound-s-tokens{z-index:10;align-items:flex-end;display:flex;position:absolute;bottom:39px;left:50%;transform:translate(-50%)}.sound-s-tokens .sound-s-sprite{width:47px;margin-left:-9px}.sound-s-cell.is-highlighted .sound-s-tokens .sound-s-sprite{animation:.8s ease-in-out infinite alternate sound-s-bob}.sound-s-start,.sound-s-finish{z-index:5;color:#fff;letter-spacing:.08em;background:#226752;border-radius:999px;padding:8px 13px;font-size:.84rem;font-weight:1000;position:absolute;box-shadow:0 4px 12px #14243855}.sound-s-finish{background:#b65c23}.sound-s-start-tokens{z-index:7;align-items:flex-end;display:flex;position:absolute}.sound-s-start-tokens .sound-s-sprite{width:46px;margin-left:-9px}.sound-s-pan-hint{z-index:15;color:#25414b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#ffffff9e;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:850;position:fixed;top:88px;left:14px;box-shadow:0 4px 14px #17364b24}.sound-s-hud{z-index:22;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#f9fcf4c4;border:1px solid #ffffffa8;border-radius:24px;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:9px;width:284px;padding:11px;display:grid;position:fixed;bottom:16px;right:16px;box-shadow:0 10px 28px #142b463d}.is-dragons .sound-s-hud{background:#edf4f2b8;border-color:#d6edff80}.sound-s-active{align-items:center;gap:7px;min-width:0;display:flex}.sound-s-active .sound-s-sprite{width:52px}.sound-s-active>span{min-width:0;display:grid}.sound-s-active small{color:#62737b;text-transform:uppercase;font-size:.7rem;font-weight:850}.sound-s-active strong{color:var(--accent-dark);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.sound-s-die{cursor:pointer;width:76px;height:76px;transform-style:preserve-3d;background:linear-gradient(145deg,#fffef8,#e8e0cd);border:2px solid #f1ead6;border-radius:20px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:3px;padding:10px;transition:filter .16s,transform .16s;display:grid;box-shadow:inset 3px 3px 5px #fff,inset -4px -5px 8px #c8baa1,0 7px #9b8c74,0 11px 18px #193b4742}.sound-s-die:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-2px)}.sound-s-die:not(:disabled):active{transform:translateY(3px)}.sound-s-die:focus-visible{outline-offset:4px;outline:4px solid #1f735a}.sound-s-die:disabled{cursor:default;opacity:.88}.sound-s-die span{opacity:0;background:#172b37;border-radius:50%;place-self:center;width:11px;height:11px;box-shadow:inset 0 2px 2px #0008}.sound-s-die span.is-visible{opacity:1}.sound-s-die.is-rolling{animation:.22s linear infinite sound-s-roll}.sound-s-hud-action{text-align:center;grid-column:1/-1;gap:7px;display:grid}.sound-s-hud-action>span{color:#64747b;text-transform:uppercase;font-size:.7rem;font-weight:900}.sound-s-hud-action>strong{font-size:.9rem}.sound-s-turn-card{z-index:21;text-align:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffdf2c7;border:2px solid #ffffffb8;border-radius:23px;gap:8px;width:min(630px,100vw - 620px);min-width:420px;padding:14px 18px;display:grid;position:fixed;bottom:17px;left:50%;transform:translate(-58%);box-shadow:0 15px 42px #142b4645}.sound-s-turn-card.is-hint{pointer-events:none;background:#fffdf2ad;border-color:#ffffffa3;box-shadow:0 9px 28px #142b462b}.sound-s-turn-card.is-universal-hint{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffdf27a;border-color:#ffffff78;gap:4px;box-shadow:0 7px 22px #142b461f}.sound-s-turn-card.is-universal-hint>strong{font-size:clamp(1.05rem,1.8vw,1.45rem)}.sound-s-turn-card>span{color:var(--accent-dark);letter-spacing:.09em;text-transform:uppercase;font-size:.76rem;font-weight:1000}.sound-s-turn-card>strong{color:#183a48;font-size:clamp(1.28rem,2.1vw,2rem);line-height:1.25}.sound-s-turn-card p{margin:0}.sound-s-turn-card em{color:#8a4b0d;font-size:.9rem;font-style:normal;font-weight:950}.sound-s-turn-card>div{justify-content:center;gap:9px;display:flex}.sound-s-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#20314f9c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sound-s-overlay>section{text-align:center;background:#fffdf1;border:2px solid #fff;border-radius:32px;gap:14px;width:min(92vw,560px);padding:clamp(25px,5vw,46px);display:grid;box-shadow:0 24px 80px #0f1e3b80}.sound-s-overlay h2{color:var(--accent-dark);margin:0;font-size:clamp(2rem,5vw,3.7rem)}.sound-s-overlay p{margin:0;font-size:1.15rem}.sound-s-finale>section{width:min(96vw,900px);overflow:hidden}.sound-s-finale-scene{background-image:linear-gradient(#d8f3e047,#52917238),url(/games/sound-s-board/art/cat-meadow.webp);background-position:50% 56%;background-size:cover;border:2px solid #fff9;border-radius:30px;align-content:end;justify-items:center;min-height:330px;padding:150px 20px 18px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -65px 65px #305d4261,inset 0 0 50px #f5ffe491,0 12px 28px #17374735}.sound-s-finale-scene:after{z-index:1;content:"";background:linear-gradient(#77ad6cdb,#376c48f2);border-radius:50% 50% 0 0;height:74px;position:absolute;bottom:-26px;left:-4%;right:-4%;box-shadow:inset 0 8px 16px #b8e59373}.is-dragons .sound-s-finale-scene{background-image:linear-gradient(#b9deee2e,#324c7147),url(/games/sound-s-board/art/dragon-valley.webp);background-position:50% 52%;box-shadow:inset 0 -65px 65px #253d5c75,inset 0 0 50px #d8faff66,0 12px 28px #17374735}.is-dragons .sound-s-finale-scene:after{background:linear-gradient(#71899bd9,#3b5068f2);box-shadow:inset 0 8px 16px #b2d4d95c}.is-retrievers .sound-s-finale-scene{background-image:linear-gradient(#dff5da30,#40846c3d),url(/games/sound-s-board/art/retriever-park.webp);background-position:50% 54%}.is-parrots .sound-s-finale-scene{background-image:linear-gradient(#dff5da24,#387b5338),url(/games/sound-s-board/art/parrot-garden.webp);background-position:50% 54%}.is-couriers .sound-s-finale-scene{background-image:linear-gradient(#e1f8ff24,#3f829238),url(/games/sound-s-board/art/courier-city.webp);background-position:50% 54%}.sound-s-finale-home{z-index:1;aspect-ratio:1223/1286;filter:drop-shadow(0 12px 10px #17374770);background:url(/games/sound-s-board/art/finale-cottage-v2.webp) 50%/contain no-repeat;width:222px;position:absolute;top:-19px;left:50%;transform:translate(-50%)}.sound-s-finale-players{z-index:3;flex-wrap:wrap;justify-content:center;align-items:end;gap:2px 16px;width:min(100%,680px);display:flex;position:relative}.sound-s-finale-players>div{background:0 0;flex:0 112px;justify-items:center;min-width:88px;padding:0;display:grid;position:relative}.sound-s-finale-players>div.is-winner{z-index:4;transform:translateY(-12px)scale(1.1)}.sound-s-finale-players>div.is-winner:before{z-index:-1;content:"";filter:blur(2px);background:radial-gradient(circle,#fff7a7c2,#f5ce5445 56%,#0000 72%);border-radius:50%;width:116px;height:116px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.sound-s-finale-players .sound-s-sprite{filter:drop-shadow(0 8px 5px #17374755);width:92px}.sound-s-finale-players>div:not(.is-winner) .sound-s-sprite{animation:.9s ease-in-out infinite alternate sound-s-finale-cheer}.sound-s-finale-players .is-winner .sound-s-sprite{width:108px;animation:.65s ease-in-out infinite alternate sound-s-winner-bounce}.sound-s-finale-players strong,.sound-s-finale-players span{text-shadow:-1px -1px #fffdf0,1px -1px #fffdf0,-1px 1px #fffdf0,1px 1px #fffdf0,0 3px 5px #17374770}.sound-s-finale-players strong{color:#173747;font-size:.94rem}.sound-s-finale-players span{color:#f7f0d7;font-size:.76rem;font-weight:950}.sound-s-finale-players .is-winner span{color:#8b5519}.sound-s-adult-message{color:#275249;background:#e7f4e8;border-radius:16px;padding:10px 14px;font-weight:850;font-size:.98rem!important}.sound-s-winner-confetti{z-index:-1;pointer-events:none;position:absolute;inset:-36px -26px 32px}.sound-s-winner-confetti i{--x:0px;--y:-58px;--turn:180deg;opacity:0;background:#e9ae32;border-radius:2px;width:7px;height:13px;animation:1.55s ease-out infinite sound-s-confetti-burst;position:absolute;top:58%;left:50%}.sound-s-winner-confetti i:nth-child(2n){background:#54a989}.sound-s-winner-confetti i:nth-child(3n){background:#6f8fd2}.sound-s-winner-confetti i:nth-child(4n){background:#d77e68}.sound-s-winner-confetti i:first-child{--x:-58px;--y:-74px;--turn:-220deg}.sound-s-winner-confetti i:nth-child(2){--x:-34px;--y:-96px;--turn:280deg;animation-delay:-.2s}.sound-s-winner-confetti i:nth-child(3){--x:-8px;--y:-82px;--turn:-170deg;animation-delay:-.45s}.sound-s-winner-confetti i:nth-child(4){--x:24px;--y:-101px;--turn:250deg;animation-delay:-.7s}.sound-s-winner-confetti i:nth-child(5){--x:58px;--y:-69px;--turn:-260deg;animation-delay:-.3s}.sound-s-winner-confetti i:nth-child(6){--x:-72px;--y:-36px;--turn:190deg;animation-delay:-.8s}.sound-s-winner-confetti i:nth-child(7){--x:71px;--y:-31px;--turn:-210deg;animation-delay:-.55s}.sound-s-winner-confetti i:nth-child(8){--x:-48px;--y:-49px;--turn:310deg;animation-delay:-1s}.sound-s-winner-confetti i:nth-child(9){--x:44px;--y:-54px;--turn:-300deg;animation-delay:-.9s}.sound-s-winner-confetti i:nth-child(10){--x:5px;--y:-112px;--turn:220deg;animation-delay:-1.2s}.sound-s-gate{background:#fffdf1;border-radius:28px;width:min(92vw,520px);padding:28px;box-shadow:0 24px 70px #17243d88}.sound-s-gate form{gap:10px;display:grid}.sound-s-gate input{border:2px solid #bbc3ce;border-radius:13px;min-height:48px;padding:8px 12px}.sound-s-gate form>div{gap:10px;display:flex}.sound-s-gate-error{color:#8b283d;min-height:1.3em;font-weight:800}@keyframes sound-s-roll{to{transform:rotate(180deg)scale(.91)}}@keyframes sound-s-pulse{to{transform:translate(-50%,-50%)scale(1.31)}}@keyframes sound-s-bob{to{transform:translateY(-5px)}}@keyframes sound-s-arrow-light{0%{stroke-dashoffset:70px}to{stroke-dashoffset:-900px}}@keyframes sound-s-transition-travel{to{offset-distance:100%}}@keyframes sound-s-transition-hop{to{transform:translate(-50%,-68%)}}@keyframes sound-s-winner-bounce{to{transform:translateY(-7px)rotate(1deg)}}@keyframes sound-s-finale-cheer{to{transform:translateY(-4px)rotate(-1deg)}}@keyframes sound-s-confetti-burst{15%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(var(--x), var(--y)) rotate(var(--turn))}}@media (max-width:1050px){.sound-s-topbar{height:72px}.sound-s-map-viewport{height:calc(100svh - 72px)}.sound-s-turn-card{width:auto;min-width:0;bottom:12px;left:12px;right:300px;transform:none}.sound-s-hud{bottom:12px;right:12px}}@media (max-width:720px){.sound-s-menu,.sound-s-setup{padding:12px}.sound-s-menu-card,.sound-s-setup-card{border-radius:25px}.sound-s-game-type-grid,.sound-s-theme-grid{grid-template-columns:1fr}.sound-s-menu-heroes{height:135px}.sound-s-menu-heroes .sound-s-sprite{width:clamp(46px,13vw,70px)}.sound-s-theme{height:140px}.sound-s-player-row{grid-template-columns:1fr}.sound-s-character-row{gap:3px}.sound-s-character-row button{width:55px;height:74px;min-height:74px}.sound-s-character-row .sound-s-sprite{width:44px}.sound-s-setup-actions{flex-direction:column}.sound-s-topbar{grid-template-rows:45px 48px;grid-template-columns:auto 1fr auto;gap:2px 6px;height:104px;padding:4px 6px}.sound-s-topbar>button span,.sound-s-tools button span{display:none}.sound-s-queue{grid-area:2/1/auto/-1;justify-content:flex-start}.sound-s-queue li{grid-template-columns:31px minmax(0,1fr);min-width:112px;height:47px;padding-inline:6px}.sound-s-queue .sound-s-sprite{width:30px}.sound-s-tools{grid-area:1/3}.sound-s-map-viewport{height:calc(100svh - 104px)}.sound-s-pan-hint{top:112px}.sound-s-hud{border-radius:19px;grid-template-columns:minmax(0,1fr) 60px;width:210px;padding:8px;bottom:8px;right:8px}.sound-s-active .sound-s-sprite{width:42px}.sound-s-die{border-radius:15px;gap:1px;width:57px;height:57px;padding:7px;box-shadow:inset 2px 2px 4px #fff,inset -3px -4px 6px #c8baa1,0 5px #9b8c74,0 8px 14px #193b4738}.sound-s-die span{width:8px;height:8px}.sound-s-hud-action>span{display:none}.sound-s-turn-card{border-radius:19px;padding:11px;bottom:154px;left:8px;right:8px}.sound-s-turn-card>strong{font-size:1.15rem}.sound-s-turn-card>div{flex-direction:column-reverse;gap:5px}.sound-s-turn-card button{width:100%;min-height:44px;padding-block:8px}.sound-s-finale{align-items:start;padding:8px;overflow-y:auto}.sound-s-finale>section{border-radius:24px;gap:9px;width:100%;padding:20px 12px}.sound-s-finale h2{font-size:clamp(1.8rem,9vw,2.8rem)}.sound-s-finale-scene{border-radius:23px;min-height:370px;padding:140px 8px 14px}.sound-s-finale-home{width:190px;top:-5px}.sound-s-finale-players{gap:4px 8px}.sound-s-finale-players>div{flex-basis:82px;min-width:76px}.sound-s-finale-players .sound-s-sprite{width:78px}.sound-s-finale-players .is-winner .sound-s-sprite{width:91px}}@media (prefers-reduced-motion:reduce){.sound-s-map-viewport{scroll-behavior:auto}.sound-s-die.is-rolling,.sound-s-cell.is-highlighted,.sound-s-cell.is-transition-source,.sound-s-cell.is-transition-target,.sound-s-tokens .sound-s-sprite,.sound-s-transition-impulse,.sound-s-transition-token,.sound-s-transition-token .sound-s-sprite,.sound-s-winner-confetti i,.sound-s-finale-players .sound-s-sprite{animation-duration:.001ms;animation-iteration-count:1}.sound-s-cell{transition:none}}
