.gd-sobre{position:fixed;z-index:40;width:0;height:0;pointer-events:none}.gd-anillo{position:absolute;left:calc(var(--gd-ancho) / -2 - 8px);top:-38px;width:calc(var(--gd-ancho) + 16px);height:76px;border-radius:18px;border:4px solid #ffb24a;box-shadow:0 0 0 3px #2b1d14,0 0 24px #ffb24acc;animation:gd-late 1.1s ease-in-out infinite}.gd-mano-sobre{position:absolute;left:4px;top:6px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.gd-tocar .gd-mano-sobre{animation:gd-toca 1s ease-in-out infinite}.gd-mantener .gd-mano-sobre{animation:gd-mantiene 1.8s ease-in-out infinite}.gd-arrastrar .gd-mano-sobre{animation:gd-arrastra 1.8s ease-in-out infinite}.gd-flechas{position:absolute;left:-26px;top:-60px;font:800 18px Bricolage Grotesque,system-ui,sans-serif;color:#fffaf0;text-shadow:0 0 3px #2b1d14,0 0 3px #2b1d14;letter-spacing:14px}.gd-frase{position:absolute;left:50%;transform:translate(-50%);width:max-content;max-width:min(320px,80vw);text-align:center;background:#fffaf0;color:#2b1d14;border:3px solid #2b1d14;border-radius:12px;padding:6px 12px;font:800 17px/1.2 Bricolage Grotesque,system-ui,sans-serif;box-shadow:0 4px #2b1d1466}.gd-lado-arriba .gd-frase{bottom:54px}.gd-lado-abajo .gd-frase{top:64px}@keyframes gd-late{50%{transform:scale(1.06);opacity:.75}}@keyframes gd-toca{0%,to{transform:translate(10px,14px)}45%{transform:translate(0) scale(.9)}55%{transform:translate(0) scale(.9)}}@keyframes gd-mantiene{0%{transform:translate(10px,16px)}25%,80%{transform:translate(0) scale(.9)}to{transform:translate(10px,16px)}}@keyframes gd-arrastra{0%,to{transform:translate(-40px)}50%{transform:translate(40px)}}.gd-dibujo{position:relative;display:inline-grid;place-items:center;width:92px;height:64px;border-radius:14px;background:#fffaf01f;border:2px dashed currentColor}.gd-dibujo .gd-mano{position:absolute;left:48%;top:40%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.gd-dibujo.gd-tocar .gd-mano{animation:gd-toca 1s ease-in-out infinite}.gd-dibujo.gd-mantener .gd-mano{animation:gd-mantiene 1.8s ease-in-out infinite}.gd-dibujo.gd-arrastrar .gd-mano{left:38%;top:30%;animation:gd-arrastra-chico 1.8s ease-in-out infinite}@keyframes gd-arrastra-chico{0%,to{transform:translate(-18px)}50%{transform:translate(18px)}}.gd-blanco{font:800 26px/1 system-ui,sans-serif;color:#e3a35a}.gd-boton{width:30px;height:30px;border-radius:50%;background:#ff7a3a;border:3px solid #2b1d14;box-shadow:0 3px #2b1d14}.gd-riel{width:64px;height:10px;border-radius:5px;background:#ffd36a99;position:relative}.gd-riel i{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px;border-radius:50%;background:#fffaf0;border:2px solid #2b1d14;animation:gd-arrastra-chico 1.8s ease-in-out infinite}.gd-dibujo .gd-tecla,.ac .gd-dibujo .gd-tecla{font:800 16px Bricolage Grotesque,system-ui,sans-serif;color:#2b1d14;background:#fffaf0;border:2px solid #2b1d14;border-bottom-width:5px;border-radius:8px;padding:4px 14px;animation:gd-tecla 1s ease-in-out infinite}@keyframes gd-tecla{50%{transform:translateY(3px);border-bottom-width:2px}}@media (prefers-reduced-motion: reduce){.gd-sobre *,.gd-dibujo *{animation:none!important}}.pl-quieto .gd-sobre *,.pl-quieto .gd-dibujo *,.av-reducir .gd-sobre *,.av-reducir .gd-dibujo *{animation:none!important}.gd-lado-derecha .gd-frase{left:calc(var(--gd-ancho) / 2 + 20px);transform:translateY(-50%);top:0;text-align:left}.gd-lado-izquierda .gd-frase{left:auto;right:calc(var(--gd-ancho) / 2 + 20px);transform:translateY(-50%);top:0;text-align:right}.gd-borde-izq.gd-lado-arriba .gd-frase,.gd-borde-izq.gd-lado-abajo .gd-frase{left:calc(var(--gd-ancho) / -2 - 4px);transform:none;text-align:left}.gd-borde-der.gd-lado-arriba .gd-frase,.gd-borde-der.gd-lado-abajo .gd-frase{left:auto;right:calc(var(--gd-ancho) / -2 - 4px);transform:none;text-align:right}.gd-meta{display:grid;gap:8px;margin:8px auto;max-width:560px;pointer-events:auto}.gd-meta-frase{margin:0;padding:8px 12px;border-radius:12px;font:700 17px/1.3 Atkinson Hyperlegible,system-ui,sans-serif;text-align:left;background:#fff1c9;color:#2b1d14;border:2px solid #2b1d14}.gd-meta-oscuro .gd-meta-frase{background:#ffb24a2e;color:#fff1d6;border-color:#ffb24a}.gd-meta-gestos{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.gd-meta-gestos>div{display:grid;justify-items:center;gap:4px;width:150px;font:700 16px/1.25 Atkinson Hyperlegible,system-ui,sans-serif;text-align:center}.gd-meta-oscuro .gd-meta-gestos>div{color:#fff1d6}.gd-meta-oscuro .gd-dibujo{color:#ffd89a}@media (max-width: 520px){.gd-meta-gestos>div{width:108px;font-size:16px}.gd-dibujo{width:80px}}