.arma{flex-direction:column;gap:28px;display:flex}.arma__cuerpo{align-items:start;gap:28px;display:grid}.arma__panel-izq{flex-direction:column;gap:18px;display:flex}.arma__panel-der{flex-direction:column;gap:22px;display:flex}.arma__compartir{border-top:1px solid var(--borde);flex-direction:column;align-items:flex-start;gap:18px;margin-top:8px;padding-top:28px;display:flex}@media (min-width:980px){.arma__cuerpo{grid-template-columns:minmax(420px,560px) 1fr;gap:40px}.arma__panel-izq{top:calc(var(--alto-cabecera) + 24px);max-height:calc(100vh - var(--alto-cabecera) - 40px);overscroll-behavior:contain;scrollbar-width:thin;padding:4px 6px 12px 4px;position:sticky;overflow-y:auto}}.arma__tanque-fila{align-items:flex-end;gap:16px;display:flex}.arma__tanque{aspect-ratio:16/10;transform-origin:50% 100%;border-radius:14px;flex:auto;width:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 0 0 3px #f0fbf824,0 18px 40px #00000059,inset 0 0 0 1px #ffffff14}.arma__agua{background:linear-gradient(180deg,#8fe6d8 0,var(--superficie) 28%,var(--agua) 68%,var(--profundidad) 100%);position:absolute;inset:0;overflow:hidden}.arma__arena{background:linear-gradient(#d8b887,#b89361);border-top:2px solid #ffffff40;height:14%;position:absolute;bottom:0;left:0;right:0}.arma__cristal{pointer-events:none;background:linear-gradient(115deg,#ffffff38 0% 6%,#0000 16%),linear-gradient(245deg,#ffffff1f 0%,#0000 22%);border-radius:14px;position:absolute;inset:0}.arma__planta{transform-origin:bottom;background:linear-gradient(#2f9e6e,#1c6b48);border-radius:40% 40% 6px 6px/70% 70% 6px 6px;width:10px;height:46%;animation:4.5s ease-in-out infinite arma-mecer;position:absolute;bottom:14%}.arma__planta:nth-child(odd){height:34%;animation-duration:3.6s}.arma__bicho-pos{width:30px;height:18px;margin:-9px 0 0 -15px;position:absolute}.arma__bicho{width:100%;height:100%}.arma__bicho svg{width:30px;height:18px;display:block}.arma__bicho--pez{animation:11s ease-in-out infinite arma-nadar}.arma__bicho--camaron{width:34px;height:16px;animation:8s ease-in-out infinite arma-nadar-corto}.arma__bicho--camaron svg{width:34px;height:16px}.arma__bicho--caracol{width:24px;height:24px}.arma__bicho--caracol svg{width:22px;height:22px}.arma__mas{background:#09204999;border:1px solid #ffffff40;border-radius:999px;padding:2px 7px;font-size:12px;font-weight:800;position:absolute;right:4%}.arma__burbuja{background:#ffffff8c;border-radius:50%;width:5px;height:5px;animation:4s linear infinite arma-burbuja;position:absolute;bottom:14%}@keyframes arma-mecer{0%,to{transform:rotate(-6deg)}50%{transform:rotate(7deg)}}@keyframes arma-nadar{0%,to{transform:translate(0)}25%{transform:translate(22px,-5px)}50%{transform:translate(0)}75%{transform:translate(-22px,5px)}}@keyframes arma-nadar-corto{0%,to{transform:translate(0)}50%{transform:translate(12px)}}@keyframes arma-burbuja{0%{opacity:0;transform:translateY(0)scale(.8)}10%{opacity:.8}90%{opacity:.5}to{opacity:0;transform:translateY(-150px)scale(1.3)}}.pausado .arma *{animation:none!important}.arma__termo{flex-direction:column;flex:none;align-items:center;display:flex}.arma__termo-tubo{border:1px solid var(--borde-fuerte);background:#f0fbf81f;border-radius:999px;width:14px;height:150px;position:relative;overflow:hidden}.arma__termo-rango{background:#5cf2d659;position:absolute;left:0;right:0}.arma__termo-nivel{background:linear-gradient(180deg,var(--coral),var(--dorado));border-radius:0 0 999px 999px;position:absolute;bottom:0;left:0;right:0}.arma__temp-visible{margin:6px 0 0}.arma__cifra{font-variant-numeric:tabular-nums;margin-top:6px;font-size:22px;font-weight:800;display:block}.arma__habitantes-grupo{border-top:1px solid var(--borde);padding-top:16px}.arma__lista-habitantes{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.arma__lista-habitantes li{background:#ffffff08;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.arma__punto{border-radius:50%;flex:none;width:11px;height:11px}.arma__nombre{flex:1;font-size:14.5px}.arma__nombre small{color:var(--texto-3);font-weight:400}.arma__agregar{border:1px solid var(--borde-fuerte);color:var(--texto);background:0 0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.arma__agregar:hover{border-color:var(--menta);color:var(--menta)}.arma__contador{font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:inline-flex}.arma__contador button{border:1px solid var(--borde-fuerte);width:28px;height:28px;color:var(--texto);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}.arma__contador button:disabled{opacity:.35;cursor:not-allowed}.arma__contador button:not(:disabled):hover{border-color:var(--menta);color:var(--menta)}.arma__contador b{text-align:center;min-width:1.6em}.arma__resultado{flex-direction:column;gap:12px;display:flex}.arma__estado{margin:0;font-size:17px;font-weight:800}.arma__estado--bien{color:var(--menta)}.arma__estado--coral{color:var(--coral)}.arma__conflictos{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.arma__conflicto{border-left:3px solid var(--borde-fuerte);border-radius:10px;padding:9px 12px;font-size:14.5px;line-height:1.5}.arma__conflicto a{text-decoration:underline;text-decoration-thickness:1px}.arma__conflicto--coral{border-left-color:var(--coral);background:#ff9a7012}.arma__conflicto--dorado{border-left-color:var(--dorado);background:#ffd16612}.arma__conflicto--menta{border-left-color:var(--menta);background:#5cf2d60f}.arma__conflicto--neutro{border-left-color:var(--borde-fuerte);color:var(--texto-3);background:#ffffff08}.arma__form-correo{width:100%;max-width:460px}@media (max-width:620px){.arma__tanque-fila{gap:10px}}.arma__bicho--ilus{--v:1;width:64px;animation:12s ease-in-out infinite arma-nadar-ilus}.arma__bicho--ilus:has(img[style*=scaleX]){--v:-1}@keyframes arma-nadar-ilus{0%,to{transform:translate(0,0) scaleX(calc(-1*var(--v)))}23%{transform:translate(22px,-5px) scaleX(calc(-1*var(--v)))}27%{transform:translate(22px,-5px) scaleX(var(--v))}50%{transform:translate(0,0) scaleX(var(--v))}73%{transform:translate(-22px,5px) scaleX(var(--v))}77%{transform:translate(-22px,5px) scaleX(calc(-1*var(--v)))}}.arma__bicho--ilus img{width:64px;height:auto;display:block}.arma__bicho-pos:has(.arma__bicho--ilus){width:64px;height:43px;margin:-21px 0 0 -32px}@media (max-width:620px){.arma__bicho--ilus,.arma__bicho--ilus img{width:46px}.arma__bicho-pos:has(.arma__bicho--ilus){width:46px;height:31px;margin:-15px 0 0 -23px}}.pausado .arma__tanque{transition:none}
