.game-controls {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    padding: 1.5rem 0;
}

.exit-button,
#gameRoot .button {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.1s ease;
    border: 1px solid;
    position: relative;
    text-align: center;
    -webkit-backdrop-filter: blur(6px);
}

.exit-button {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 48px;
    height: 48px;
    border-radius: 999px;
    z-index: 100;
    font-size: 2rem;
    border-bottom-width: 4px;
}

#gameRoot .button {
    padding: 0.75rem 1.5rem;
    border-radius: 1.5rem;
    font-size: 1rem;
    border-bottom-width: 3px;
    outline: solid 3px rgba(255, 255, 255, 0.6);
}

@media (max-width: 480px) {
    #gameRoot .button {
        gap: 4px;
        flex-direction: column;
        padding: 0.5rem 1.25rem;
    }
}

#gameRoot .button span {
    line-height: 1;
    font-size: smaller;
    padding: 4px 8px;
    background: linear-gradient(145deg, #ffffff 0%, #f0f0f0 100%);
    border-radius: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), inset 0 2px 0 rgba(255, 255, 255, 0.8);
    font-weight: normal;
    color: #5a3d8a;
    position: absolute;
    right: -5px;
    top: -8px;

}

.exit-button:hover,
#gameRoot .button:hover:not(:disabled) {
    filter: brightness(1.05);
    transform: translateY(-2px);
}

.exit-button:active,
#gameRoot .button:active:not(:disabled) {
    transform: translateY(2px);
    border-bottom-width: 1px;
}

#gameRoot .button:disabled {
    cursor: not-allowed;
    opacity: 0.5;
    filter: none;
    transform: none;
}

#gameRoot .button.fake:disabled {
    background: rgba(0, 0, 0, 0.2);
    border-color: transparent;
    color: initial;
    cursor: initial;
    opacity: 1;
    box-shadow: none;
    outline: none;
    color: #fff;
}

.exit-button,
#gameRoot .button.red {
    background: linear-gradient(145deg, #f87171, #ef4444);
    border-color: #b91c1c;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 8px rgba(185, 28, 28, 0.3), inset 0 2px 4px rgba(255, 255, 255, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.2);
}

#gameRoot .button.orange {
    background: linear-gradient(145deg, #fb923c, #f97316);
    border-color: #c2410c;
    color: #fff;
    box-shadow: 0 2px 8px rgba(194, 65, 12, 0.3), inset 0 2px 4px rgba(255, 255, 255, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.2);
}

#gameRoot .button.blue {
    background: linear-gradient(145deg, #60a5fa, #3b82f6);
    border-color: #1d4ed8;
    color: #fff;
    box-shadow: 0 2px 8px rgba(29, 78, 216, 0.3), inset 0 2px 4px rgba(255, 255, 255, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.2);
}

#gameRoot .button.green {
    background: linear-gradient(145deg, #4ade80, #22c55e);
    border-color: #15803d;
    color: #fff;
    box-shadow: 0 2px 8px rgba(21, 128, 61, 0.3), inset 0 2px 4px rgba(255, 255, 255, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.2);
}

#gameRoot .button.yellow {
    background: linear-gradient(145deg, #fde047, #facc15);
    border-color: #a16207;
    color: #713f12;
    box-shadow: 0 2px 8px rgba(161, 98, 7, 0.3), inset 0 2px 4px rgba(255, 255, 255, 0.5), inset 0 -2px 4px rgba(0, 0, 0, 0.1);
}


#gameRoot .button.gray {
    background: linear-gradient(145deg, #d1d5db, #9ca3af);
    border-color: #4b5563;
    color: #1f2937;
    box-shadow: 0 4px 10px rgba(75, 85, 99, 0.3), inset 0 2px 4px rgba(255, 255, 255, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.15);
}


#gameRoot .button.neutral {
    background: linear-gradient(145deg, #fafaf9, #e7e5e4);
    border-color: #d6d3d1;
    color: #57534e;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), inset 0 2px 4px rgba(255, 255, 255, 0.8), inset 0 -2px 4px rgba(0, 0, 0, 0.05);
}

/* fix: xcontent -> content */
#gameRoot .button:not(.fake)::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(145deg, rgb(255 238 0 / 80%), transparent);
    border-radius: 40% 40% 80% 100% / 100% 100% 80% 80%;
    pointer-events: none;
    z-index: 0;
    filter: blur(5px);
    mix-blend-mode: screen;
}

/* ikon alapszabály */
#gameRoot .button[class*="icon-"]::before {
    content: '';
    display: block;
    width: 1.25em;
    height: 1.25em;
    background-color: currentColor;
    mask-image: var(--icon);
    -webkit-mask-image: var(--icon);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;

    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;

    flex-shrink: 0;
}


#gameRoot .button.icon-game {
    --icon: var(--icon-game);
}

#gameRoot .button.icon-hint {
    --icon: var(--icon-hint);
}

#gameRoot .button.icon-undo {
    --icon: var(--icon-undo);
}

#gameRoot .button.icon-refresh {
    --icon: var(--icon-refresh);
}

#gameRoot .button.icon-restart {
    --icon: var(--icon-restart);
}

#gameRoot .button.icon-play {
    --icon: var(--icon-play);
}

#gameRoot .button.icon-skip {
    --icon: var(--icon-skip);
}

#gameRoot .button.icon-check {
    --icon: var(--icon-check);
}

#gameRoot .button.icon-star {
    --icon: var(--icon-star);
}

#gameRoot .button.icon-heart {
    --icon: var(--icon-heart);
}

#gameRoot .button.icon-trophy {
    --icon: var(--icon-trophy);
}

#gameRoot .button.icon-crown {
    --icon: var(--icon-crown);
}

#gameRoot .button.icon-gift {
    --icon: var(--icon-gift);
}

#gameRoot .button.icon-shuffle {
    --icon: var(--icon-shuffle);
}

#gameRoot .button.icon-download {
    --icon: var(--icon-download);
}

#gameRoot .button.icon-flash {
    --icon: var(--icon-flash);
}

#gameRoot .button.icon-sparkles {
    --icon: var(--icon-sparkles);
}

#gameRoot .button.icon-award {
    --icon: var(--icon-award);
}

#gameRoot .button.icon-cards {
    --icon: var(--icon-cards);
}

#gameRoot .button.icon-sound-on {
    --icon: var(--icon-sound-on);
}

:root {
    --icon-game: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 513 375" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,-0.0386331,-68.5049)"><path d="M512,363.78C510.8,296.98 502.91,229.43 489.97,161.25C479.43,113.88 441.51,71.69 380.92,68.6C336.19,66.76 327.54,92.24 276.86,91.75C262.98,91.66 249.11,91.66 235.23,91.75C184.54,92.24 175.87,66.76 131.16,68.6C70.56,71.69 31.46,113.77 22.07,161.25C9.12,229.43 1.23,296.97 0.04,363.77C-0.25,410.28 45.67,441.22 75.97,443.34C134.5,447.76 181,344.55 216.43,344.54C242.84,344.69 269.24,344.7 295.65,344.54C331.09,344.54 377.55,447.77 436.12,443.35C466.41,441.23 513.52,410.08 512.01,363.78L512,363.78ZM190.94,233.44L163.64,233.44L163.64,260.74C163.64,272.26 154.3,281.6 142.78,281.6C131.26,281.6 121.92,272.26 121.92,260.74L121.92,233.44L94.62,233.44C83.1,233.44 73.76,224.1 73.76,212.58C73.76,201.06 83.1,191.72 94.62,191.72L121.92,191.72L121.92,164.42C121.92,152.9 131.26,143.56 142.78,143.56C154.3,143.56 163.64,152.9 163.64,164.42L163.64,191.72L190.94,191.72C202.46,191.72 211.8,201.06 211.8,212.58C211.8,224.1 202.46,233.44 190.94,233.44ZM359.51,281.59C343.18,282.03 329.6,269.13 329.16,252.81C328.73,236.43 341.64,222.83 357.96,222.41C374.3,222 387.9,234.89 388.32,251.23C388.73,267.57 375.84,281.17 359.51,281.59ZM408.76,202.74C392.43,203.2 378.82,190.29 378.37,173.96C377.96,157.6 390.85,144.02 407.19,143.57C423.55,143.14 437.13,156.05 437.57,172.39C438,188.72 425.08,202.33 408.76,202.74Z" style="fill-rule:nonzero;"/></g></svg>');

    --icon-hint: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M15.538,18.999l-0.291,1.259c-0.223,0.963 -1.046,1.661 -2.019,1.735l-0.173,0.007l-2.112,0c-0.989,0 -1.855,-0.645 -2.147,-1.576l-0.045,-0.167l-0.29,-1.257l7.077,0Zm-3.538,-16.998c4.004,0 7.25,3.246 7.25,7.25c0,2.137 -0.936,4.093 -2.765,5.841c-0.035,0.034 -0.06,0.077 -0.071,0.125l-0.528,2.283l-7.772,0l-0.526,-2.283c-0.011,-0.048 -0.036,-0.091 -0.071,-0.125c-1.831,-1.748 -2.767,-3.704 -2.767,-5.841c0,-4.004 3.246,-7.25 7.25,-7.25Z"></path></svg>');

    --icon-undo: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 492 492" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M6.005,221.184l184.32,-184.32c5.857,-5.837 14.643,-7.619 22.323,-4.444c7.659,3.154 12.636,10.65 12.636,18.924l0,82.002c117.842,4.833 220.651,84.398 253.583,198.41c14.254,49.439 13.148,89.6 12.739,104.735l-0.082,3.973c0,9.216 -6.164,17.306 -15.032,19.743c-1.823,0.492 -3.645,0.737 -5.448,0.737c-7.086,0 -13.844,-3.707 -17.592,-9.994c-81.121,-136.356 -188.6,-140.227 -228.168,-136.376l0,105.411c0,8.274 -4.977,15.77 -12.636,18.924c-7.68,3.195 -16.466,1.413 -22.323,-4.444l-184.32,-184.32c-8.007,-8.01 -8.007,-20.954 0,-28.961Z" style="fill-rule:nonzero;"/></svg>');

    --icon-refresh: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512"><path d="m432.738 240.986c-25.99 0-47.135 21.145-47.135 47.136 0 71.461-58.141 129.599-129.607 129.599-71.461 0-129.599-58.137-129.599-129.599 0-71.466 58.138-129.607 129.599-129.607h.003l4.294-.001c-6.509 16.75-3.102 36.5 10.223 50.103.116.124.235.247.355.368 18.38 18.379 48.283 18.376 66.661-.001l64.27-64.27c8.776-8.776 13.809-20.926 13.809-33.334 0-12.586-4.905-24.421-13.809-33.326l-64.27-64.27c-18.378-18.378-48.281-18.38-66.673.012-13.607 13.616-17.131 33.553-10.572 50.441h-4.292c-123.447 0-223.878 100.435-223.878 223.887.001 123.445 100.432 223.876 223.879 223.876 123.451 0 223.886-100.431 223.886-223.878 0-25.99-21.145-47.136-47.144-47.136z"/></svg>');

    --icon-restart: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 512 512"><path d="M302.196,462.386l-0,34.133c0,6.206 -7.758,10.085 -12.412,6.206l-131.103,-103.176c-1.552,-1.552 -3.103,-3.879 -3.103,-6.206c0,-2.327 0.776,-4.655 3.103,-6.206l131.103,-103.176c2.327,-1.552 5.43,-2.327 7.758,-0.776c3.103,1.552 4.655,3.879 4.655,6.982l0,34.133c65.939,-3.103 125.673,-45.77 148.945,-108.606c0.776,-3.103 3.879,-4.655 6.982,-4.655c3.103,0 6.206,2.327 6.982,4.655c42.637,114.036 -37.237,241.261 -162.91,246.692Zm-92.394,-241.261l0,-34.133c-65.939,3.103 -125.673,45.77 -148.945,108.606c-0.776,3.103 -3.879,4.655 -6.982,4.655c-3.103,0 -6.206,-2.327 -6.982,-4.655c-20.945,-55.855 -13.188,-118.691 20.945,-167.564c33.358,-48.097 84.558,-76.024 141.964,-78.352l0,-34.133c0,-3.103 1.552,-5.43 4.655,-6.982c2.327,-1.552 6.206,-0.776 8.533,0.776l131.103,103.176c1.552,1.552 3.103,3.879 3.103,6.206c0,2.327 -0.776,4.655 -3.103,6.206l-131.879,102.4c-4.655,3.879 -12.412,0 -12.412,-6.206Z"></path></svg>');

    --icon-skip: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 492 492" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M485.802,221.184l-184.32,-184.32c-5.857,-5.837 -14.643,-7.619 -22.323,-4.444c-7.659,3.154 -12.636,10.65 -12.636,18.924l0,82.002c-117.842,4.833 -220.651,84.398 -253.583,198.41c-14.254,49.439 -13.148,89.6 -12.739,104.735l0.082,3.973c0,9.216 6.164,17.306 15.032,19.743c1.823,0.492 3.645,0.737 5.448,0.737c7.086,0 13.844,-3.707 17.592,-9.994c81.121,-136.356 188.6,-140.227 228.168,-136.376l0,105.411c0,8.274 4.977,15.77 12.636,18.924c7.68,3.195 16.466,1.413 22.323,-4.444l184.32,-184.32c8.007,-8.01 8.007,-20.954 0,-28.961Z" style="fill-rule:nonzero;"/></svg>');

    --icon-play: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path id="_12.Play" d="M57.684,397.231l0,-282.463c0,-58.496 63.336,-95.088 113.936,-65.798l244.683,141.274c50.685,29.206 50.685,102.39 0,131.595l-244.683,141.274c-50.601,29.121 -113.936,-7.386 -113.936,-65.883Z" style="fill-rule:nonzero;"/></svg>');

    --icon-check: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>');

    --icon-star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>');

    --icon-heart: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>');

    --icon-trophy: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z"/></svg>');

    --icon-crown: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5 16L3 5l5.5 5L12 4l3.5 6L21 5l-2 11H5zm14 3c0 .6-.4 1-1 1H6c-.6 0-1-.4-1-1v-1h14v1z"/></svg>');

    --icon-gift: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z"/></svg>');

    --icon-download: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z"/></svg>');

    --icon-flash: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 512 512"><path d="M256,190.72l0,-145.92c-0.009,-8.966 -7.389,-16.339 -16.356,-16.339c-6.089,0 -11.694,3.401 -14.507,8.802l-123.733,236.231c-2.42,4.658 -3.684,9.831 -3.684,15.081c0,17.725 14.406,32.39 32.128,32.706l126.151,-0l0,145.92c0.009,8.966 7.389,16.339 16.356,16.339c6.089,0 11.694,-3.401 14.507,-8.802l123.733,-236.373c2.42,-4.658 3.684,-9.831 3.684,-15.081c0,-17.725 -14.406,-32.39 -32.128,-32.706l-126.151,0.142Z"></path></svg>');

    --icon-sparkles: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z"/></svg>');

    --icon-award: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C9.24 2 7 4.24 7 7c0 2.85 2.92 7.21 5 9.88 2.11-2.69 5-7 5-9.88 0-2.76-2.24-5-5-5zm0 7.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5zM5 20v2h14v-2H5z"/></svg>');


    --icon-shuffle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 512 512"><path d="M302.196,462.386l-0,34.133c0,6.206 -7.758,10.085 -12.412,6.206l-131.103,-103.176c-1.552,-1.552 -3.103,-3.879 -3.103,-6.206c0,-2.327 0.776,-4.655 3.103,-6.206l131.103,-103.176c2.327,-1.552 5.43,-2.327 7.758,-0.776c3.103,1.552 4.655,3.879 4.655,6.982l0,34.133c65.939,-3.103 125.673,-45.77 148.945,-108.606c0.776,-3.103 3.879,-4.655 6.982,-4.655c3.103,0 6.206,2.327 6.982,4.655c42.637,114.036 -37.237,241.261 -162.91,246.692Zm-92.394,-241.261l0,-34.133c-65.939,3.103 -125.673,45.77 -148.945,108.606c-0.776,3.103 -3.879,4.655 -6.982,4.655c-3.103,0 -6.206,-2.327 -6.982,-4.655c-20.945,-55.855 -13.188,-118.691 20.945,-167.564c33.358,-48.097 84.558,-76.024 141.964,-78.352l0,-34.133c0,-3.103 1.552,-5.43 4.655,-6.982c2.327,-1.552 6.206,-0.776 8.533,0.776l131.103,103.176c1.552,1.552 3.103,3.879 3.103,6.206c0,2.327 -0.776,4.655 -3.103,6.206l-131.879,102.4c-4.655,3.879 -12.412,0 -12.412,-6.206Z"></path></svg>');

    --icon-cards: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 512 512"><path d="M492.46,155.084c18.672,10.811 25.087,34.762 14.31,53.38l-128.4,222.462c-10.782,18.614 -34.733,25.03 -53.418,14.283l-38.954,-22.492l69.034,-39.859c32.948,-19.077 44.236,-61.409 25.182,-94.334l-106.895,-185.213l12.835,-22.238c10.782,-18.614 34.733,-25.03 53.418,-14.283l152.874,88.286l0.014,0.008Zm-138.23,148.437c10.784,18.634 4.405,42.585 -14.23,53.375l-152.953,88.314c-18.685,10.747 -42.636,4.331 -53.418,-14.283l-128.399,-222.463c-10.777,-18.618 -4.362,-42.569 14.309,-53.38l0.014,-0.008l152.875,-88.286c18.685,-10.747 42.636,-4.331 53.418,14.283l128.384,222.448Z"></path></svg>');

    --icon-sound-on: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M263.207,38.589c16.012,11.078 25.6,60.695 19.921,267.543l0,16.105c-1.955,90.671 -6.237,154.903 -42.915,154.903c-5.027,-0.093 -9.961,-1.303 -14.336,-3.724c-25.507,-13.033 -81.92,-79.779 -98.583,-101.283c-5.213,-6.703 -21.225,-28.393 -24.483,-34.63c-4.561,0.093 -8.937,0.372 -11.916,0.559c-2.979,0.186 -36.864,3.258 -54.551,-14.615c-15.267,-15.639 -17.873,-72.425 -15.267,-100.911c0.652,-15.639 6.982,-30.534 17.873,-41.891c15.081,-13.033 45.521,-15.732 63.488,-13.684c6.423,-10.147 13.964,-19.549 22.528,-27.927c11.636,-11.636 84.433,-104.169 125.393,-104.169c4.561,-0.093 9.03,1.21 12.847,3.724Zm96.535,146.711c4.282,3.351 8.285,7.075 12.009,11.171c32.116,36.399 28.672,91.974 -7.633,124.09c-1.396,1.117 -2.979,2.048 -4.655,2.793c-1.862,0.652 -3.724,1.21 -5.679,1.583c-1.769,0.372 -3.631,0.559 -5.399,0.559c-10.612,-0.093 -20.387,-5.958 -25.321,-15.36c-6.423,-11.543 -4.748,-25.972 4.282,-35.747c4.561,-5.12 7.261,-11.729 7.54,-18.618c0.465,-9.216 -3.537,-18.06 -10.612,-23.831c-7.82,-5.865 -12.288,-15.174 -12.009,-24.948l0,-2.7c1.396,-10.24 8.192,-18.991 17.78,-22.9c9.868,-4.096 21.225,-2.607 29.696,3.91Zm48.873,-76.707c57.903,29.137 87.971,87.878 82.572,161.513c-3.537,51.107 -29.231,98.118 -70.284,128.745c-5.213,3.817 -11.45,5.772 -17.873,5.772c-2.513,0 -5.027,-0.279 -7.447,-0.931c-8.285,-1.955 -15.267,-7.54 -19.084,-15.174c-1.769,-3.537 -2.886,-7.447 -3.165,-11.45c-0.559,-9.588 3.724,-18.897 11.357,-24.762c26.624,-20.015 43.38,-50.548 45.801,-83.782c1.862,-35.933 -10.333,-83.13 -50.362,-107.427c-13.591,-8.006 -18.711,-25.135 -11.636,-39.191c7.447,-14.708 25.414,-20.666 40.122,-13.312Z"/></svg>');
}