@import "https://fonts.googleapis.com/css2?family=Jersey+10&display=swap";:root{--bg-deep:#0a0a0c;--bg-panel:#16161e;--bg-panel-hover:#1f1f2e;--text-main:#e2e8f0;--text-muted:#94a3b8;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf666;--accent-gold:#fbbf24;--accent-gold-glow:#fbbf2466;--accent-green:#10b981;--accent-red:#ef4444;--border-color:#2d2d3f;--border-radius:8px;color:var(--text-main);background-color:var(--bg-deep);font-family:"Jersey 10",cursive,system-ui,sans-serif}body{background-color:var(--bg-deep);width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}h1,h2,h3,h4,h5,h6{color:var(--accent-gold);text-shadow:0 0 15px var(--accent-gold-glow);margin:0 0 1rem;font-family:"Jersey 10",cursive}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}@keyframes pulseGlow{0%{box-shadow:0 0 10px var(--accent-purple-glow)}50%{box-shadow:0 0 20px var(--accent-purple-glow), 0 0 40px var(--accent-purple-glow)}to{box-shadow:0 0 10px var(--accent-purple-glow)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}button{background:linear-gradient(135deg, var(--bg-panel) 0%, #202030 100%);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--border-radius);cursor:pointer;padding:12px 24px;font-family:"Jersey 10",cursive;font-size:1.5rem;font-weight:400;transition:all .3s;position:relative;overflow:hidden}button:hover:not(:disabled){border-color:var(--accent-purple);box-shadow:0 0 15px var(--accent-purple-glow);transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}button.ready{border-color:var(--accent-green);color:var(--accent-green);background:linear-gradient(135deg,#10b9811a 0%,#10b98133 100%);box-shadow:0 0 15px #10b9814d}input{background-color:var(--bg-deep);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--border-radius);box-sizing:border-box;outline:none;width:100%;padding:12px 16px;font-family:"Jersey 10",cursive;font-size:1.5rem;transition:all .3s}input:focus{border-color:var(--accent-purple);box-shadow:0 0 10px var(--accent-purple-glow)}.screen-transition{width:100%;height:100%;animation:.5s ease-out forwards fadeIn}.lobby-container{box-sizing:border-box;background-image:linear-gradient(#0a0a0fb3,#0a0a0fb3),url(/fondo.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:2rem;display:flex;overflow:hidden auto}.lobby-title{text-align:center;letter-spacing:2px;margin-bottom:3rem;font-size:3rem}.lobby-logo-spacer{flex:none;width:min(80vw,500px);height:clamp(280px,34vh,330px)}.room-info{text-align:center;margin:-1.6rem 0 1rem}.players-grid{flex-wrap:nowrap;justify-content:center;gap:1rem;width:min(100%,1180px);margin-bottom:1rem;display:flex}.player-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;gap:1rem;width:250px;min-height:250px;padding:1.25rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.player-card:before{content:"";background:linear-gradient(90deg, transparent, var(--border-color), transparent);height:4px;transition:all .3s;position:absolute;top:0;left:0;right:0}.player-card.is-ready{border-color:var(--accent-green);box-shadow:0 10px 30px #10b9811a}.player-card.is-ready:before{background:linear-gradient(90deg, transparent, var(--accent-green), transparent)}.player-card.is-me{border-color:var(--accent-gold)}.player-card.is-me:before{background:linear-gradient(90deg, transparent, var(--accent-gold), transparent)}.player-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.player-title{color:var(--text-muted);margin:0;font-size:1.25rem}.status-badge{text-transform:uppercase;letter-spacing:1px;border-radius:12px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.status-waiting{color:var(--accent-red);background-color:#ef44441a;border:1px solid #ef44444d}.status-ready{color:var(--accent-green);background-color:#10b9811a;border:1px solid #10b9814d;box-shadow:0 0 10px #10b98133}.player-input-group{flex-direction:column;gap:.5rem;display:flex}.player-input-group label{color:var(--text-muted);font-family:"Jersey 10",cursive;font-size:1.2rem}.empty-slot{height:100%;min-height:120px;color:var(--text-muted);opacity:.5;border:2px dashed var(--border-color);border-radius:var(--border-radius);text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-family:"Jersey 10",cursive;font-size:1.5rem;display:flex}@media (width<=1120px){.players-grid{flex-wrap:wrap}}.ready-button{width:100%;margin-top:auto;padding:1rem;font-size:1.2rem}.game-status{text-align:center;color:var(--accent-gold);min-height:2rem;box-shadow:none;background:0 0;border:none;font-family:"Jersey 10",cursive;font-size:2rem;animation:3s infinite pulseTextGlow}@keyframes pulseTextGlow{0%{text-shadow:0 0 8px #fbbf2499}50%{text-shadow:0 0 20px #fbbf24e6,0 0 30px #fbbf2466}to{text-shadow:0 0 8px #fbbf2499}}.gear-deco{opacity:.8;filter:drop-shadow(0 0 10px #00000080);width:150px;height:150px;animation:20s linear infinite spinGear}.gear-top-right{top:-30px;right:-30px}.gear-bottom-left{bottom:-30px;left:-30px}@keyframes spinGear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-150%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(150%)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-150%)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(150%)}to{opacity:1;transform:translate(0)}}.slide-down{opacity:0;animation:1.5s cubic-bezier(.2,.8,.2,1) .3s forwards slideDown}.slide-up{opacity:0;animation:1.5s cubic-bezier(.2,.8,.2,1) .3s forwards slideUp}.slide-left{opacity:0;animation:1.5s cubic-bezier(.2,.8,.2,1) .3s forwards slideLeft}.slide-right{opacity:0;animation:1.5s cubic-bezier(.2,.8,.2,1) .3s forwards slideRight}@keyframes logoMoveUp{0%{transform:scale(1.111)translateY(180px)}to{transform:scale(1)translateY(0)}}@keyframes logoMoveUpDynamic{0%{transform:scale(1.111) translateY(var(--logo-offset))}to{transform:scale(1)translateY(0)}}.logo-move-up-dynamic{animation:1.5s cubic-bezier(.2,.8,.2,1) forwards logoMoveUpDynamic}.map-container{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.map-background{opacity:.3;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.map-scroll-area{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;position:relative;overflow:hidden}.map-tree{flex-direction:column;justify-content:space-between;align-items:center;gap:0;width:100%;display:flex}.map-row{justify-content:center;gap:5rem;display:flex;position:relative}.map-node{border:2px solid var(--border-color);z-index:2;background-color:#14141ecc;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;transition:all .3s;display:flex;position:relative}.map-node img{object-fit:contain;filter:drop-shadow(0 0 5px #000c);width:25px;height:25px}.map-node.eligible{border-color:var(--accent-gold);box-shadow:0 0 20px var(--accent-gold-glow);cursor:pointer;animation:2s infinite pulseEligible;transform:scale(1.1)}.map-node.eligible:hover{background-color:#fbbf2433;transform:scale(1.2)}.map-node.current{border-color:var(--accent-purple);box-shadow:0 0 30px var(--accent-purple-glow);background-color:#8b5cf64d}.map-node.voted{border-color:var(--accent-green)}.current-marker{white-space:nowrap;color:var(--accent-purple);text-shadow:0 0 5px #000;font-family:"Jersey 10",cursive;font-size:1.5rem;position:absolute;top:-30px}.vote-indicators{gap:5px;display:flex;position:absolute;bottom:-15px}.vote-dot{border-radius:50%;width:12px;height:12px;box-shadow:0 0 5px #000}.vote-dot.me{background-color:var(--accent-green)}.vote-dot.ally{background-color:var(--accent-purple)}.map-ui{text-align:left;z-index:10;pointer-events:none;background:linear-gradient(#000000e6 0%,#0000 100%);padding:2rem;position:absolute;top:0;left:0;right:0}@keyframes pulseEligible{0%{box-shadow:0 0 10px var(--accent-gold-glow)}50%{box-shadow:0 0 25px var(--accent-gold-glow)}to{box-shadow:0 0 10px var(--accent-gold-glow)}}.cinematic-container{cursor:pointer;background-color:#000;flex-direction:column;justify-content:flex-end;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.cinematic-layer{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.cinematic-overlay{z-index:2;opacity:.7;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes panLeftToRight{0%{transform:scale(1.2)translate(5%)}to{transform:scale(1.2)translate(-5%)}}@keyframes panTopLeftToTopRight{0%{transform:scale(1.3)translate(5%,5%)}to{transform:scale(1.3)translate(-5%,-5%)}}.anim-pan-ltr{animation:20s linear infinite alternate panLeftToRight}.anim-pan-tltr{animation:20s linear infinite alternate panTopLeftToTopRight}.dissolve-transition{transition:opacity 1.5s ease-in-out}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.cinematic-dialog-box{z-index:10;text-align:center;background:#000000b3;border:2px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:80%;max-width:1000px;min-height:150px;margin-bottom:5rem;padding:30px;display:flex;position:relative}.cinematic-text{color:#fff;text-shadow:2px 2px 4px #000000e6;font-family:"Jersey 10",cursive;font-size:2.8rem;line-height:1.3}@keyframes tremble{0%{transform:translate(.5px)rotate(0)}10%{transform:translate(-.5px)rotate(-.5deg)}20%{transform:translate(-.5px)rotate(.5deg)}30%{transform:translate(.5px)rotate(0)}40%{transform:translateY(-.5px)rotate(.5deg)}50%{transform:translate(0)rotate(-.5deg)}60%{transform:translate(0)rotate(0)}70%{transform:translate(0)rotate(-.5deg)}80%{transform:translate(0)rotate(.5deg)}90%{transform:translate(0)rotate(0)}to{transform:translateY(-.5px)rotate(-.5deg)}}.text-white-tremble{color:#fff;text-shadow:0 0 10px #ffffff80;animation:.2s infinite tremble;display:inline-block}.text-gold{color:#fbbf24;text-shadow:0 0 10px #fbbf24cc;display:inline-block}.text-red{color:#ef4444;text-shadow:0 0 10px #ef4444cc;display:inline-block}@keyframes crossFadeIn{0%{opacity:0}to{opacity:1}}.crossfade-in{animation:1.5s ease-in-out forwards crossFadeIn}.dice-overlay-container.global{pointer-events:none;z-index:1000;perspective:1200px;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.dice-overlay-container.local{pointer-events:none;z-index:1000;perspective:800px;position:absolute;top:-50px;left:50%;transform:translate(-50%)scale(.5)}.dice-overlay-container.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dice-bounce-wrapper{transform-style:preserve-3d;animation:1s cubic-bezier(.2,.8,.2,1) forwards diceBounceLocal}.dice-shape{width:80px;height:80px;transform-style:preserve-3d;background-color:#555;justify-content:center;align-items:center;animation:1s cubic-bezier(.1,.7,.3,1) forwards diceSpin3D;display:flex;position:relative;box-shadow:inset 0 0 15px #000c,0 8px 25px #00000080}.dice-shape.shape-d20{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:100px;height:100px}.dice-shape.shape-d12{clip-path:polygon(50% 0%,95% 35%,80% 100%,20% 100%,5% 35%);width:90px;height:90px}.dice-shape.shape-d6{border-radius:10px}.dice-number{color:#fff;text-shadow:2px 2px #000,-1px -1px #000;justify-content:center;align-items:center;margin:0;padding:0;font-family:"Jersey 10",cursive;font-size:3rem;line-height:1;animation:1s forwards numberReveal;display:flex}@keyframes diceBounceLocal{0%{opacity:0;transform:translateY(60px)scale(.3)}30%{opacity:1}60%{transform:translateY(-20px)scale(1.1)}80%{transform:translateY(5px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes diceSpin3D{0%{transform:rotateX(0)rotateY(0)rotate(0)}70%{transform:rotateX(720deg)rotateY(720deg)rotate(360deg)}to{transform:rotateX(720deg)rotateY(720deg)rotate(360deg)}}@keyframes numberReveal{0%{opacity:0;filter:blur(15px);transform:scale(.5)}50%{opacity:0;filter:blur(8px);transform:scale(.5)}75%{opacity:1;filter:blur();transform:scale(1.3)}to{opacity:1;filter:blur();transform:scale(1)}}.dice-fade-out{animation:.5s ease-in forwards diceFadeOut}@keyframes diceFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;filter:blur(10px);transform:scale(1.5)}}.dice-shape.counting{background-color:#555!important}.dice-shape.result-fail{box-shadow:0 0 30px var(--accent-red);background-color:var(--accent-red)!important}.dice-shape.result-crit-fail{color:#fca5a5;box-shadow:0 0 40px #7f1d1d,inset 0 0 20px #000;background-color:#7f1d1d!important}.dice-shape.result-success-player{box-shadow:0 0 30px var(--accent-green);background-color:var(--accent-green)!important}.dice-shape.result-crit-player{box-shadow:0 0 40px var(--accent-gold-glow);background-color:var(--accent-gold)!important}.dice-shape.result-success-enemy{box-shadow:0 0 40px var(--accent-purple-glow);background-color:var(--accent-purple)!important}.dice-shape.result-crit-enemy{box-shadow:0 0 50px #000000e6;background-color:#111!important}.smoke-effect:before{content:"";filter:blur(15px);z-index:-1;border-radius:50%;width:160px;height:160px;animation:1s ease-out forwards smokeExpand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.smoke-purple:before{background:radial-gradient(circle,#8b5cf6cc 0%,#0000 70%)}.smoke-black:before{background:radial-gradient(circle,#000000e6 0%,#0000 70%)}@keyframes smokeExpand{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}50%{opacity:1}to{opacity:.5;transform:translate(-50%,-50%)scale(1.5)}}.dice-label{text-align:center;color:#fff;text-shadow:0 0 10px #000,0 0 20px #000;white-space:nowrap;z-index:100;pointer-events:none;width:280px;font-family:"Jersey 10",cursive;font-size:2.5rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) labelPop;position:absolute;top:-50px;left:50%;transform:translate(-50%)scale(1)}@keyframes labelPop{0%{opacity:0;transform:translate(-50%)scale(0)}to{opacity:1;transform:translate(-50%)scale(1)}}.shape-roulette{border:3px solid var(--accent-gold);width:250px;height:80px;box-shadow:inset 0 0 10px #000, 0 0 15px var(--accent-gold);text-align:center;background:radial-gradient(circle,#333 0%,#111 100%);border-radius:12px;justify-content:center;align-items:center;padding:10px;display:flex}.roulette-text{color:#fff;text-shadow:2px 2px #000;font-family:"Jersey 10",cursive;font-size:1.8rem;line-height:1.1}.shape-roulette.counting{filter:blur(1px);animation:.1s linear infinite rouletteSpin}@keyframes rouletteSpin{0%{transform:scale(1)translateY(-2px)}50%{transform:scale(1.02)translateY(2px)}to{transform:scale(1)translateY(-2px)}}.battle-container{color:#fff;background-image:url(/Mapa%20Batalla.webp);background-position:50%;background-size:cover;flex-direction:column;width:100vw;height:100vh;animation:1s ease-out fadeIn;display:flex}.battle-header{text-align:center;border-bottom:2px solid var(--accent-gold);background:#000000b3;padding:1rem}.battle-arena{flex-direction:column;flex:1;justify-content:space-between;padding:1rem 2rem;display:flex;position:relative}.enemies-area{justify-content:center;align-items:flex-end;gap:4rem;margin-top:.5rem;display:flex}.enemy-card{flex-direction:column;align-items:center;width:250px;padding:1rem;transition:transform .2s;animation:1s cubic-bezier(.2,.8,.2,1) 1s both enemyDropIn;display:flex;position:relative}@keyframes enemyDropIn{0%{opacity:0;top:-500px}60%{opacity:1;top:20px}80%{opacity:1;top:-10px}to{opacity:1;top:0}}.enemy-card:hover:not(.dead){cursor:crosshair;transform:scale(1.05)}.enemy-card.dead .enemy-image{animation:2s forwards fadeToAsh}@keyframes fadeToAsh{0%{filter:drop-shadow(0 0 10px #000c)grayscale(0)brightness();opacity:1}50%{filter:drop-shadow(0 0 15px #ff6400cc)grayscale(.5)brightness(1.5);opacity:.8}to{filter:drop-shadow(0 0 5px #00000080)grayscale()brightness(.2);opacity:0}}.enemy-card.selected .enemy-image{filter:drop-shadow(0 0 15px var(--accent-gold))}.enemy-image{object-fit:contain;filter:drop-shadow(0 0 10px #000c);max-width:100%;height:auto;max-height:250px;margin-bottom:.5rem}.enemy-stats{text-align:center;background:#0009;border-radius:8px;padding:.5rem 1rem;font-family:"Jersey 10",cursive;font-size:1.5rem}.players-area{z-index:10;justify-content:center;align-items:flex-end;margin-top:auto;padding-bottom:2rem;display:flex;position:relative}.battle-player-card{flex-direction:column;align-items:center;width:100%;max-width:600px;display:flex}.player-stats{background:#0009;border-radius:20px;justify-content:center;align-items:center;gap:1rem;width:max-content;padding:5px 15px;font-family:"Jersey 10",cursive;font-size:1.5rem;display:flex}.player-stats span{align-items:center;gap:4px;display:flex}.teammates-area{z-index:50;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.teammate-card{border:1px solid var(--border-color);pointer-events:auto;background:#000000b3;border-radius:10px;min-width:200px;padding:10px;font-family:"Jersey 10",cursive}.teammate-header{color:#fff;text-align:center;border-bottom:1px solid #fff3;margin-bottom:5px;padding-bottom:5px;font-size:1.3rem}.teammate-stats{justify-content:space-around;margin-bottom:8px;font-size:1.2rem;display:flex}.teammate-actions{flex-direction:column;align-items:center;display:flex}.teammate-btn{background:var(--bg-panel);width:100%;padding:4px 8px;font-size:1rem}.teammate-inventory{text-align:left;background:#000000e6;border-radius:5px;width:100%;margin-top:5px;padding:5px 10px;font-size:1rem}.player-deck-area{flex-direction:column;align-items:center;gap:1rem;margin-top:1rem;display:flex}.hand-container{perspective:1000px;justify-content:center;align-items:flex-end;height:220px;margin-bottom:20px;display:flex}.action-card{background:var(--bg-panel);border:2px solid var(--border-color);cursor:pointer;transform-origin:bottom;--rotation:calc((var(--card-index) - 1) * 10deg);--y-offset:calc(abs(var(--card-index) - 1) * 15px);width:130px;height:180px;transform:translateY(var(--y-offset)) rotate(var(--rotation));border-radius:12px;margin:0 -15px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s,z-index .3s;position:relative;overflow:hidden;box-shadow:0 5px 15px #00000080}.action-card:hover{transform:translateY(calc(var(--y-offset) - 40px)) rotate(var(--rotation)) scale(1.15);box-shadow:0 10px 25px #000c, 0 0 15px var(--accent-gold);z-index:10!important}.action-card.selected{transform:translateY(calc(var(--y-offset) - 40px)) rotate(var(--rotation)) scale(1.15);border-color:var(--accent-gold);box-shadow:0 0 20px var(--accent-gold);z-index:5}.card-bg{opacity:.6;background-position:50%;background-size:cover;transition:opacity .3s;position:absolute;inset:0}.action-card:hover .card-bg,.action-card.selected .card-bg{opacity:.9}.health-bg{background-color:#ef4444}.mana-bg{background-color:#3b82f6}.card-content{text-align:center;z-index:2;background:linear-gradient(#0000,#000000e6 30%);flex-direction:column;align-items:center;width:100%;padding:8px;font-family:"Jersey 10",cursive;display:flex;position:absolute;bottom:0}.card-title{color:var(--accent-gold);text-shadow:1px 1px 2px #000;margin-bottom:4px;font-size:1.4rem;line-height:1.1}.card-desc{color:#fff;text-shadow:1px 1px 2px #000;font-size:1.1rem;line-height:1.1}.card-count{background:var(--accent-red);color:#fff;text-shadow:1px 1px #000;z-index:10;border:2px solid #fff;border-radius:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.5rem;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:-2px 0 #000,2px 0 #000,0 -2px #000,0 2px #000,inset 2px 2px #fff6,inset -2px -2px #0006}.end-turn-btn{background:var(--bg-panel);border:2px solid var(--border-color);color:#fff;cursor:pointer;border-radius:8px;width:200px;padding:10px 20px;font-family:"Jersey 10",cursive;font-size:1.5rem;transition:all .2s}.end-turn-btn:hover:not(:disabled){color:#000;background:#4ade80;border-color:#4ade80}.end-turn-btn:disabled{opacity:.5;cursor:not-allowed}.hovered-card-zoom{z-index:1000;pointer-events:none;filter:drop-shadow(0 20px 30px #000c);width:300px;height:420px;animation:.2s cubic-bezier(.175,.885,.32,1.275) forwards zoomInCard;position:fixed;bottom:10%;left:5%}.hovered-card-zoom img{object-fit:contain;border:3px solid var(--accent-gold);border-radius:15px;width:100%;height:100%}@keyframes zoomInCard{0%{opacity:0;transform:scale(.5)translateY(100px)}to{opacity:1;transform:scale(1)translateY(0)}}.flash-damage{animation:.5s cubic-bezier(.39,.575,.565,1) flashRed}.flash-heal{animation:.5s cubic-bezier(.39,.575,.565,1) flashGreen}.flash-summon{animation:1s cubic-bezier(.39,.575,.565,1) flashYellow}@keyframes flashRed{0%{filter:brightness()}50%{filter:brightness(3)sepia()hue-rotate(-50deg)saturate(100);transform:scale(.95)}to{filter:brightness();transform:scale(1)}}@keyframes flashGreen{0%{filter:brightness()}50%{filter:brightness(2)drop-shadow(0 0 20px #22c55e);transform:scale(1.05)}to{filter:brightness();transform:scale(1)}}@keyframes flashYellow{0%{filter:brightness();opacity:0}50%{filter:brightness(3)drop-shadow(0 0 30px #eab308);opacity:1;transform:scale(1.1)}to{filter:brightness();opacity:1;transform:scale(1)}}.turn-banner{text-align:center;text-shadow:0 0 20px #000,0 0 40px #000;z-index:999;pointer-events:none;background:#0009;border-top:4px solid;border-bottom:4px solid;width:100%;padding:20px 0;font-family:"Jersey 10",sans-serif;font-size:6rem;animation:2s cubic-bezier(.25,1,.5,1) forwards slideBanner;position:absolute;top:35%;left:0}.turn-banner.banner-green{color:var(--accent-green);border-color:var(--accent-green);text-shadow:0 0 20px var(--accent-green), 0 0 40px black}.turn-banner.banner-red{color:var(--accent-red);border-color:var(--accent-red);text-shadow:0 0 20px var(--accent-red), 0 0 40px black}@keyframes slideBanner{0%{opacity:0;transform:translate(-100%)}15%{opacity:1;transform:translate(0)}85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.enemy-dying{animation:2s forwards fadeOutEnemy}@keyframes fadeOutEnemy{0%{opacity:1;filter:grayscale(0);transform:scale(1)}to{opacity:0;filter:grayscale();transform:scale(.8)}}.flash-poison{animation:1.5s ease-in-out flashPoison}@keyframes flashPoison{0%{filter:brightness()}50%{filter:brightness(1.5)drop-shadow(0 0 20px purple)hue-rotate(60deg);transform:scale(1.05)}to{filter:brightness();transform:scale(1)}}.flash-drowsiness-container:after{content:"Zzz";color:#fff;text-shadow:0 0 10px #00f,0 0 20px #0ff;pointer-events:none;z-index:100;font-family:"Jersey 10",sans-serif;font-size:3rem;animation:2.5s ease-in infinite floatZzz;position:absolute;top:-20px;right:-10px}@keyframes floatZzz{0%{opacity:0;transform:translateY(0)scale(.5)}20%{opacity:1}to{opacity:0;transform:translateY(-40px)scale(1.5)}}.flash-stun{animation:1s ease-in-out flashStunBg;position:relative}.flash-stun:after{content:"💫";z-index:100;font-size:3rem;animation:1s linear infinite spinStun;position:absolute;top:-30px;left:50%;transform:translate(-50%)}@keyframes flashStunBg{0%{filter:brightness()}30%{filter:brightness(2)drop-shadow(0 0 20px #ff0)}to{filter:brightness()}}@keyframes spinStun{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}.flash-shield{animation:.5s cubic-bezier(.39,.575,.565,1) flashShield}@keyframes flashShield{0%{filter:brightness()}50%{filter:brightness(1.5)grayscale(.8)drop-shadow(0 0 15px silver);transform:scale(1.02)}to{filter:brightness();transform:scale(1)}}.flash-dodge{animation:.4s cubic-bezier(.25,1,.5,1) flashDodge}@keyframes flashDodge{0%{filter:blur();transform:translate(0)}50%{filter:blur(5px);transform:translate(-20px)}to{filter:blur();transform:translate(0)}}.flash-furia-glacial{animation:1s ease-out flashGlacial;position:relative}.flash-furia-glacial:after{content:"❄️";text-shadow:0 0 10px #0ff;z-index:100;font-size:3rem;animation:1s ease-out forwards snowFall;position:absolute;top:-20px;left:50%;transform:translate(-50%)}@keyframes flashGlacial{0%{filter:brightness()}30%{filter:brightness(2)drop-shadow(0 0 30px #0ff)hue-rotate(-30deg)}to{filter:brightness()}}@keyframes snowFall{0%{opacity:0;transform:translate(-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,10px)scale(1)}to{opacity:0;transform:translate(-50%,40px)scale(1.2)}}.end-turn-btn-fixed{color:#fff;cursor:pointer;z-index:900;text-shadow:1px 1px 3px #000;background:linear-gradient(#dc2626 0%,#991b1b 100%);border:2px solid #fbbf24;border-radius:12px;padding:8px 16px;font-family:"Jersey 10",cursive;font-size:1.3rem;transition:all .3s;position:fixed;bottom:30px;left:30px;box-shadow:0 4px 15px #00000080,0 0 10px #fbbf244d}.end-turn-btn-fixed:hover:not(:disabled){background:linear-gradient(#ef4444 0%,#b91c1c 100%);transform:scale(1.05);box-shadow:0 6px 20px #0009,0 0 15px #fbbf2480}.end-turn-btn-fixed:disabled{cursor:not-allowed}.character-splash{z-index:800;pointer-events:none;width:450px;height:450px;position:fixed;bottom:0;left:-20px}.character-splash img{object-fit:contain;object-position:bottom left;filter:drop-shadow(5px 0 10px #000c);width:100%;height:100%;transition:all .8s cubic-bezier(.25,1,.5,1)}.character-splash.splash-dead img{filter:grayscale()brightness(50%);opacity:0;transform:translateY(200px)}.character-splash.splash-alive{opacity:1}.character-splash.splash-attack-anim img{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards splashAttack}.character-splash.flash-damage img{animation:.5s ease-out splashFlashDamage}.character-splash.flash-heal img{animation:.5s ease-out splashFlashHeal}.character-splash.flash-shield img{animation:.5s ease-out splashFlashShield}@keyframes splashAttack{0%{filter:blur()drop-shadow(5px 0 10px #000c);transform:translate(0)scale(1)}40%{filter:blur(2px)drop-shadow(15px 0 20px #00000080);transform:translate(80px)scale(1.1)}to{filter:blur()drop-shadow(5px 0 10px #000c);transform:translate(0)scale(1)}}@keyframes reviveFlash{0%{filter:brightness(400%)contrast(150%);opacity:.5;transform:scale(1.05)translateY(20px)}to{filter:brightness()contrast();opacity:1;transform:scale(1)translateY(0)}}@keyframes splashFlashDamage{0%{filter:brightness()hue-rotate()}50%{filter:brightness(50%)hue-rotate(-50deg)sepia()saturate(5)hue-rotate(-50deg);transform:translate(-10px)}to{filter:brightness()hue-rotate();transform:translate(0)}}@keyframes splashFlashHeal{0%{filter:brightness()}50%{filter:brightness(150%)hue-rotate(90deg)drop-shadow(0 0 20px #4ade80)}to{filter:brightness()}}@keyframes splashFlashShield{0%{filter:brightness()}50%{filter:brightness(150%)hue-rotate(180deg)drop-shadow(0 0 20px #60a5fa)}to{filter:brightness()}}@keyframes popInFadeOutMiss{0%{opacity:0;transform:scale(.5)rotate(-10deg)}15%{opacity:1;transform:scale(1.2)rotate(5deg)}30%{opacity:1;transform:scale(1)rotate(0)}80%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.8)translateY(-20px)}}.boss-presentation-overlay{z-index:1000;pointer-events:none;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;animation:4s ease-in-out forwards fadeInOutBoss;display:flex;position:fixed;top:0;left:0}@keyframes fadeInOutBoss{0%{opacity:0;transform:scale(.9)}15%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.boss-presentation-text{text-align:center;z-index:2;font-family:"Press Start 2P",monospace;font-size:3rem;line-height:1.5;position:relative}.boss-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute}.boss-hada-text{color:#86efac;text-shadow:-4px -4px #166534,4px -4px #166534,-4px 4px #166534,4px 4px #166534}.boss-mimico-text{color:#fff;text-shadow:-4px -4px #aaa,4px -4px #aaa,-4px 4px #aaa,4px 4px #aaa}.boss-invernal-text{color:#fff;text-shadow:-4px -4px #38bdf8,4px -4px #38bdf8,-4px 4px #38bdf8,4px 4px #38bdf8}.boss-default-text{color:#fff;text-shadow:-4px -4px #fbbf24,4px -4px #fbbf24,-4px 4px #fbbf24,4px 4px #fbbf24}.dialogue-bubble{z-index:50;pointer-events:none;white-space:pre-wrap;background:#000000d9;border:2px solid;border-radius:8px;width:max-content;max-width:200px;padding:10px 14px;font-family:"Press Start 2P",monospace;font-size:.9rem;line-height:1.4;animation:.3s popInDialogueLeft,.5s 4.5s forwards fadeOutDialogue;position:absolute;bottom:50%;right:110%;transform:translateY(50%);box-shadow:0 4px 6px #00000080}.dialogue-bubble:after{content:"";border-style:solid;border-width:8px;border-color:transparent transparent transparent var(--accent-gold);position:absolute;top:50%;left:100%;transform:translateY(-50%)}@keyframes fadeOutDialogue{to{opacity:0}}@keyframes popInDialogueLeft{0%{opacity:0;transform:translateY(50%)translate(10px)scale(.5)}to{opacity:1;transform:translateY(50%)translate(0)scale(1)}}.shake-text{animation:.1s infinite textShake;display:inline-block}@keyframes textShake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.boss-hp-container{flex-direction:column;align-items:center;width:100%;margin-bottom:8px;display:flex}.boss-hp-header{color:#fff;text-shadow:1px 1px #000;justify-content:center;align-items:center;margin-bottom:4px;font-size:1.2rem;display:flex}.boss-hp-icon{filter:drop-shadow(0 0 2px #fbbf24cc);margin-right:6px;font-size:1.5rem}.boss-hp-bar-bg{border:2px solid var(--accent-gold);background:#000c;border-radius:6px;width:80%;height:14px;position:relative;overflow:hidden}.boss-hp-bar-fill{background:linear-gradient(90deg,#ef4444 0%,#fbbf24 100%);height:100%;transition:width .3s ease-out;box-shadow:inset 0 0 8px #fbbf2480}.character-splash.splash-just-revived{animation:.8s ease-out forwards reviveFlash}.evolution-container{z-index:9999;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.evolution-card-wrapper{transform-style:preserve-3d;transition:all .8s cubic-bezier(.25,.8,.25,1);position:absolute;bottom:-300px;left:50%;transform:translate(-50%)scale(.5)}.stage-center .evolution-card-wrapper{bottom:50%;transform:translate(-50%,50%)scale(1.5)}.stage-transform .evolution-card-wrapper{animation:1.5s ease-in-out forwards evolveTransform;bottom:50%}@keyframes evolveTransform{0%{transform:translate(-50%,50%)scale(1.5)rotateY(0)}30%{filter:brightness(300%);transform:translate(-50%,50%)scale(.5)rotateY(90deg)}50%{filter:brightness(300%);transform:translate(-50%,50%)scale(2)rotateY(90deg)}70%{filter:brightness();transform:translate(-50%,50%)scale(1.8)rotateY(180deg)}to{filter:brightness();transform:translate(-50%,50%)scale(1.5)rotateY(180deg)}}.stage-return .evolution-card-wrapper{transition:all .8s cubic-bezier(.25,.8,.25,1);bottom:-300px;transform:translate(-50%)scale(.5)rotateY(180deg)}.evolution-card-img{border-radius:15px;width:250px;box-shadow:0 0 30px #fffc}.evolution-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#fff 0%,#fff0 70%);width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-transform .evolution-glow{animation:1.5s ease-in-out forwards glowPulse}@keyframes glowPulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}40%{opacity:1;transform:translate(-50%,-50%)scale(2)}60%{opacity:1;transform:translate(-50%,-50%)scale(2)}to{opacity:0;transform:translate(-50%,-50%)scale(.5)}}.shop-container{background-image:url(/Tienda/fondo.jpg);background-position:50%;background-size:cover;flex-direction:column;width:100vw;height:100vh;animation:1s ease-out fadeIn;display:flex;position:relative;overflow:hidden}.shop-header{border-bottom:2px solid var(--accent-gold);z-index:40;background:#000000b3;justify-content:space-between;align-items:center;padding:1rem 3rem;display:flex}.shop-header h1{color:var(--accent-gold);text-shadow:2px 2px #000;margin:0;font-family:"Jersey 10",cursive;font-size:3rem}.shop-coins-display{color:#fbbf24;text-shadow:2px 2px #000;font-family:"Jersey 10",cursive;font-size:2.5rem}.shop-vendor-wrapper{z-index:30;pointer-events:none;position:absolute;bottom:0;right:0}.blacksmith-img{object-fit:contain;filter:drop-shadow(-10px 10px 20px #000c);height:80vh;transition:transform .1s;position:relative;bottom:-20px;right:-50px}.blacksmith-img.blacksmith-smaller{height:60vh;bottom:-10px;right:-30px}.blacksmith-img.vendor-talking{animation:.15s infinite alternate vendorTalk}@keyframes vendorTalk{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@font-face{font-family:Silver;src:url(/fonts/Silver.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:GrapeSoda;src:url(/fonts/GrapeSoda.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:EnchantedLand;src:url(/fonts/Enchanted%20Land.otf)format("opentype");font-weight:400;font-style:normal}.vendor-speech-bubble{z-index:35;pointer-events:auto;border:3px solid var(--accent-gold);opacity:0;background:#fffffff2;border-radius:20px;min-width:220px;max-width:320px;padding:16px 20px;animation:.8s ease-out forwards bubbleFadeIn;position:absolute;top:-40px;right:180px;transform:scale(.8);box-shadow:0 6px 24px #00000080}.vendor-speech-bubble.bubble-fade-out{animation:.8s ease-out forwards bubbleFadeIn,.5s ease-in 1.5s forwards bubbleFadeOut}@keyframes bubbleFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bubbleFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)translateY(10px)}}.vendor-speech-bubble:after{content:"";filter:drop-shadow(0 4px 4px #0003);border-top:20px solid #fffffff2;border-left:14px solid #0000;border-right:14px solid #0000;width:0;height:0;position:absolute;bottom:-18px;right:40px}.vendor-speech-bubble:before{content:"";border-left:16px solid #0000;border-right:16px solid #0000;border-top:22px solid var(--accent-gold);width:0;height:0;position:absolute;bottom:-22px;right:38px}.bubble-SHOP_BLACKSMITH .speech-text{color:#1a1a2e;font-family:Silver,"Jersey 10",cursive;font-size:1.6rem}.bubble-SHOP_GOBLIN .speech-text{color:#1a1a2e;font-family:EnchantedLand,"Jersey 10",cursive;font-size:1.6rem}.bubble-SHOP_DARK_GOBLIN{background:#0f0a14eb;border-color:#c9a227;animation:.8s ease-out forwards bubbleFadeIn,80ms infinite alternate darkBubbleTremble;box-shadow:0 6px 30px #000000b3,0 0 15px #c9a2274d}.bubble-SHOP_DARK_GOBLIN.bubble-fade-out{animation:.8s ease-out forwards bubbleFadeIn,80ms infinite alternate darkBubbleTremble,.5s ease-in 1.5s forwards bubbleFadeOut}@keyframes darkBubbleTremble{0%{transform:translate(0)rotate(0)}to{transform:translate(.5px,-.5px)rotate(-.3deg)}}.bubble-SHOP_DARK_GOBLIN:after{border-top-color:#0f0a14eb}.bubble-SHOP_DARK_GOBLIN:before{border-top-color:#c9a227}.bubble-SHOP_DARK_GOBLIN .speech-text{color:#e8c840;text-shadow:0 0 8px #e8c8404d;font-family:GrapeSoda,"Jersey 10",cursive;font-size:1.5rem}.bubble-SHOP_DARK_GOBLIN .typing-cursor{color:#e8c840}.speech-text{color:#1a1a2e;text-shadow:none;margin:0;font-family:Silver,"Jersey 10",cursive;font-size:1.6rem;line-height:1.3}.typing-cursor{color:var(--accent-gold);font-weight:700;animation:.6s infinite cursorBlink}.typing-cursor.hidden{display:none}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.shop-items-area{z-index:20;gap:1.5rem;display:flex;position:absolute;top:90px;left:30px}.shop-card-wrapper{perspective:1000px;width:190px;height:285px;transform:translate(-150vw)}.slide-in-0{animation:.5s forwards slideInLeft}.slide-in-1{animation:.5s 1s forwards slideInLeft}.slide-in-2{animation:.5s 2s forwards slideInLeft}@keyframes slideInLeft{0%{transform:translate(-150vw)rotateY(0)}to{transform:translate(0)rotateY(0)}}.shop-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s;position:relative}.shop-card-inner.flipped{transform:rotateY(180deg)}.shop-card-front,.shop-card-back{backface-visibility:hidden;border:3px solid var(--accent-gold);border-radius:12px;width:100%;height:100%;position:absolute;overflow:hidden;box-shadow:0 10px 25px #000c}.shop-card-front img,.shop-card-back img{object-fit:cover;width:100%;height:100%}.shop-card-back{flex-direction:column;display:flex;transform:rotateY(180deg)}.shop-item-info{border-top:2px solid var(--accent-gold);background:#000000d9;flex-direction:column;align-items:center;gap:4px;width:100%;padding:8px;display:flex;position:absolute;bottom:0}.shop-item-price{color:#fbbf24;font-family:"Jersey 10",cursive;font-size:2rem}.shop-buy-btn{background:var(--accent-green);color:#fff;cursor:pointer;border:2px solid #22c55e;border-radius:8px;width:100%;padding:4px 16px;font-family:"Jersey 10",cursive;font-size:1.3rem;transition:all .2s}.shop-buy-btn:hover:not(:disabled){color:var(--accent-green);background:#fff}.shop-buy-btn:disabled{color:#888;cursor:not-allowed;background:#555;border-color:#333}.shop-consumables{z-index:20;border:2px solid var(--accent-gold);text-align:center;background:#000000b3;border-radius:15px;padding:12px 24px;position:absolute;bottom:40px;left:30px}.consumables-list{gap:20px;margin-top:10px;display:flex}.limit-alert{color:#faa;text-shadow:1px 1px #000;text-align:center;width:100%;margin-top:5px;font-size:.7rem;animation:.2s ease-out popIn}.consumable-item{flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.consumable-item img{object-fit:cover;border:2px solid var(--accent-gold);border-radius:10px;width:90px;height:125px;box-shadow:0 5px 15px #00000080}.consumable-item button{cursor:pointer;background:var(--bg-panel);color:#fff;border:2px solid var(--border-color);border-radius:5px;padding:5px 10px;font-family:"Jersey 10",cursive;font-size:1.2rem;transition:all .2s}.consumable-item button:hover:not(:disabled){color:#000;background:#fbbf24;border-color:#fbbf24}.consumable-item button:disabled{opacity:.5;cursor:not-allowed}.shop-leave-area{z-index:20;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.leave-shop-btn{background:var(--accent-red);color:#fff;cursor:pointer;text-shadow:2px 2px #000;border:3px solid #ef4444;border-radius:10px;padding:15px 40px;font-family:"Jersey 10",cursive;font-size:2.5rem;transition:all .2s;box-shadow:0 10px 20px #00000080}.leave-shop-btn:hover:not(:disabled){color:var(--accent-red);background:#fff;transform:scale(1.05)}.leave-shop-btn:disabled{opacity:.5;cursor:not-allowed;transform:scale(1)}.shop-section-title{color:var(--accent-gold);text-shadow:2px 2px #000;margin:0 0 8px;font-family:"Jersey 10",cursive;font-size:1.8rem}.shop-player-hand{z-index:100;position:absolute;bottom:20px;right:20px}.sell-hover-text{background:var(--accent-red);color:#fff;opacity:0;pointer-events:none;white-space:nowrap;border-radius:5px;padding:5px 10px;font-family:"Jersey 10",cursive;font-size:1.2rem;transition:opacity .3s,bottom .3s;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.action-card:hover .sell-hover-text{opacity:1;bottom:10px}.teammate-shop-info{border:2px solid var(--accent-gold);text-align:center;background:#000c;border-radius:10px;margin-bottom:20px;padding:15px}.teammate-shop-info h3{color:var(--accent-gold);margin:0 0 10px;font-family:"Jersey 10",cursive;font-size:1.5rem}.teammate-shop-list{flex-direction:column;gap:10px;max-height:240px;display:flex;overflow-y:auto}.teammate-shop-card{border-top:1px solid #fbbf2459;padding-top:8px}.teammate-shop-card h4{color:var(--text-main);margin:0 0 6px;font-family:"Jersey 10",cursive;font-size:1.3rem}.teammate-shop-stats{justify-content:center;gap:15px;margin-bottom:10px;font-family:"Jersey 10",cursive;font-size:1.3rem;display:flex}.teammate-shop-inventory{flex-wrap:wrap;justify-content:center;gap:10px;font-size:1rem;display:flex}.player-items-list{gap:15px;display:flex}.player-inventory-item{flex-direction:column;align-items:center;gap:5px;display:flex}.player-inventory-item img{object-fit:cover;border:1px solid var(--accent-gold);border-radius:8px;width:60px;height:90px}.player-inventory-item button{cursor:pointer;background:var(--accent-red);color:#fff;border:1px solid #ef4444;border-radius:5px;padding:3px 8px;font-family:"Jersey 10",cursive;font-size:1rem;transition:all .2s}.player-inventory-item button:hover{color:var(--accent-red);background:#fff}.btn-error{background-color:#f44!important;border-color:#c00!important}.blink-red{animation:.5s infinite blinkRed}@keyframes blinkRed{0%{background-color:#f44}50%{background-color:#a00}to{background-color:#f44}}.transfer-btn{color:#fff;cursor:pointer;background:#22c55e;border:2px solid #fff;border-radius:8px;padding:5px 15px;font-family:"Jersey 10",cursive;font-size:1.5rem;transition:transform .2s;box-shadow:0 4px 10px #00000080}.transfer-btn:hover{transform:scale(1.05)}.transfer-modal-overlay{z-index:200;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.transfer-modal{border:3px solid var(--accent-gold);text-align:center;background:#1a1a2e;border-radius:15px;flex-direction:column;gap:15px;width:400px;padding:30px;display:flex;box-shadow:0 10px 30px #000c}.transfer-modal h2{color:var(--accent-gold);margin:0;font-family:"Jersey 10",cursive;font-size:2.5rem}.transfer-target-select{border:2px solid var(--accent-gold);color:#fff;background:#00000080;border-radius:8px;padding:6px 10px;font-family:"Jersey 10",cursive;font-size:1.6rem}.transfer-input-container{color:#fbbf24;justify-content:center;align-items:center;gap:10px;font-family:"Jersey 10",cursive;font-size:3rem;display:flex}.transfer-input-container input{border:2px solid var(--accent-gold);color:#fff;text-align:center;background:#00000080;border-radius:8px;width:150px;font-family:"Jersey 10",cursive;font-size:2.5rem}.transfer-description{color:#a1a1aa;margin:0;font-family:"Jersey 10",cursive;font-size:1.2rem}.transfer-cost{color:#ef4444;margin:0;font-family:"Jersey 10",cursive;font-size:1.8rem}.transfer-modal-actions{justify-content:space-around;margin-top:10px;display:flex}.transfer-modal-actions button{cursor:pointer;border-radius:8px;padding:8px 20px;font-family:"Jersey 10",cursive;font-size:1.5rem;transition:transform .2s}.transfer-modal-actions button:first-child{color:#fff;background:0 0;border:2px solid #555}.transfer-modal-actions button:last-child{color:#fff;background:#22c55e;border:2px solid #fff}.transfer-modal-actions button:last-child:disabled{color:#aaa;cursor:not-allowed;background:#555;border-color:#333}.event-screen-container{color:#fff;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Silver,monospace;display:flex;position:relative;overflow:hidden}.event-bg{filter:brightness(.6)blur(2px);z-index:0;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.event-content{z-index:1;background:#0f1419d9;border:4px solid #4a3b2c;border-radius:12px;flex-direction:column;width:90%;max-width:1000px;height:85%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #000c,inset 0 0 20px #00000080}.event-header{background:linear-gradient(#3a2b1c 0%,#2a1b0c 100%);border-bottom:2px solid #5a4b3c;justify-content:space-between;align-items:center;padding:15px 30px;display:flex}.event-title{color:#f0d080;text-shadow:2px 2px #000;letter-spacing:2px;margin:0;font-size:2.5rem}.event-player-stats{background:#00000080;border:1px solid #4a3b2c;border-radius:8px;gap:20px;padding:8px 15px;font-size:1.5rem;display:flex}.stat-item{align-items:center;gap:8px;display:flex}.stat-icon{width:24px;height:24px}.event-main{flex:1;gap:30px;padding:30px;display:flex}.event-npc-container{flex-direction:column;flex:0 0 35%;justify-content:center;align-items:center;display:flex;position:relative}.event-npc-image{object-fit:contain;filter:drop-shadow(0 0 15px #000c);max-width:100%;max-height:100%;animation:4s ease-in-out infinite float}.event-npc-dead{animation:2.5s forwards eventFadeToAsh}@keyframes eventFadeToAsh{0%{filter:drop-shadow(0 0 15px #000c)grayscale(0)brightness();opacity:1}50%{filter:drop-shadow(0 0 20px #ff6400cc)grayscale(.5)brightness(1.5);opacity:.8}to{filter:drop-shadow(0 0 5px #00000080)grayscale()brightness(.2);opacity:0;display:none}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.event-dialogue-container{flex-direction:column;flex:1;gap:20px;display:flex}.event-bubble{color:#1a1a1a;background:#fffffff2;border:3px solid #ccc;border-radius:12px;min-height:150px;padding:25px;font-size:2rem;position:relative;box-shadow:0 5px 15px #00000080}.event-bubble:before{content:"";border:10px solid #0000;border-left-width:0;border-right:20px solid #ccc;position:absolute;top:40px;left:-20px}.event-bubble:after{content:"";border:10px solid #0000;border-left-width:0;border-right:20px solid #fffffff2;position:absolute;top:40px;left:-15px}.event-choices{flex-direction:column;gap:12px;margin-top:auto;display:flex}.choice-btn{color:#f0d080;text-align:left;cursor:pointer;background:linear-gradient(90deg,#3a2b1c 0%,#2a1b0c 100%);border:2px solid #5a4b3c;border-radius:8px;justify-content:space-between;align-items:center;padding:15px 20px;font-family:Silver,monospace;font-size:1.8rem;transition:all .2s;display:flex;box-shadow:0 4px #1a0b00}.choice-btn:hover:not(:disabled){background:linear-gradient(90deg,#4a3b2c 0%,#3a2b1c 100%);transform:translateY(-2px);box-shadow:0 6px #1a0b00}.choice-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #1a0b00}.choice-btn:disabled{filter:grayscale()brightness(.6);cursor:not-allowed}.choice-dice-req{color:#aaa;background:#00000080;border-radius:4px;padding:4px 8px;font-size:1.4rem}.choice-leave{margin-top:10px;background:linear-gradient(90deg,#5a1c1c 0%,#3a0c0c 100%)!important;border-color:#7a2c2c!important;justify-content:center!important}.choice-leave.ready{background:linear-gradient(90deg,#1c5a1c 0%,#0c3a0c 100%)!important;border-color:#2c7a2c!important}.event-dice-area{background:#0009;border:2px dashed #5a4b3c;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.dice-container{cursor:pointer;width:150px;height:150px;margin:20px 0;transition:transform .2s;position:relative}.dice-container:hover{transform:scale(1.1)}.dice-image{object-fit:contain;filter:drop-shadow(0 10px 10px #000c);width:100%;height:100%}.event-dice-number{color:#fff;text-shadow:2px 2px #000,-2px -2px #000,2px -2px #000,-2px 2px #000;font-size:4rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dice-rolling{animation:.5s infinite shake}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.roll-btn{color:#fff;cursor:pointer;background:linear-gradient(#4a90e2 0%,#036 100%);border:2px solid #fff;border-radius:8px;padding:15px 40px;font-family:Silver,monospace;font-size:2rem;box-shadow:0 4px #001a33}.roll-btn:active{transform:translateY(4px);box-shadow:0 0 #001a33}.event-result-area{text-align:center;background:#000000b3;border:2px solid #5a4b3c;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.result-text{margin-bottom:30px;font-size:2.5rem;line-height:1.4}.result-success{color:#4caf50;text-shadow:0 0 10px #4caf5080}.result-failure{color:#f44336;text-shadow:0 0 10px #f4433680}.result-neutral{color:#fff}.result-continue-btn{color:#fff;cursor:pointer;background:linear-gradient(#4caf50 0%,#2e7d32 100%);border:2px solid #fff;border-radius:8px;padding:15px 40px;font-family:Silver,monospace;font-size:2rem}.bet-input-container{flex-direction:column;align-items:center;gap:15px;margin-top:20px;display:flex}.bet-input{color:#f0d080;text-align:center;background:#1a1a1a;border:2px solid #f0d080;border-radius:8px;width:150px;padding:10px;font-family:Silver,monospace;font-size:2rem}.bet-input:focus{outline:none;box-shadow:0 0 10px #f0d08080}.status-waiting{color:#aaa;text-align:center;margin-top:20px;font-size:1.8rem;font-style:italic;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.campfire-container{background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;align-items:center;width:100vw;height:100vh;font-family:"Jersey 10",cursive;display:flex;position:relative;overflow:hidden}.campfire-container:before{content:"";pointer-events:none;background:linear-gradient(#0003 0%,#00000080 50%,#000000e6 100%);position:absolute;inset:0}.campfire-content{z-index:10;border:4px solid var(--accent-gold);text-align:center;background:#000000d9;border-radius:15px;flex-direction:column;align-items:center;width:80%;max-width:900px;margin-bottom:5vh;padding:2rem;display:flex;position:relative;box-shadow:0 0 30px #000c}.campfire-title{color:var(--accent-gold);text-shadow:2px 2px #000,-2px -2px #000;margin:0 0 1rem;font-size:4rem}.campfire-options{flex-direction:column;gap:1.5rem;width:100%;margin-top:2rem;display:flex}.campfire-btn{border:2px solid var(--accent-gold);color:#fff;cursor:pointer;background:linear-gradient(#374151 0%,#1f2937 100%);border-radius:10px;flex-direction:column;align-items:center;padding:1.5rem;font-family:inherit;font-size:2rem;transition:all .2s;display:flex;box-shadow:0 4px #000}.campfire-btn:hover{background:linear-gradient(#4b5563 0%,#374151 100%);transform:translateY(-2px);box-shadow:0 6px #000,0 0 15px #fbbf244d}.campfire-btn:active{transform:translateY(4px);box-shadow:0 0 #000}.campfire-btn.selected{background:linear-gradient(#4caf50 0%,#2e7d32 100%);border-color:#81c784}.campfire-btn-desc{color:#fbbf24;margin-top:.5rem;font-size:1.2rem}.campfire-result{color:#fff;text-shadow:1px 1px #000;margin:2rem 0;font-size:2.5rem}.campfire-continue-btn{color:#fff;cursor:pointer;background:linear-gradient(#3b82f6 0%,#1d4ed8 100%);border:2px solid #60a5fa;border-radius:10px;margin-top:1rem;padding:1rem 3rem;font-family:inherit;font-size:2.5rem;transition:all .2s;box-shadow:0 4px #1e3a8a}.campfire-continue-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.campfire-continue-btn:active{transform:translateY(4px);box-shadow:0 0 #1e3a8a}.gameover-container{color:#fff;box-sizing:border-box;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;font-family:"Jersey 10",cursive;animation:2s ease-in-out fadeIn;display:flex;overflow-y:auto}.gameover-title{color:#ef4444;text-shadow:0 0 20px #ef444499;margin-bottom:3rem;font-size:8rem;animation:4s ease-out forwards slowScale}@keyframes slowScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.gameover-stats-container{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1200px;margin-bottom:3rem;animation:2s ease-out forwards slideUpFade;display:flex}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.gameover-player-card{background:#1e1e28cc;border:2px solid #444;border-radius:12px;flex-direction:column;align-items:center;min-width:280px;padding:1.5rem;transition:transform .3s,border-color .3s;display:flex;box-shadow:0 10px 30px #00000080}.gameover-player-card:hover{border-color:var(--accent-gold,#fbbf24);transform:translateY(-5px)}.gameover-pic{object-fit:cover;border:3px solid #333;border-radius:50%;width:80px;height:80px;margin-bottom:1rem}.gameover-player-name{text-shadow:1px 1px 2px #000;margin:0 0 1rem;font-size:2rem}.gameover-stat-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;width:100%;padding:.4rem 0;font-size:1.3rem;display:flex}.gameover-stat-row:last-child{border-bottom:none}.gameover-stat-row span:last-child{font-weight:700}.gameover-time{color:#fbbf24;opacity:0;margin-bottom:2rem;font-size:2rem;animation:2s ease-out 1s forwards slideUpFade}.gameover-btn{color:#ef4444;cursor:pointer;opacity:0;background:0 0;border:2px solid #ef4444;border-radius:8px;padding:1rem 2rem;font-family:"Jersey 10",cursive;font-size:1.8rem;transition:all .3s;animation:2s ease-out 2s forwards slideUpFade}.gameover-btn:hover{color:#000;background:#ef4444;box-shadow:0 0 20px #ef444480}.sound-toggle-btn{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#000000a6;border:2px solid #ffffff40;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;transition:all .2s;display:flex;position:fixed;top:15px;left:15px;box-shadow:0 2px 8px #00000080}.sound-toggle-btn:hover{background:#282828d9;border-color:#fff6;transform:scale(1.08)}.sound-panel{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f19eb;border:2px solid #ffffff26;border-radius:12px;min-width:220px;padding:16px 20px;animation:.2s ease-out fadeSlideIn;position:fixed;top:70px;left:15px;box-shadow:0 8px 30px #000000b3}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sound-panel-title{color:#fbbf24;text-shadow:0 1px 4px #0009;margin-bottom:12px;font-family:"Jersey 10",cursive;font-size:1.6rem}.sound-label{color:#e2e8f0;align-items:center;gap:10px;margin-bottom:10px;font-family:"Jersey 10",cursive;font-size:1.2rem;display:flex}.sound-label span:first-child{min-width:80px}.sound-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:3px;outline:none;flex:1;height:6px}.sound-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fbbf24;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 6px #fbbf2480}.sound-slider::-moz-range-thumb{cursor:pointer;background:#fbbf24;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 6px #fbbf2480}.sound-value{text-align:right;color:#94a3b8;min-width:38px;font-size:1rem}.cinematic-container{color:#fff;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.cinematic-bg{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;top:0;left:0}.cinematic-bg.visible{opacity:1}.cinematic-content-wrapper{z-index:10;width:90%;max-width:800px;display:grid}.cinematic-content{text-align:center;border:2px solid var(--accent-gold);opacity:0;pointer-events:none;background:#000000b3;border-radius:10px;grid-area:1/1;padding:2rem;font-family:"Jersey 10",cursive;font-size:2.5rem;line-height:1.4;transition:opacity 1s ease-in-out}.cinematic-content.visible{opacity:1;pointer-events:auto}.text-yellow-tremble{color:#fbbf24;text-shadow:0 0 10px #fbbf24cc;animation:.5s infinite shake;display:inline-block}.ready-button{background:var(--bg-panel);color:#fff;border:2px solid var(--accent-gold);cursor:pointer;z-index:20;width:fit-content;margin-top:2rem;padding:8px 24px;font-family:"Jersey 10",cursive;font-size:1.5rem;transition:all .3s}.ready-button:hover{background:var(--accent-gold);color:#000}.ready-button.ready{color:#fff;pointer-events:none;background:#22c55e;border-color:#16a34a}.text-white-tremble{color:#fff;animation:.5s infinite shake;display:inline-block}.text-white-tremble-soft{color:#fff;animation:1s infinite shakeSoft;display:inline-block}@keyframes shakeSoft{0%{transform:translate(.5px,.5px)rotate(0)}10%{transform:translate(-.5px,-1px)rotate(-.5deg)}20%{transform:translate(-1.5px)rotate(.5deg)}30%{transform:translate(1.5px,1px)rotate(0)}40%{transform:translate(.5px,-.5px)rotate(.5deg)}50%{transform:translate(-.5px,1px)rotate(-.5deg)}60%{transform:translate(-1.5px,.5px)rotate(0)}70%{transform:translate(1.5px,.5px)rotate(-.5deg)}80%{transform:translate(-.5px,-.5px)rotate(.5deg)}90%{transform:translate(.5px,1px)rotate(0)}to{transform:translate(.5px,-1px)rotate(-.5deg)}}.text-red-slow{color:#dc2626;letter-spacing:5px;text-shadow:0 0 15px #dc2626cc;font-size:3rem}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}@keyframes fallDownExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(150px)}}.fall-down-exit{animation:.8s cubic-bezier(.8,0,1,1) forwards fallDownExit}@keyframes logoShrinkUp{0%{transform:scale(1)}to{transform:scale(.9)}}.logo-move-up{animation:1.2s cubic-bezier(.2,.8,.2,1) forwards logoShrinkUp}.sparkle{clip-path:polygon(50% 0%,55% 45%,100% 50%,55% 55%,50% 100%,45% 55%,0% 50%,45% 45%);opacity:0;filter:drop-shadow(0 0 8px #ffd700cc);pointer-events:none;background-color:gold;animation:4s ease-in-out infinite sparkleAnim;position:absolute}.s1{width:30px;height:30px;animation-delay:0s;top:15%;left:10%}.s2{width:15px;height:15px;animation-duration:5s;animation-delay:1.5s;top:60%;right:12%}.s3{width:22px;height:22px;animation-delay:3s;top:80%;left:25%}.s4{width:18px;height:18px;animation-duration:3.5s;animation-delay:2.2s;top:25%;right:25%}.s5{width:12px;height:12px;animation-duration:4.5s;animation-delay:.8s;top:50%;left:30%}@keyframes sparkleAnim{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(90deg)}to{opacity:0;transform:scale(0)rotate(180deg)}}.battle-transition-overlay{z-index:9998;pointer-events:none;background:radial-gradient(circle,#fff5d2e6 0%,#ffc25038 16%,#0000 36%),radial-gradient(circle,#0000 0%,#000000d9 72%);animation:1.8s ease-in-out forwards battleOverlayFade;position:fixed;inset:0;overflow:hidden}.battle-transition-overlay:before,.battle-transition-overlay:after{content:"";mix-blend-mode:screen;transform-origin:50%;background:repeating-conic-gradient(from 22deg,#fff0 0deg 10deg,#ffe896d9 11deg 13deg,#7823196b 14deg 18deg,#fff0 19deg 28deg);animation:1.25s cubic-bezier(.16,.84,.24,1) forwards battleSpiral;position:absolute;inset:-22%}.battle-transition-overlay:after{filter:blur(8px);opacity:.65;animation-duration:1.45s;animation-direction:reverse}.battle-transition-boss{background:radial-gradient(circle,#ffffffe6 0%,#b4232359 18%,#0000 38%),radial-gradient(circle,#0000 0%,#190000f2 72%)}.battle-transition-subboss{background:radial-gradient(circle,#fffadce6 0%,#8250ff40 18%,#0000 38%),radial-gradient(circle,#0000 0%,#0a0520eb 72%)}.battle-transition-flash{background:#fff;animation:1.8s ease-out forwards battleFlash;position:absolute;inset:0}.battle-transition-vortex{border:10px solid #ffe896d9;border-radius:50%;width:min(120vw,120vh);height:min(120vw,120vh);animation:1.25s cubic-bezier(.16,.84,.24,1) forwards battleVortex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.08);box-shadow:0 0 28px #ffdc78e6,inset 0 0 48px #ffffff73}.battle-transition-bars{position:absolute;inset:-10%;transform:rotate(-16deg)}.battle-transition-bars span{left:-20%;top:calc(var(--bar-index) * 8%);opacity:0;width:140%;height:3.6%;animation:1.05s cubic-bezier(.11,.78,.18,1) forwards battleBarSweep;animation-delay:calc(var(--bar-index) * 35ms);background:linear-gradient(90deg,#0000 0%,#fffffff2 15%,#ffcd55f0 48%,#500c08e6 80%,#0000 100%);position:absolute;transform:translate(-38%)scaleX(.25);box-shadow:0 0 18px #ffd25abf}.battle-transition-cut{background:#050406;height:50%;animation:1.8s cubic-bezier(.18,.72,.18,1) forwards battleCutOpen;position:absolute;left:0;right:0}.battle-transition-cut.top{transform-origin:top;top:0}.battle-transition-cut.bottom{transform-origin:bottom;bottom:0}@keyframes battleOverlayFade{0%{opacity:0}8%{opacity:1}72%{opacity:1}to{opacity:0}}@keyframes battleFlash{0%{opacity:0}8%{opacity:1}19%{opacity:.18}32%{opacity:.72}45%,to{opacity:0}}@keyframes battleSpiral{0%{opacity:0;transform:rotate(0)scale(.15)}16%{opacity:1}68%{opacity:.92;transform:rotate(300deg)scale(1.35)}to{opacity:0;transform:rotate(520deg)scale(2.2)}}@keyframes battleVortex{0%{opacity:0;transform:translate(-50%,-50%)scale(.04)rotate(0)}14%{opacity:1}68%{opacity:.9;transform:translate(-50%,-50%)scale(.82)rotate(280deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.55)rotate(520deg)}}@keyframes battleBarSweep{0%{opacity:0;transform:translate(-42%)scaleX(.2)}24%{opacity:1}62%{opacity:.92;transform:translate(0)scaleX(1)}to{opacity:0;transform:translate(44%)scaleX(.15)}}@keyframes battleCutOpen{0%,42%{transform:scaleY(1)}to{transform:scaleY(0)}}@media (prefers-reduced-motion:reduce){.battle-transition-overlay,.battle-transition-overlay:before,.battle-transition-overlay:after,.battle-transition-flash,.battle-transition-vortex,.battle-transition-bars span,.battle-transition-cut{animation-duration:.01ms;animation-iteration-count:1}}