.storm canvas{touch-action:none;width:100%;height:100%;display:block}.storm-sound{right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));z-index:10;cursor:pointer;color:#efe6d8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;opacity:.78;background:#0a090c6b;border:1px solid #f0e1cd4d;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:opacity .7s,background .3s,border-color .3s,transform .15s;display:grid;position:absolute}.storm-sound:active{transform:scale(.93)}.storm-sound:focus-visible{outline-offset:3px;outline:2px solid #f0e1cdd9}.storm-sound.idle{opacity:0;pointer-events:none}.storm-sound.stuck{opacity:1;border-color:#ff8c5ae6}.storm-sound svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;overflow:visible}.storm-sound .spk{fill:currentColor;stroke-width:1.2px}.storm-sound .wave{display:none}.storm-sound.on .wave{animation:1.8s ease-in-out infinite storm-wave;display:inline}.storm-sound.on .wave.w2{animation-delay:.25s}.storm-sound.on .mute{display:none}.storm-sound.hint{animation:2.6s ease-in-out 3 storm-hint}.storm-sound .tip{white-space:nowrap;pointer-events:none;letter-spacing:.03em;color:#efe6d8;opacity:0;background:#0a090c99;border-radius:8px;padding:6px 9px;font:500 12px/1 system-ui,-apple-system,Segoe UI,sans-serif;transition:opacity .25s,transform .25s;position:absolute;right:54px;transform:translate(4px)}@media (hover:hover){.storm-sound:hover{opacity:1;background:#0a090c9e;border-color:#f0e1cd99}.storm-sound:hover .tip{opacity:1;transform:none}}@keyframes storm-wave{0%,to{opacity:.45}50%{opacity:1}}@keyframes storm-hint{0%,to{box-shadow:0 0 #ffbe6e00}50%{box-shadow:0 0 0 5px #ffbe6e29,0 0 18px #ffaa5066}}@media (prefers-reduced-motion:reduce){.storm-sound.hint,.storm-sound.on .wave{animation:none}}.storm-copy{text-shadow:0 1px 18px #020307d9}