:root{--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);color:#102126;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:#c9e8f4}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden}button,input,textarea,select{font:inherit}.app-shell{background:#c9e8f4;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.stadium-canvas{width:100vw;height:100dvh;display:block;position:absolute;inset:0}.stadium-canvas canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.scene-hud{color:#1d2f34;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#fafdffc2;border:1px solid #ffffff94;border-radius:8px;width:min(360px,100vw - 40px);padding:18px 20px;position:absolute;top:clamp(18px,4vw,48px);left:clamp(20px,4vw,56px);box-shadow:0 18px 50px #2c4a5a2e}.scene-hud h1{color:#102126;letter-spacing:0;margin:3px 0 6px;font-size:clamp(30px,4vw,52px);line-height:1}.scene-hud p{color:#486269;max-width:30ch;margin:0;font-size:15px;line-height:1.45}.scene-hud .eyebrow{color:#b33637;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800;line-height:1.2}.game-hud{pointer-events:none;font-family:var(--sans,system-ui, sans-serif);position:absolute;inset:0}.game-score{left:max(clamp(16px, 3vw, 40px), env(safe-area-inset-left));top:max(clamp(14px, 3vw, 36px), env(safe-area-inset-top));color:#102126;background:#fffbe9;border:3px solid #102126;border-radius:999px;padding:10px 18px;font-size:clamp(18px,2.4vw,26px);font-weight:900;position:absolute;box-shadow:0 5px #102126}.game-score span{color:#8a94a3;font-weight:700}.game-banner{letter-spacing:.02em;-webkit-text-stroke:4px #102126;paint-order:stroke fill;font-size:clamp(42px,8vw,100px);font-weight:900;animation:.45s cubic-bezier(.2,2.2,.4,1) both banner-pop;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.game-banner--goal{color:#ffd23f;text-shadow:0 8px #d84315,0 14px 28px #10212659}.game-banner--save{color:#6ec6ff;text-shadow:0 8px #1a5fb4,0 14px 28px #10212659}.game-banner--perfect{color:#fffbe9;text-shadow:0 8px #ff8a1f,0 14px 28px #10212659}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-8deg)}60%{transform:translate(-50%,-50%)scale(1.15)rotate(3deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}.game-power{--p:.15;left:50%;bottom:max(clamp(56px, 10vh, 96px), calc(env(safe-area-inset-bottom) + 40px));background:#fffbe9;border:3px solid #102126;border-radius:999px;width:min(280px,60vw);height:22px;position:absolute;overflow:hidden;transform:translate(-50%);box-shadow:0 4px #102126}.game-power-fill{clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0 round 999px);background:linear-gradient(90deg,#3ddc6b,#ffd23f 55%,#ff5c3c);border-radius:999px;position:absolute;inset:2px}.game-power-zone{background:#ffd23f59;border:2px solid #ffd23f;border-radius:4px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #ffd23fe6}.tutorial-dim{pointer-events:none;background:radial-gradient(70% 60% at 50% 42%,#0000 40%,#0a151a6b 100%);animation:.4s both tutorial-dim-in;position:absolute;inset:0}@keyframes tutorial-dim-in{0%{opacity:0}to{opacity:1}}.tutorial-card{left:50%;bottom:max(clamp(96px, 16vh, 150px), calc(env(safe-area-inset-bottom) + 80px));color:#102126;pointer-events:none;background:#fffbe9;border:3px solid #102126;border-radius:16px;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:10px 14px 10px 12px;animation:.4s cubic-bezier(.2,2,.4,1) both tutorial-pop;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 5px #102126}.tutorial-step{white-space:nowrap;background:#ffd23f;border:2px solid #102126;border-radius:999px;flex:none;padding:4px 9px;font-size:12px;font-weight:900}.tutorial-copy{flex-direction:column;gap:2px;display:flex}.tutorial-text{font-size:clamp(13px,1.7vw,16px);font-weight:800;line-height:1.25}.tutorial-sub{color:#6b7683;font-size:clamp(11px,1.4vw,13px);font-weight:700;line-height:1.25}.tutorial-skip{color:#8a94a3;font:inherit;text-transform:uppercase;cursor:pointer;pointer-events:auto;background:0 0;border:2px solid #102126;border-radius:999px;flex:none;padding:4px 10px;font-size:12px;font-weight:800}.tutorial-skip:hover{color:#102126;background:#10212614}@keyframes tutorial-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}.game-hint{left:50%;bottom:max(clamp(16px, 4vh, 40px), env(safe-area-inset-bottom));text-align:center;color:#fffbe9;letter-spacing:.06em;text-transform:uppercase;background:#102126a6;border-radius:999px;width:max-content;max-width:calc(100vw - 24px);padding:8px 16px;font-size:14px;font-weight:700;position:absolute;transform:translate(-50%)}.loader{z-index:20;opacity:1;background:radial-gradient(at 50% 42%,#d9c7ae,#a58c72);flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .7s;display:flex;position:fixed;inset:0}.loader.is-leaving{opacity:0;pointer-events:none}.loader-stage{width:72px;height:118px;position:relative}.loader-ball{transform-origin:50% 100%;background:radial-gradient(circle at 35% 28%,#ffffffbf,#fff0 48%),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><defs><clipPath id='c'><circle cx='32' cy='32' r='32'/></clipPath></defs><circle cx='32' cy='32' r='32' fill='%23fffbe9'/><g fill='%23233338' clip-path='url(%23c)'><polygon points='32,21 40.6,27.2 37.3,37.3 26.7,37.3 23.4,27.2'/><polygon points='13,0 21,5 18,14 8,14 5,5'/><polygon points='51,0 59,5 56,14 46,14 43,5'/><polygon points='-1,33 7,38 4,47 -6,47 -9,38'/><polygon points='65,33 73,38 70,47 60,47 57,38'/><polygon points='32,52 40,57 37,66 27,66 24,57'/></g></svg>") 50%/100% 100% no-repeat;border-radius:50%;width:52px;height:52px;margin-left:-26px;animation:.85s infinite loader-bounce;position:absolute;bottom:12px;left:50%;box-shadow:inset -4px -6px 10px #785a3c38}@keyframes loader-bounce{0%{animation-timing-function:cubic-bezier(.18,.6,.35,1);transform:translateY(0)scale(1.18,.78)}45%,55%{animation-timing-function:cubic-bezier(.65,0,.82,.4);transform:translateY(-54px)scale(.96,1.04)}to{transform:translateY(0)scale(1.18,.78)}}.loader-shadow{background:#1021264d;border-radius:50%;width:48px;height:12px;margin-left:-24px;animation:.85s infinite loader-shadow;position:absolute;bottom:4px;left:50%}@keyframes loader-shadow{0%{opacity:1;animation-timing-function:cubic-bezier(.18,.6,.35,1);transform:scale(1)}45%,55%{opacity:.45;animation-timing-function:cubic-bezier(.65,0,.82,.4);transform:scale(.55)}to{opacity:1;transform:scale(1)}}.loader-bar{background:#10212629;border-radius:3px;width:190px;height:6px;overflow:hidden}.loader-bar-fill{border-radius:inherit;background:#ff6fa5;height:100%;transition:width .3s}.loader-label{color:#102126b8;font-family:var(--sans,system-ui, sans-serif);letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:800}.ui-overlay{z-index:5;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fffbe9;font-family:var(--sans,system-ui, sans-serif);text-align:center;pointer-events:auto;background:radial-gradient(at 50% 38%,#1021264d,#102126bd);flex-direction:column;justify-content:safe center;align-items:center;gap:26px;animation:.3s both ui-fade;display:flex;position:absolute;inset:0;overflow-y:auto}@keyframes ui-fade{0%{opacity:0}}.ui-overlay--late,.ui-overlay--late .ui-cup{animation-delay:1.1s}.ui-overlay--late .ui-title{animation-delay:1.25s}.ui-overlay--menu{gap:20px}.ui-overlay--menu .ui-logo{width:clamp(220px,32vw,420px)}.ui-title{color:#ffd23f;letter-spacing:.02em;-webkit-text-stroke:4px #102126;paint-order:stroke fill;text-shadow:0 8px #d84315,0 14px 28px #10212659;font-size:clamp(48px,9vw,110px);font-weight:900;animation:.5s cubic-bezier(.2,2.2,.4,1) both ui-pop}@keyframes ui-pop{0%{opacity:0;transform:scale(.2)rotate(-8deg)}60%{transform:scale(1.15)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.ui-logo{filter:drop-shadow(0 12px 24px #10212666);width:clamp(260px,42vw,560px);height:auto;animation:.5s cubic-bezier(.2,2.2,.4,1) both ui-pop}.ui-title--small{font-size:clamp(34px,5vw,60px)}.ui-sub{color:#fffbe9;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;opacity:0;margin-top:10px;font-size:clamp(14px,1.8vw,20px);font-weight:800;animation:.5s .25s both ui-rise}.ui-foot{color:#fffbe9a6;letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:700;animation:.5s .55s both ui-rise}@keyframes ui-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.ui-title--win{color:#3ddc6b;text-shadow:0 8px #1a8a3f,0 14px 28px #10212659}.ui-title--lose{color:#ff5c3c;text-shadow:0 8px #8a1f1f,0 14px 28px #10212659}.ui-menu{flex-direction:column;align-items:stretch;gap:14px;display:flex}.ui-menu .ui-btn{animation:.4s both ui-rise}.ui-menu .ui-btn:first-child{animation-delay:.3s}.ui-menu .ui-btn:nth-child(2){animation-delay:.38s}.ui-menu .ui-btn:nth-child(3){animation-delay:.46s}.ui-btn-icon{object-fit:contain;flex:none;width:1.5em;height:1.5em}.ui-btn:has(.ui-btn-icon){justify-content:flex-start;align-items:center;gap:18px;display:flex}.ui-btn{color:#102126;font:900 clamp(15px, 1.5vw, 20px) var(--sans,system-ui, sans-serif);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#fffbe9;border:3px solid #102126;border-radius:999px;padding:14px 44px;transition:transform .1s;box-shadow:0 5px #102126}.ui-btn:hover{transform:translateY(-2px);box-shadow:0 7px #102126,0 0 26px #ffd23f73}.ui-btn:active{transform:translateY(2px);box-shadow:0 3px #102126}.ui-btn:focus-visible{outline-offset:3px;outline:3px solid #ffd23f}.ui-btn--primary{background:linear-gradient(#ffd23f,#ffb43f)}.ui-btn--mobile{display:none}.ui-about{text-align:left;gap:12px;width:min(520px,100vw - 40px);max-width:520px;font-size:15px;font-weight:600;line-height:1.45;display:grid}.ui-about p{margin:0}.ui-about-lead{color:#fffbe9;text-align:center;text-shadow:0 3px #10212659;font-size:clamp(18px,2.2vw,23px);font-weight:900;line-height:1.25}.ui-about-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1021267a;border:1px solid #fffbe947;border-radius:8px;padding:16px;box-shadow:inset 0 1px #ffffff1a,0 14px 32px #10212629}.ui-about-label{color:#ffd23f;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:900}.ui-about-panel--rule{color:#fffbe9db}.ui-about-panel--rule strong{color:#fff}.ui-about-steps{counter-reset:about-step;gap:8px;margin:0;padding:0;list-style:none;display:grid}.ui-about-steps li{counter-increment:about-step;color:#fffbe9db;grid-template-columns:30px 1fr;align-items:center;gap:10px;min-height:30px;display:grid}.ui-about-steps li:before{content:counter(about-step);color:#102126;background:#ffd23f;border:2px solid #102126;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:grid;box-shadow:0 3px #102126}.ui-about-steps strong{color:#fff;font-weight:900}.ui-credit{letter-spacing:.04em;justify-content:center;align-items:center;gap:14px;font-size:15px;font-weight:800;display:flex}.ui-social{gap:10px;display:flex}.ui-social a{color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .15s,background .15s;display:grid}.ui-social a:hover{background:#ffffff40;transform:translateY(-2px)scale(1.06)}.ui-next{letter-spacing:.06em;text-transform:uppercase;font-size:clamp(16px,2vw,22px);font-weight:800}.ui-scoreline{align-items:center;gap:18px;font-weight:900;animation:.5s .2s both ui-rise;display:flex}.ui-scoreline span{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(16px,2vw,24px)}.ui-scoreline strong{color:#ffd23f;-webkit-text-stroke:3px #102126;paint-order:stroke fill;text-shadow:0 5px #10212699;min-width:1.2em;font-size:clamp(44px,6vw,76px)}.ui-scoreline i{opacity:.6;font-size:clamp(24px,3vw,40px);font-style:normal}.ui-roundintro{z-index:4;color:#fffbe9;font-family:var(--sans,system-ui, sans-serif);letter-spacing:.05em;text-align:center;text-transform:uppercase;pointer-events:none;background:linear-gradient(90deg,#0000,#102126eb 18% 82%,#0000);padding:20px 0 22px;font-size:clamp(26px,4.5vw,54px);font-weight:900;line-height:1.1;animation:2.6s cubic-bezier(.2,.9,.3,1) both roundintro;position:absolute;top:36%;left:0;right:0}.ui-roundintro em{color:#ffd23f;letter-spacing:.3em;margin-bottom:4px;font-size:.38em;font-style:normal;display:block}@keyframes roundintro{0%{opacity:0;transform:translate(-48px)}12%,82%{opacity:1;transform:none}to{opacity:0;transform:translate(48px)}}.ui-cup{font-size:clamp(70px,12vw,140px);animation:.6s cubic-bezier(.2,2.2,.4,1) both ui-pop}.ui-hud-panel{left:max(clamp(14px, 2.6vw, 34px), env(safe-area-inset-left));top:max(clamp(14px, 2.6vw, 34px), env(safe-area-inset-top));z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fffbe9;width:min(348px,64vw);font-family:var(--sans,system-ui, sans-serif);pointer-events:none;background:#09161ed1;border:2px solid #ffffff24;border-radius:18px;position:absolute;overflow:hidden;box-shadow:0 10px 26px #0006}.ui-hud-panel-head{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;padding:9px 14px;display:flex}.ui-hud-stage-label{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:900;overflow:hidden}.ui-hud-lead{letter-spacing:.1em;text-transform:uppercase;color:#fffbe98c;white-space:nowrap;font-size:11px;font-weight:800}.ui-hud-shots{align-items:center;gap:12px;padding:11px 14px 13px;display:flex}.ui-hud-shots-label{letter-spacing:.16em;text-transform:uppercase;color:#fffbe999;font-size:11px;font-weight:800}.ui-hud-pills{gap:9px;display:flex}.ui-pill{flex-direction:column;align-items:center;gap:4px;display:flex}.ui-pill-num{color:#fffbe9d9;border:2px solid #ffffff47;border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;transition:all .2s;display:grid}.ui-pill.is-current .ui-pill-num{color:#fff;background:#2f7bff;border-color:#2f7bff;box-shadow:0 0 0 4px #2f7bff40}.ui-pill-mark{color:#0000;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;font-weight:900;line-height:1;display:grid}.ui-pill.is-goal .ui-pill-mark{color:#fff;background:#35c26a}.ui-pill.is-save .ui-pill-mark{color:#fff;background:#e0503a}.ui-hud-menu{right:max(clamp(14px, 2.6vw, 34px), env(safe-area-inset-right));top:max(clamp(14px, 2.6vw, 34px), env(safe-area-inset-top));z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fffbe9;width:62px;font-family:var(--sans,system-ui, sans-serif);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;pointer-events:auto;background:#09161ed1;border:2px solid #ffffff24;border-radius:18px;flex-direction:column;align-items:center;gap:5px;padding:12px 0 9px;font-size:12px;font-weight:800;transition:transform .12s,background .12s;display:flex;position:absolute;box-shadow:0 8px 22px #00000059}.ui-hud-menu:hover{background:#10232eeb;transform:translateY(-1px)}.ui-hud-menu:active{transform:translateY(1px)}.ui-hud-menu-bars{border-top:2.5px solid;border-bottom:2.5px solid;width:22px;height:15px;position:relative}.ui-hud-menu-bars:after{content:"";border-top:2.5px solid;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ui-hud-score-row{color:#fff;grid-template-columns:1fr auto 1fr;align-items:stretch;display:grid}.ui-hud-team{align-items:center;gap:7px;min-width:0;padding:8px 10px;font-size:12px;font-weight:900;display:flex}.ui-hud-team--you{background:linear-gradient(90deg,#1a4fc4,#2f6fe0)}.ui-hud-team--opp{text-align:right;background:linear-gradient(90deg,#b23636,#932a2a);justify-content:flex-end}.ui-hud-team--opp.is-green{background:linear-gradient(90deg,#2e9c4d,#1f7a3a)}.ui-hud-team--opp.is-yellow{background:linear-gradient(90deg,#e0a92e,#c48a1a)}.ui-hud-team-name{text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ui-hud-team-goals{font-size:22px;line-height:1}.ui-hud-team-icon{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.ui-hud-team-icon img{object-fit:cover;width:100%;height:100%}.ui-hud-vs{letter-spacing:.08em;color:#ffffffbf;background:#0b1a22;place-items:center;padding:0 10px;font-size:11px;font-weight:900;display:grid}.bracket{align-items:stretch;gap:clamp(12px,3vw,34px);max-width:100%;padding:10px 4px;display:flex;overflow-x:auto}.bracket-col{animation:.45s both bracket-col-in;animation-delay:var(--d,0s);flex-direction:column;display:flex}.bracket-matches{flex-direction:column;flex:1;justify-content:space-around;gap:12px;display:flex}@keyframes bracket-col-in{0%{opacity:0;transform:translate(-26px)}}.bracket-stage{color:#ffd23f;letter-spacing:.14em;text-align:center;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:800}.bracket-match{color:#102126;background:#fffbe9;border:3px solid #102126;border-radius:12px;width:168px;overflow:hidden;box-shadow:0 4px #102126}.bracket-match.is-tbd{opacity:.45}.bracket-match.is-current{border-color:#d84315;animation:1.2s ease-in-out infinite bracket-pulse}@keyframes bracket-pulse{50%{transform:scale(1.06);box-shadow:0 4px #102126,0 0 22px #ffd23fe6}}.bracket-team{text-align:left;padding:7px 14px;font-size:14px;font-weight:800}.bracket-team+.bracket-team{border-top:2px solid #10212626}.bracket-team.is-you{color:#d84315}.bracket-team.is-winner{background:#3ddc6b40}.bracket-team.is-out{opacity:.35;text-decoration:line-through}.bracket-cup{text-align:center;align-self:center;padding:8px 16px;font-size:38px}@media (width<=680px){.scene-hud{padding:14px 16px}.app-shell .sound-btn{display:none}.ui-btn--mobile{text-align:center;display:inline-block}.tutorial-card{width:100%;max-width:none;padding:12px 16px calc(12px + env(safe-area-inset-bottom)) 16px;border-width:3px 0 0;border-radius:16px 16px 0 0;gap:10px;bottom:0;left:0;right:0;transform:none;box-shadow:0 -4px #10212640}@keyframes tutorial-pop{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.scene-hud h1{font-size:30px}.ui-overlay{gap:20px}.ui-btn{padding:13px 28px}.game-banner{-webkit-text-stroke:3px #102126}.ui-hud-panel{width:min(228px,100vw - 96px)}.ui-hud-panel-head{padding:7px 11px}.ui-hud-stage-label{font-size:12px}.ui-hud-team{gap:5px;padding:6px 9px;font-size:11px}.ui-hud-team-goals{font-size:17px}.ui-hud-team-icon{width:20px;height:20px}.ui-hud-shots{gap:8px;padding:9px 11px 11px}.ui-hud-shots-label{letter-spacing:.1em;font-size:10px}.ui-hud-team-name,.ui-hud-lead{display:none}.ui-hud-pills{gap:5px}.ui-pill-num{border-width:1.5px;width:20px;height:20px;font-size:11px}.ui-pill.is-current .ui-pill-num{box-shadow:0 0 0 3px #2f7bff40}.ui-pill-mark{width:12px;height:12px;font-size:8px}.bracket-match{width:128px}.bracket-team{padding:6px 10px;font-size:12px}.ui-about{font-size:14px}}.sound-btn{right:max(clamp(14px, 2.6vw, 34px), env(safe-area-inset-right));bottom:max(clamp(14px, 2.6vw, 34px), env(safe-area-inset-bottom));z-index:6;color:#fffbe9;cursor:pointer;pointer-events:auto;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:transform .12s,opacity .12s;display:flex;position:absolute}.sound-btn:hover{transform:translateY(-1px)}.sound-btn:active{transform:translateY(1px)}.sound-btn svg{width:42px;height:22px;overflow:hidden}.sound-btn path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.sound-btn .sw-wave{animation:1.5s linear infinite soundwave}.sound-btn .sw-flat{opacity:0}.sound-btn.muted{color:#8fa6ad}.sound-btn.muted .sw-wave{opacity:0;animation:none}.sound-btn.muted .sw-flat{opacity:.65}@keyframes soundwave{0%{transform:translate(0)}to{transform:translate(-8px)}}