html.zona,html.zona body{height:100%;overflow:hidden;overscroll-behavior:none}html.zona body{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.zona{position:fixed;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.barra{display:flex;justify-content:space-between;align-items:center;padding:clamp(12px,3vmin,28px) clamp(14px,3.5vmin,32px) 0;position:relative;z-index:5}.redondo{width:clamp(58px,11vmin,88px);aspect-ratio:1;border:0;padding:0;border-radius:50%;background:var(--cartulina);color:var(--tinta);display:grid;place-items:center;position:relative;box-shadow:3px 4px 0 var(--sombra-fuerte);cursor:pointer;touch-action:none}.redondo .icono{width:52%;height:52%}.redondo:active{translate:2px 3px;box-shadow:1px 1px 0 var(--sombra-fuerte)}.anillo{position:absolute;inset:-12%;width:124%;height:124%;max-width:none;pointer-events:none;rotate:-90deg}.zona.libre .anillo{display:none}.anillo circle{fill:none;stroke:var(--tomate);stroke-width:7;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289;transition:stroke-dashoffset .25s ease-out}.puerta.pulsando .anillo circle{stroke-dashoffset:0;transition:stroke-dashoffset 3s linear}.escenario{position:relative;display:grid;place-items:center;min-height:0}.menu{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(18px,4vmin,40px);padding:clamp(12px,3vmin,30px)}.menu__juego{width:clamp(180px,38vmin,320px);aspect-ratio:1;border:0;padding:0;border-radius:clamp(20px,3vmin,30px);display:grid;place-items:center;box-shadow:5px 7px 0 var(--sombra);cursor:pointer}.menu__juego:nth-child(odd){rotate:-2deg}.menu__juego:nth-child(2n){rotate:1.6deg}.menu__juego svg{width:72%;height:auto}.menu__juego:active{scale:.96}.animales{width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;align-items:center;padding-bottom:clamp(12px,4vmin,40px)}.tablero{--hueco: clamp(14px, 3vmin, 32px);--carta: min(calc((100vw - 5 * var(--hueco)) / 4), 44vh);display:grid;grid-template-columns:repeat(4,var(--carta));gap:var(--hueco)}@media(orientation:portrait){.tablero{--carta: min(calc((100vw - 3 * var(--hueco)) / 2), 30vh);grid-template-columns:repeat(2,var(--carta))}}.carta{width:var(--carta);aspect-ratio:200 / 236;border:0;padding:0;border-radius:clamp(14px,2.4vmin,22px);display:grid;place-items:center;position:relative;box-shadow:5px 7px 0 var(--sombra);cursor:pointer}.carta:nth-child(odd){rotate:-2deg}.carta:nth-child(2n){rotate:1.6deg}.carta>.dibujo{width:84%;height:auto;pointer-events:none}.carta.suena{animation:salto .55s cubic-bezier(.3,1.6,.5,1)}.ondas{position:absolute;top:-14%;right:-16%;width:36%;color:var(--tomate);opacity:0;pointer-events:none}.carta.suena .ondas{animation:ondas 1.1s ease-out}.progreso{display:flex;gap:clamp(10px,2vmin,16px)}.progreso i{width:clamp(18px,3.4vmin,30px);aspect-ratio:1;border-radius:50%;background:#2b2a4424;transition:background .3s,scale .3s}.progreso i.on{background:var(--tomate);scale:1.12}.erizo{position:fixed;right:clamp(10px,3vmin,34px);bottom:calc(-3vmin + env(safe-area-inset-bottom,0px));width:clamp(96px,17vmin,176px);pointer-events:none;z-index:4}.erizo svg{width:100%;height:auto}.erizo.salta{animation:brinco .7s ease-in-out 3}.fiesta{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}.fiesta i{position:absolute;top:-40px;width:clamp(14px,2.6vmin,24px);aspect-ratio:1;box-shadow:2px 3px #4a341833;animation:cae var(--duracion) cubic-bezier(.3,.1,.6,1) var(--retraso) forwards}.fiesta .circulo{border-radius:50%}.fiesta .triangulo{clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:none}.fiesta .tira{aspect-ratio:1 / 2.6;border-radius:3px}@keyframes salto{0%{scale:1}35%{scale:1.12;translate:0 -6%}to{scale:1}}@keyframes ondas{0%{opacity:0;scale:.6}25%{opacity:1}to{opacity:0;scale:1.15}}@keyframes brinco{0%,to{translate:0 0}50%{translate:0 -38%;rotate:-8deg}}@keyframes cae{to{translate:var(--deriva) calc(100vh + 80px);rotate:var(--giro)}}@media(max-height:480px){.erizo{width:84px}}@media(prefers-reduced-motion:reduce){.carta.suena,.erizo.salta{animation:none}.carta.suena{outline:6px solid var(--tinta);outline-offset:4px}}