Menú con tres efectos felinos distintos: Garras, Ojos y Colores de Pelo.
// ==UserScript==
// @name Drawaria The Super Cat Fun Play Mod 🐱🐾
// @namespace http://tampermonkey.net/
// @version 1.0
// @description Menú con tres efectos felinos distintos: Garras, Ojos y Colores de Pelo.
// @author YouTubeDrawaria
// @include https://drawaria.online/*
// @include https://*.drawaria.online/*
// @grant GM_addStyle
// @run-at document-idle
// @icon https://www.google.com/s2/favicons?sz=64&domain=drawaria.online
// @license MIT
// ==/UserScript==
(function() {
'use strict';
const MENU_ID = 'cat-menu-container';
const OVERLAY_ID = 'cat-overlay';
const EFFECT_DURATION = 3500; // Duración base para los efectos
// 1. Contenido del SVG
const menuSVG = `
<svg id="cat-fun-play-mod-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" xmlns:bx="https://boxy-svg.com">
<defs>
<style bx:fonts="Aldrich">@import url(https://fonts.googleapis.com/css2?family=Aldrich%3Aital%2Cwght%400%2C400&display=swap);</style>
<filter id="drop-shadow-filter-0" bx:preset="drop-shadow 1 10 10 4 0.5 rgba(0,0,0,0.3)" color-interpolation-filters="sRGB" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="4"/>
<feOffset dx="10" dy="10"/>
<feComponentTransfer result="offsetblur">
<feFuncA id="spread-ctrl" type="linear" slope="1"/>
</feComponentTransfer>
<feFlood flood-color="rgba(0,0,0,0.3)"/>
<feComposite in2="offsetblur" operator="in"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<filter id="outline-filter-0" bx:preset="outline 1 4 #4d53f2" color-interpolation-filters="sRGB" x="-50%" y="-50%" width="200%" height="200%">
<feMorphology in="SourceAlpha" result="dilated" operator="dilate" radius="4"/>
<feFlood flood-color="#4d53f2" result="flood"/>
<feComposite in="flood" in2="dilated" operator="in" result="outline"/>
<feMerge>
<feMergeNode in="outline"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<g transform="matrix(0.284939, 0, 0, 0.284939, 88.891945, 133.130844)">
<g transform="translate(-485.36 -441.3)" style="filter: url("#drop-shadow-filter-0");">
<g transform="matrix(6.6667 0 0 6.6667 -2753.1 -2330)" stroke-width=".084667">
<path d="M 488.721 464.929 L 488.721 401.429 L 615.721 401.429 L 615.721 528.429 L 488.721 528.429 L 488.721 464.929 Z" fill="#f8f8f8"/>
<path d="M 511.348 486.61 L 511.348 423.11 L 638.348 423.11 L 638.348 550.11 L 511.348 550.11 L 511.348 486.61 Z" style="stroke-width: 0.085; fill: rgba(248, 248, 248, 0.23);"/>
<path d="M 500.523 476.731 L 500.523 413.231 L 627.523 413.231 L 627.523 540.231 L 500.523 540.231 L 500.523 476.731 Z M 589.081 530.359 C 589.952 530.209 591.004 529.898 591.63 529.606 L 592.09 529.392 L 590.846 529.497 L 591.144 529.064 C 591.915 527.944 591.551 527.189 590.022 526.736 C 589.77 526.661 589.549 526.615 589.531 526.632 C 589.513 526.65 589.635 526.812 589.801 526.992 C 590.503 527.75 590.857 528.563 590.744 529.163 C 590.698 529.41 590.636 529.49 590.456 529.537 C 590.33 529.57 589.293 529.597 588.153 529.597 C 586.357 529.597 585.968 529.573 585.257 529.418 C 582.778 528.878 582.508 527.749 584.366 525.684 C 584.671 525.345 584.69 525.293 584.636 524.964 C 584.333 523.129 581.808 517.839 578.092 511.254 C 577.573 510.335 576.994 509.288 576.806 508.926 C 576.451 508.248 575.385 506.513 575.248 506.391 C 575.205 506.353 575.335 506.626 575.535 506.999 C 576.878 509.493 577.358 510.419 578.13 512.011 C 580.949 517.818 582.533 522.208 582.709 524.7 C 582.757 525.38 582.75 525.417 582.498 525.811 C 581.842 526.838 581.658 527.973 582.031 528.679 C 582.247 529.087 582.762 529.571 583.235 529.813 C 583.692 530.046 584.927 530.391 585.655 530.489 C 586.398 530.588 588.131 530.523 589.081 530.359 Z M 594.05 528.654 C 594.495 527.745 594.075 527.134 592.731 526.736 C 592.229 526.587 592.126 526.606 592.33 526.809 C 593.206 527.686 593.6 528.639 593.366 529.318 L 593.245 529.668 L 593.539 529.384 C 593.7 529.227 593.93 528.899 594.05 528.654 Z M 587.975 528.714 C 588.377 528.214 588.602 527.656 588.539 527.318 C 588.461 526.905 587.941 526.476 587.26 526.266 C 586.95 526.17 586.658 526.092 586.612 526.092 C 586.566 526.092 586.7 526.283 586.91 526.516 C 587.453 527.12 587.729 527.713 587.729 528.273 C 587.729 528.523 587.69 528.801 587.642 528.891 C 587.49 529.175 587.69 529.069 587.975 528.714 Z M 600.478 527.585 C 600.644 525.713 599.609 523.977 597.839 523.158 C 597.204 522.864 596.998 522.574 596.753 521.629 C 595.99 518.685 596.811 512.061 599.117 502.554 C 599.659 500.317 599.924 499.005 599.919 498.585 C 599.916 498.363 599.916 498.363 599.793 498.575 C 599.725 498.691 599.571 499.11 599.451 499.506 C 598.95 501.152 598.811 501.589 598.735 501.75 C 598.364 502.53 596.552 509.865 595.904 513.209 C 595.144 517.133 595.076 520.714 595.723 522.754 C 596.118 523.996 596.587 524.553 597.823 525.245 C 598.114 525.408 598.648 525.83 599.008 526.182 C 599.792 526.95 600.105 527.544 600.165 528.377 L 600.204 528.928 L 600.314 528.558 C 600.375 528.355 600.448 527.917 600.478 527.585 Z M 559.028 528.263 C 559.028 528.246 558.771 528.061 558.456 527.851 C 555.061 525.584 552.634 522.582 552.586 520.591 C 552.579 520.292 552.579 520.292 552.495 520.546 C 552.351 520.982 552.379 522.683 552.54 523.297 C 553.182 525.743 554.958 527.285 558.054 528.087 C 558.805 528.282 559.028 528.322 559.028 528.263 Z M 565.441 526.56 C 565.477 525.982 565.455 525.809 565.298 525.443 C 564.877 524.466 563.934 524.018 562.118 523.933 L 561.187 523.89 L 561.905 524.059 C 563.584 524.455 564.537 525.302 564.909 526.729 C 564.981 527.003 565.042 527.4 565.046 527.612 L 565.053 527.996 L 565.226 527.62 C 565.334 527.384 565.414 526.989 565.441 526.56 Z M 568.542 527.377 C 568.746 526.65 568.722 525.887 568.479 525.372 C 568.034 524.43 567.115 524.014 565.293 523.932 L 564.32 523.888 L 565.043 524.048 C 566.481 524.365 567.354 524.978 567.877 526.036 C 568.104 526.495 568.191 526.797 568.23 527.257 C 568.258 527.594 568.309 527.869 568.342 527.869 C 568.376 527.869 568.466 527.648 568.542 527.377 Z M 571.085 526.944 C 571.379 525.942 571.219 525.078 570.629 524.473 C 570.038 523.868 568.896 523.542 567.425 523.557 L 566.86 523.563 L 567.583 523.716 C 568.569 523.924 569.22 524.249 569.784 524.816 C 570.448 525.482 570.789 526.284 570.794 527.188 C 570.797 527.654 570.903 527.565 571.085 526.944 Z M 563.261 522.028 C 563.797 521.888 564.502 521.642 564.827 521.482 C 567.235 520.298 568.718 517.542 569.202 513.349 C 569.336 512.189 569.335 508.804 569.199 507.338 C 568.883 503.906 568.603 502.615 567.536 499.676 C 564.211 490.515 559.382 485.68 554.167 486.286 C 553.69 486.341 553.036 486.462 552.713 486.554 C 552.105 486.727 550.789 487.233 550.833 487.276 C 550.846 487.29 551.181 487.202 551.577 487.08 C 552.231 486.88 552.425 486.86 553.735 486.86 C 555.057 486.86 555.236 486.878 555.918 487.087 C 558.847 487.984 561.257 490.327 563.19 494.158 C 564.838 497.424 566.042 501.512 566.948 506.914 C 567.26 508.777 567.26 508.777 567.213 510.978 C 567.164 513.307 567.057 514.328 566.688 515.973 C 566.036 518.88 564.808 520.822 563.065 521.702 C 561.855 522.313 559.788 522.242 557.676 521.519 C 557.281 521.384 556.946 521.286 556.93 521.302 C 556.887 521.345 558.255 521.829 558.872 521.989 C 559.725 522.21 560.963 522.357 561.652 522.319 C 562.001 522.299 562.725 522.168 563.26 522.028 L 563.261 522.028 Z M 591.32 516.043 C 591.44 515.353 591.559 514.408 591.584 513.942 C 591.609 513.476 591.668 512.695 591.714 512.206 C 592.179 507.274 591.582 502.923 590.221 501.326 C 590.005 501.072 590.005 501.072 590.056 501.313 C 590.235 502.148 590.723 505.223 590.898 506.618 C 591.251 509.425 591.327 510.557 591.322 512.926 C 591.318 514.85 591.289 515.386 591.136 516.312 C 590.839 518.114 590.844 518.066 590.983 517.652 C 591.049 517.457 591.2 516.733 591.32 516.043 Z M 514.481 516.455 C 512.659 515.54 511.682 514.39 511.809 513.312 C 511.882 512.697 512.156 512.235 512.839 511.571 C 513.605 510.827 514.911 510.036 516.132 509.577 C 517.931 508.901 520.671 508.316 523.467 508.011 C 525.298 507.811 528.934 507.755 530.785 507.897 C 531.626 507.962 532.391 508.008 532.484 507.999 C 532.986 507.95 537.611 508.515 539.554 508.862 C 540.183 508.974 541.192 509.128 541.798 509.203 C 542.403 509.279 543.07 509.376 543.279 509.42 C 544.036 509.577 544.264 509.599 544.114 509.503 C 543.957 509.402 542.414 509.109 540.274 508.772 C 539.482 508.647 538.568 508.491 538.242 508.424 C 537.35 508.242 534.09 507.845 531.13 507.557 C 529.494 507.399 526.03 507.292 523.891 507.334 C 517.975 507.452 515.009 507.902 512.646 509.041 C 512.034 509.336 511.705 509.566 511.183 510.065 C 510.432 510.783 510.141 511.289 509.832 512.415 C 509.472 513.724 509.721 514.922 510.492 515.599 C 511.288 516.299 512.791 516.742 514.449 516.768 L 515.125 516.778 L 514.481 516.455 Z M 551.292 514.767 C 548.955 511.418 547.538 507.165 547.486 503.346 C 547.478 502.725 547.449 502.216 547.423 502.216 C 547.303 502.215 546.726 503.339 546.531 503.951 C 545.715 506.512 546.65 509.619 549.182 512.756 C 549.787 513.506 551.604 515.423 551.71 515.423 C 551.732 515.423 551.544 515.128 551.292 514.767 Z M 584.803 502.545 C 584.616 501.802 584.543 498.917 584.678 497.588 C 584.952 494.875 585.744 491.422 586.895 487.921 C 587.129 487.208 587.304 486.606 587.282 486.584 C 587.209 486.512 586.191 487.692 585.731 488.382 C 583.71 491.419 583.168 495.96 584.257 500.746 C 584.501 501.819 584.868 503.159 584.906 503.12 C 584.925 503.102 584.878 502.843 584.803 502.545 Z M 572.713 501.608 C 571.474 499.525 570.873 496.93 570.991 494.172 C 571.057 492.634 571.264 491.381 571.567 490.687 C 571.856 490.023 572.106 489.011 572.243 487.949 C 572.382 486.868 572.358 483.32 572.199 481.515 C 572.05 479.823 571.687 476.813 571.56 476.223 C 571.478 475.842 571.478 475.842 571.519 476.308 C 571.749 478.941 571.757 480.322 571.551 482.361 C 571.347 484.391 570.835 486.703 570.135 488.754 C 569.533 490.521 569.483 490.828 569.496 492.691 C 569.521 496.428 570.316 499.342 571.822 501.219 C 572.226 501.723 573.079 502.501 573.15 502.431 C 573.168 502.412 572.972 502.042 572.713 501.608 Z M 600.212 497.651 C 602.153 496.539 604.621 494.18 606.286 491.844 C 607.203 490.558 607.718 489.703 608.478 488.203 C 610.631 483.957 611.82 479.348 612.291 473.429 C 612.478 471.078 612.378 465.302 612.122 463.613 C 612.085 463.37 612.043 463.963 612.008 465.217 C 611.775 473.59 609.811 482.147 606.684 488.416 C 604.698 492.399 602.747 494.998 599.668 497.764 C 599.126 498.251 599.124 498.255 599.499 498.05 C 599.709 497.935 600.03 497.756 600.212 497.652 L 600.212 497.651 Z M 593.869 496.913 C 594.775 496.74 595.395 496.526 596.409 496.036 C 597.766 495.38 598.566 494.826 600.235 493.388 C 601.056 492.681 602.978 490.72 603.044 490.521 C 603.061 490.47 602.833 490.617 602.536 490.848 C 601.343 491.776 599.559 492.858 598.082 493.547 C 596.682 494.201 596.673 494.205 595.731 494.538 C 593.651 495.275 591.745 495.611 589.663 495.611 C 588.703 495.611 588.33 495.638 588.371 495.705 C 588.5 495.914 589.474 496.46 590.166 496.711 C 591.289 497.119 592.454 497.182 593.869 496.913 Z M 546.246 488.959 C 546.827 486.705 548.278 483.569 550.397 479.991 C 551.312 478.444 551.939 477.358 552.596 476.181 C 554.184 473.334 555.295 471.673 558.321 467.622 C 560.204 465.101 563.172 462.679 566.526 460.927 C 567.647 460.342 569.001 459.732 569.689 459.504 C 570.521 459.228 570.062 459.287 568.673 459.635 C 565.547 460.418 562.746 461.706 560.439 463.421 C 557.882 465.322 555.019 468.843 552.028 473.767 C 548.21 480.051 546.706 483.286 545.995 486.74 C 545.655 488.392 545.572 490.28 545.794 491.293 C 545.848 491.538 545.871 491.447 545.924 490.773 C 545.96 490.324 546.104 489.507 546.246 488.959 Z M 571.449 475.484 C 571.427 475.402 571.408 475.449 571.407 475.588 C 571.405 475.728 571.422 475.795 571.446 475.738 C 571.469 475.681 571.47 475.566 571.449 475.484 Z M 578.064 461.661 C 577.502 461.289 576.462 460.217 575.964 459.496 C 575.401 458.682 574.671 457.154 574.41 456.242 C 573.819 454.183 573.689 451.455 574.061 448.934 C 574.096 448.699 574.074 448.72 573.892 449.088 C 573.573 449.736 573.182 450.996 573.031 451.863 C 572.828 453.026 572.909 454.83 573.211 455.903 C 573.672 457.535 574.718 459.146 576.09 460.333 C 576.781 460.931 578.189 461.915 578.353 461.915 C 578.404 461.915 578.274 461.801 578.064 461.661 Z M 590.873 461.479 C 591.39 461.257 592.192 460.686 591.879 460.763 C 590.482 461.107 588.817 461.152 588.239 460.861 C 587.942 460.712 587.942 460.712 588.292 461.069 C 588.95 461.741 589.91 461.893 590.873 461.479 Z M 609.871 459.237 C 611.398 458.317 612.897 456.714 613.66 455.184 C 614.425 453.65 614.732 452.383 614.797 450.485 C 614.85 448.922 614.734 447.851 614.332 446.209 L 614.104 445.278 L 614.047 447.183 C 613.919 451.466 613.042 454.834 611.433 457.224 C 610.986 457.887 610.06 458.885 609.49 459.317 C 609.064 459.64 609.277 459.596 609.871 459.238 L 609.871 459.237 Z M 588.371 457.549 C 588.967 457.19 589.307 456.884 589.485 456.542 C 589.615 456.292 589.615 456.292 589.812 456.68 C 590.071 457.189 590.43 457.48 591.008 457.648 C 591.559 457.808 591.926 457.775 592.54 457.511 C 593.055 457.289 593.072 457.169 592.559 457.374 C 592.059 457.574 591.713 457.546 591.282 457.272 C 590.294 456.643 589.509 455.157 589.509 453.918 C 589.509 453.676 589.476 453.543 589.424 453.575 C 589.377 453.604 589.339 453.835 589.339 454.088 C 589.339 454.418 589.24 454.82 588.990 455.502 C 588.547 456.709 588.318 457.161 587.957 457.545 C 587.591 457.932 587.729 457.934 588.371 457.549 Z M 581.127 457.003 C 581.29 456.865 581.466 456.716 581.518 456.673 C 581.868 456.383 583.718 455.689 584.344 455.612 C 584.507 455.592 584.64 455.569 584.64 455.561 C 584.64 455.553 584.745 455.531 584.873 455.513 C 585.001 455.495 585.211 455.465 585.339 455.447 C 585.467 455.429 585.715 455.41 585.889 455.405 C 586.18 455.396 586.207 455.375 586.207 455.152 C 586.207 454.936 586.172 454.904 585.889 454.863 C 585.35 454.785 584.579 454.875 583.751 455.112 C 583.006 455.326 582.698 455.476 581.931 456.004 C 581.677 456.178 581.008 456.814 580.861 457.02 C 580.642 457.328 580.753 457.321 581.127 457.003 Z M 598.128 455.797 C 597.621 455.375 597.498 455.289 597.214 455.154 C 597.051 455.077 596.898 454.991 596.875 454.963 C 596.78 454.849 595.826 454.547 595.291 454.461 C 594.712 454.369 593.705 454.35 593.319 454.425 C 593.203 454.447 592.981 454.489 592.827 454.517 C 592.574 454.564 592.55 454.594 592.573 454.834 C 592.597 455.075 592.622 455.096 592.853 455.064 C 593.503 454.976 595.068 455.031 596.086 455.178 C 596.752 455.273 597.898 455.709 598.025 455.914 C 598.05 455.955 598.135 455.988 598.213 455.988 C 598.323 455.988 598.302 455.942 598.128 455.797 Z M 578.825 454.426 C 579.003 454.265 579.336 454.074 579.566 454.002 C 579.796 453.929 580.105 453.83 580.253 453.782 C 580.809 453.602 583.04 453.517 583.709 453.651 C 583.849 453.679 584.211 453.741 584.513 453.789 C 584.816 453.837 585.322 453.937 585.637 454.012 C 585.953 454.088 586.229 454.131 586.25 454.11 C 586.272 454.088 586.313 453.954 586.342 453.811 C 586.393 453.552 586.393 453.552 585.643 453.379 C 583.469 452.878 581.782 452.788 580.583 453.109 C 579.461 453.409 579.353 453.47 578.63 454.206 C 578.289 454.554 578.222 454.718 578.422 454.718 C 578.466 454.718 578.647 454.586 578.825 454.426 Z M 593.959 453.612 C 595.316 453.146 596.655 452.885 597.772 452.867 C 598.326 452.858 598.989 452.892 599.245 452.941 C 599.501 452.989 599.792 453.043 599.891 453.061 C 600.131 453.102 600.432 453.262 600.659 453.469 C 600.766 453.566 600.903 453.616 600.98 453.587 C 601.217 453.496 600.432 452.808 599.753 452.511 C 599.423 452.366 598.241 452.178 597.664 452.178 C 596.742 452.178 594.419 452.729 593.208 453.235 C 592.892 453.367 592.892 453.367 593.023 453.619 C 593.095 453.758 593.164 453.871 593.178 453.871 C 593.191 453.871 593.542 453.754 593.959 453.611 L 593.959 453.612 Z M 588.993 452.398 C 588.974 452.38 588.646 452.134 588.265 451.852 C 587.884 451.57 587.53 451.262 587.479 451.166 C 587.352 450.93 587.196 450.943 587.269 451.183 C 587.47 451.851 587.693 452.094 588.303 452.311 C 588.595 452.416 589.075 452.476 588.993 452.398 Z M 591.253 451.278 C 591.528 451.101 592.17 450.739 592.68 450.473 C 593.537 450.026 593.59 449.984 593.372 449.929 C 593.004 449.837 592.356 449.946 591.849 450.186 C 591.293 450.449 590.425 451.338 590.066 452.011 L 589.819 452.474 L 590.287 452.037 C 590.544 451.796 590.979 451.454 591.253 451.278 Z M 585.353 447.305 C 586.005 446.95 586.507 446.352 586.714 445.684 C 587.028 444.666 586.956 444.476 586.111 444.103 C 585.369 443.775 584.709 443.679 583.593 443.739 C 582.098 443.82 582.106 443.817 581.897 444.363 C 581.395 445.674 582.017 446.978 583.387 447.489 C 583.909 447.683 584.813 447.599 585.353 447.305 Z M 583.524 446.907 C 583.296 446.554 583.23 446.323 583.228 445.87 C 583.224 445.261 583.366 444.694 583.608 444.347 C 583.929 443.887 584.02 443.889 584.219 444.364 C 584.529 445.106 584.454 445.958 584.019 446.653 C 583.789 447.021 583.644 447.095 583.524 446.907 Z M 588.413 446.113 C 589.006 444.939 588.752 444.106 587.625 443.531 C 587.44 443.437 587.304 443.391 587.322 443.43 C 587.341 443.468 587.497 443.784 587.67 444.132 C 588.084 444.966 588.099 445.529 587.731 446.45 C 587.591 446.798 587.477 447.154 587.477 447.239 C 587.477 447.48 588.104 446.726 588.413 446.113 Z M 599.118 447.027 C 599.814 446.697 600.466 445.981 600.652 445.341 C 600.803 444.822 600.862 444.228 600.791 443.954 C 600.693 443.58 599.321 443.234 598.241 443.311 C 597.641 443.354 596.536 443.599 596.018 443.804 C 595.754 443.909 595.601 444.342 595.593 445.009 C 595.573 446.633 597.554 447.767 599.119 447.027 L 599.118 447.027 Z M 597.409 446.569 C 597.071 446.043 596.992 445.597 597.123 444.963 C 597.232 444.441 597.668 443.68 597.829 443.733 C 597.988 443.785 598.289 444.371 598.349 444.743 C 598.418 445.173 598.284 445.674 597.951 446.23 C 597.685 446.675 597.537 446.767 597.409 446.569 Z M 594.553 446.224 C 594.232 444.99 594.834 443.286 595.833 442.599 C 596.644 442.041 597.665 441.71 599.58 441.386 C 600.299 441.265 600.906 441.147 600.927 441.126 C 600.949 441.104 600.532 441.087 600 441.087 C 597.09 441.089 595 441.963 594.246 443.493 C 593.924 444.148 593.866 444.53 593.987 445.193 C 594.074 445.668 594.561 446.815 594.641 446.735 C 594.661 446.715 594.621 446.485 594.553 446.224 Z M 575.194 444.05 C 575.503 443.286 576.132 442.12 576.515 441.599 C 576.895 441.083 577.099 440.913 577.782 440.54 C 578.113 440.359 578.15 440.32 577.951 440.364 C 577.666 440.425 577.416 440.59 576.454 441.348 C 575.026 442.472 574.271 443.861 574.27 445.362 C 574.27 446.35 574.349 446.356 574.692 445.395 C 574.865 444.911 575.091 444.306 575.194 444.05 Z M 587.855 439.033 C 586.993 437.236 586.52 435.496 586.514 434.102 C 586.51 433.203 586.665 432.491 586.981 431.948 C 587.084 431.771 587.102 431.697 587.027 431.759 C 586.806 431.943 586.292 433.073 586.12 433.755 C 585.638 435.672 586.177 437.539 587.772 439.472 C 588.005 439.754 588.222 439.985 588.254 439.985 C 588.286 439.986 588.107 439.557 587.855 439.033 Z M 594.376 437.044 C 594.376 435.612 594.405 433.871 594.441 433.176 C 594.476 432.481 594.488 431.93 594.467 431.951 C 594.402 432.016 593.925 433.972 593.777 434.779 C 593.563 435.946 593.519 437.871 593.691 438.543 C 593.817 439.034 594.165 439.647 594.317 439.647 C 594.35 439.647 594.376 438.476 594.376 437.044 Z M 575.09 437.721 C 575.016 436.221 574.681 435.134 573.998 434.179 C 573.684 433.74 572.803 431.568 572.573 430.666 C 572.211 429.249 572.273 428.503 572.782 428.17 C 573.127 427.944 573.825 428.053 574.647 428.462 C 576.064 429.168 581.836 432.519 583.137 433.391 C 583.474 433.618 583.75 433.788 583.75 433.769 C 583.75 433.645 580.201 430.964 578.755 429.997 C 576.099 428.221 574.036 427.25 572.687 427.142 L 572.08 427.093 L 571.903 427.667 C 571.141 430.135 571.688 432.748 573.587 435.71 C 574.232 436.717 574.781 437.782 574.95 438.356 C 575.009 438.554 575.075 438.716 575.098 438.716 C 575.121 438.716 575.117 438.268 575.09 437.721 Z M 595.792 434.181 C 597.11 433.84 598.319 433.208 599.372 432.309 C 600.183 431.617 600.557 431.132 601.552 429.48 C 603.028 427.029 604.44 425.207 606.073 423.645 C 607.103 422.66 608.128 421.921 608.667 421.776 C 610.022 421.411 611.361 422.811 612.237 425.509 C 612.388 425.976 612.53 426.376 612.551 426.397 C 612.703 426.549 612.402 424.125 612.178 423.391 C 611.678 421.758 610.611 420.638 609.578 420.663 C 608.217 420.697 606.147 422.004 604.308 423.992 C 602.56 425.882 600.242 429.123 599.34 430.939 C 598.545 432.538 597.445 433.493 595.688 434.108 C 595.038 434.335 595.081 434.365 595.792 434.181 Z" style="fill: rgb(9, 14, 225);" id="cat"/>
<text style="fill: rgb(147, 233, 238); font-family: Aldrich; font-size: 20px; white-space: pre; filter: url("#outline-filter-0");" x="484.995" y="377.786">cat fun play mod</text>
<animateTransform type="translate" additive="sum" attributeName="transform" values="0 0;0 5;0 0" begin="0s" dur="2.67s" fill="freeze" keyTimes="0; 0.48261; 1" repeatCount="indefinite"/>
</g>
<path d="m949.1 847.92c5.333 1.5374 10.294 4.0223 15.175 6.6142 3.1178 1.7532 1.6796 1.6262 5.2632-1.4173l-3.4013 1.9742c9.0836-4.1758 4.0608-1.2329 2.9599-1.6638-0.61018-0.23887-1.1602-0.60939-1.7404-0.91408-2.599-1.316-5.1849-2.7197-7.8438-3.91-2.3613-1.057-4.8278-1.8941-7.2238-2.8673l-3.1892 2.1842z" stroke-width=".26458"/>
<path d="m951.85 854.52c0.81888 0.12787 1.6384 0.25196 2.4566 0.38362 2.3162 0.37266 2.8625 0.43783 5.1901 1.0147 2.9775 0.7379 5.8961 1.6922 8.8111 2.6401l2.9863-2.0302c-3.7872-1.2152-7.5642-2.5307-11.47-3.3264-0.82577-0.16828-1.6632-0.27366-2.4932-0.41918-0.79404-0.13917-1.586-0.28988-2.379-0.43485l-3.1024 2.1723z" stroke-width=".26458"/>
<path d="m956.29 856.84c1.9426 0.12607 3.6144 0.4745 5.4376 1.1395l3.1831-2.1373c-0.41248-0.1696-0.81677-0.36078-1.2375-0.50882-1.3528-0.47604-2.7956-0.52491-4.1992-0.74671l-3.184 2.2533z" stroke-width=".26458"/>
<path d="m953.85 855.68c2.0444 0.38547 4.0306 0.97705 5.9665 1.7306 0.78965 0.30684 1.5593 0.66085 2.3283 1.0151l3.2564-2.1616c-0.78314-0.3443-1.5665-0.6881-2.3535-1.0236-1.9532-0.75044-3.946-1.344-5.9966-1.775l-3.201 2.2145z" stroke-width=".26458"/>
<path d="m952.29 856.91c2.1311 0.70665 4.3256 1.2161 6.4986 1.7787l3.0977-2.1345c-2.1324-0.53597-4.2898-1.0332-6.34-1.8408l-3.2563 2.1965z" stroke-width=".26458"/>
</g>
</g>
</svg>
`;
// 2. CSS Styles (Incluyendo keyframes para los efectos felinos)
GM_addStyle(`
/* MENÚ PRINCIPAL (GRANDE) */
#${MENU_ID} {
position: fixed;
top: 50px;
left: 50px;
width: 500px; /* Tamaño grande para ver bien el SVG */
height: auto;
z-index: 10001;
cursor: grab;
}
#${MENU_ID}:active {
cursor: grabbing;
}
/* Contenedor de efectos */
#${OVERLAY_ID} {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
z-index: 9999;
pointer-events: none;
opacity: 0;
transition: opacity 0.5s ease-out;
overflow: hidden;
}
.effect-active {
opacity: 1 !important;
}
/* --------------------------------- */
/* EFECTO 1: Claw Swipe (Garras) */
/* --------------------------------- */
@keyframes claw-swipe-1 {
0% { transform: translate(-100vw, -100vh) rotate(45deg); }
5% { transform: translate(0, 0) rotate(45deg); opacity: 1; }
10% { transform: translate(100vw, 100vh) rotate(45deg); opacity: 0; }
}
@keyframes claw-swipe-2 {
0% { transform: translate(100vw, -100vh) rotate(-45deg); }
5% { transform: translate(0, 0) rotate(-45deg); opacity: 1; }
10% { transform: translate(-100vw, 100vh) rotate(-45deg); opacity: 0; }
}
.claw-swipe {
position: fixed;
width: 200vw;
height: 10vh;
background: linear-gradient(90deg, transparent, #ff007f, #ff007f, transparent); /* Rosa brillante */
opacity: 0;
animation-duration: 0.5s;
animation-timing-function: ease-in-out;
}
.claw-swipe:nth-child(odd) {
animation: claw-swipe-1 0.5s ease-out forwards;
}
.claw-swipe:nth-child(even) {
animation: claw-swipe-2 0.5s ease-out forwards;
animation-delay: 0.1s;
}
/* --------------------------------- */
/* EFECTO 2: Cat Eyes (Ojos de Gato) */
/* --------------------------------- */
@keyframes cat-eye-blink {
0%, 100% { opacity: 1; transform: scaleY(1); }
50% { opacity: 0.8; transform: scaleY(0.1); } /* Parpadeo o contracción */
}
.cat-eye-overlay {
background-color: rgba(0, 0, 0, 0.5);
/* Simula la forma de la pupila de gato */
clip-path: ellipse(40% 80% at 50% 50%);
animation: cat-eye-blink 2s infinite alternate;
}
/* --------------------------------- */
/* EFECTO 3: Fur Colors (Colores de Pelo) */
/* --------------------------------- */
@keyframes fur-color-shift {
0% { filter: sepia(100%) hue-rotate(0deg); }
25% { filter: sepia(100%) hue-rotate(90deg); }
50% { filter: sepia(100%) hue-rotate(180deg); }
75% { filter: sepia(100%) hue-rotate(270deg); }
100% { filter: sepia(0%) hue-rotate(0deg); } /* Vuelve a la normalidad */
}
.fur-color-shift-body {
animation: fur-color-shift ${EFFECT_DURATION}ms linear forwards;
}
`);
// 3. Funciones de Efectos
/** Obtiene el overlay de efectos (o lo crea) y lo devuelve. */
function getOverlay() {
let overlay = document.getElementById(OVERLAY_ID);
if (!overlay) {
overlay = document.createElement('div');
overlay.id = OVERLAY_ID;
document.body.appendChild(overlay);
}
// Limpia el contenido y las clases antes de usar
overlay.innerHTML = '';
overlay.className = '';
return overlay;
}
/**
* EFECTO 1: Claw Swipe (Garras - 3 Rayas Rápidas)
*/
function effectClawSwipe() {
const overlay = getOverlay();
overlay.classList.add('effect-active');
for (let i = 0; i < 3; i++) {
const swipe = document.createElement('div');
swipe.className = 'claw-swipe';
overlay.appendChild(swipe);
}
setTimeout(() => {
overlay.classList.remove('effect-active');
setTimeout(() => overlay.innerHTML = '', 600);
}, 600); // Duración corta para la animación de garra
}
/**
* EFECTO 2: Cat Eyes (Ojos de Gato - Pupila Contrayéndose)
*/
function effectCatEyes() {
const overlay = getOverlay();
overlay.classList.add('cat-eye-overlay', 'effect-active');
setTimeout(() => {
overlay.classList.remove('cat-eye-overlay', 'effect-active');
}, EFFECT_DURATION);
}
/**
* EFECTO 3: Fur Colors (Colores de Pelo - Filtro de Cuerpo)
*/
function effectFurColors() {
const body = document.body;
body.classList.add('fur-color-shift-body');
setTimeout(() => {
body.classList.remove('fur-color-shift-body');
body.style.filter = '';
}, EFFECT_DURATION);
}
// 4. Lógica de Manejo de Clic y Dragging
function handleButtonClick(event) {
event.preventDefault();
const buttonId = event.currentTarget.id;
const effectMap = {
'btn1': effectClawSwipe,
'btn2': effectCatEyes,
'btn3': effectFurColors
};
if (effectMap[buttonId]) {
// 1. Feedback visual
event.currentTarget.style.transform = 'scale(0.9)';
setTimeout(() => { event.currentTarget.style.transform = 'scale(1)'; }, 100);
// 2. Ejecutar efecto
effectMap[buttonId]();
}
}
/**
* Hace un elemento HTML arrastrable.
*/
function dragElement(element) {
let pos3 = 0, pos4 = 0;
let isDragging = false;
const DRAG_THRESHOLD = 5;
element.onmousedown = dragMouseDown;
function dragMouseDown(e) {
e = e || window.event;
// No iniciar el drag si se hace clic en un botón
if (e.target.closest('#btn1, #btn2, #btn3')) return;
isDragging = false;
e.preventDefault();
pos3 = e.clientX;
pos4 = e.clientY;
document.onmouseup = closeDragElement;
document.onmousemove = elementDrag;
}
function elementDrag(e) {
e = e || window.event;
e.preventDefault();
const dx = e.clientX - pos3;
const dy = e.clientY - pos4;
if (Math.abs(dx) > DRAG_THRESHOLD || Math.abs(dy) > DRAG_THRESHOLD) {
isDragging = true;
element.style.top = (element.offsetTop + dy) + "px";
element.style.left = (element.offsetLeft + dx) + "px";
pos3 = e.clientX;
pos4 = e.clientY;
}
}
function closeDragElement(e) {
document.onmouseup = null;
document.onmousemove = null;
}
}
// 5. Inicialización
window.addEventListener('load', () => {
// 5.1. Crear el contenedor del menú e insertar SVG
const menuContainer = document.createElement('div');
menuContainer.id = MENU_ID;
menuContainer.innerHTML = menuSVG;
document.body.appendChild(menuContainer);
// 5.2. Asignar eventos a los botones (dentro del SVG)
['btn1', 'btn2', 'btn3'].forEach(id => {
const button = document.querySelector(`#${MENU_ID} #${id}`);
if (button) {
// Asignar el ID al grupo del botón para que el manejador de clic lo use
button.id = id;
button.addEventListener('click', handleButtonClick);
}
});
// 5.3. Crear el overlay
getOverlay();
// 5.4. Hacer el menú arrastrable
dragElement(menuContainer);
});
})();