.energy-refill-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.energy-refill-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(255,215,0,.3);border-radius:1rem;padding:2rem;max-width:400px;width:90%;text-align:center}.energy-modal-header{margin-bottom:1.5rem}.energy-modal-icon{font-size:3rem;margin-bottom:.5rem}.energy-modal-title{font-size:1.5rem;font-weight:700;color:#fbbf24;margin-bottom:.5rem}.energy-modal-subtitle{font-size:.875rem;color:#a0aec0}.energy-status{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;padding:1rem;background:#0000004d;border-radius:.5rem}.energy-status-item{display:flex;flex-direction:column;align-items:center}.energy-status-label{font-size:.75rem;color:#a0aec0;margin-bottom:.25rem}.energy-status-value{font-size:1.25rem;font-weight:700}.energy-status-value.current{color:#ef4444}.energy-status-value.required{color:#fbbf24}.energy-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.energy-option{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.energy-option:hover:not(.disabled){background:#ffffff1a;border-color:#ffd7004d}.energy-option.disabled{opacity:.5;cursor:not-allowed}.energy-option-info{display:flex;align-items:center;gap:.75rem}.energy-option-icon{font-size:1.5rem}.energy-option-details{text-align:left}.energy-option-name{font-weight:700;color:#fff;margin-bottom:.25rem}.energy-option-desc{font-size:.75rem;color:#a0aec0}.energy-option-cost{font-weight:700;color:#fbbf24}.energy-option-cost.gems{color:#a855f7}.energy-modal-actions{display:flex;justify-content:center}.energy-modal-skip{padding:.75rem 2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#a0aec0;cursor:pointer;transition:all .2s ease}.energy-modal-skip:hover{background:#fff3;color:#fff}.capture-phase{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0a0a1a,#1a1a3e,#0f1f3f);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:1000;padding:1.5rem;overflow:hidden}.capture-phase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(138,43,226,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(ellipse 100% 80% at 50% 100%,rgba(75,0,130,.2) 0%,transparent 60%);animation:mysticalPulse 8s ease-in-out infinite;pointer-events:none}.capture-phase:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(168,85,247,.08) 0%,transparent 30%),radial-gradient(circle at 70% 80%,rgba(59,130,246,.08) 0%,transparent 30%);animation:mysticalDrift 12s ease-in-out infinite alternate;pointer-events:none}@keyframes mysticalPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes mysticalDrift{0%{transform:translate(-20px) translateY(-10px)}to{transform:translate(20px) translateY(10px)}}.floating-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;border-radius:50%;filter:blur(1px);box-shadow:0 0 6px currentColor}.capture-phase .floating-particles:before,.capture-phase .floating-particles:after{content:"✦";position:absolute;font-size:1rem;color:#ffd7004d;animation:floatOrb 6s ease-in-out infinite;text-shadow:0 0 10px rgba(255,215,0,.5)}.capture-phase .floating-particles:before{left:10%;top:30%;animation-delay:0s}.capture-phase .floating-particles:after{right:15%;top:50%;animation-delay:3s;color:#a855f74d;text-shadow:0 0 10px rgba(168,85,247,.5)}@keyframes floatOrb{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-20px) scale(1.2);opacity:.6}}.capture-phase .mystical-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.capture-phase .mystical-stars span{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;animation:twinkle 3s ease-in-out infinite;box-shadow:0 0 6px #fffc}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.capture-phase-header{text-align:center;margin-bottom:1rem;z-index:1}.capture-phase-title{font-size:2.5rem;font-weight:700;color:gold;margin-bottom:.25rem;letter-spacing:2px}.capture-phase-subtitle{font-size:1rem;color:#ffffffb3}.energy-display{display:flex;align-items:center;gap:.5rem;background:#00000080;padding:.5rem 1.25rem;border-radius:2rem;margin-bottom:1rem;border:1px solid rgba(74,222,128,.3);z-index:1}.energy-icon{font-size:1.25rem}.energy-value{font-size:1.25rem;font-weight:700;color:#4ade80}.energy-label{font-size:.75rem;color:#fff9}.skip-btn{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#ffffffb3;cursor:pointer;transition:all .2s ease;z-index:10}.stayed-enemies-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:700px;z-index:1}.enemy-capture-card{background:linear-gradient(145deg,#19192df2,#0f0f1efa);border:2px solid var(--strength-color, rgba(255, 255, 255, .15));border-radius:1rem;padding:.875rem;width:200px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff0d inset,0 0 30px var(--strength-color, transparent) inset}.enemy-capture-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center bottom,var(--strength-color, transparent) 0%,transparent 70%);opacity:.15;pointer-events:none}.strength-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .6rem;border-radius:.5rem;font-size:.7rem;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.5px;z-index:5;box-shadow:0 2px 8px #0000004d}.enemy-image-container{width:100%;height:120px;border-radius:.75rem;overflow:hidden;margin-bottom:.75rem;background:linear-gradient(180deg,#0000004d,#00000080);display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(255,255,255,.08)}.enemy-image{width:100%;height:100%;object-fit:cover;object-position:center top}.enemy-placeholder{font-size:3.5rem}.creature-type-icon{position:absolute;bottom:.4rem;left:.4rem;width:28px;height:28px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;border:1px solid rgba(255,255,255,.2)}.enemy-name{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.75rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.capture-stats{display:flex;justify-content:space-between;gap:.5rem;background:#0000004d;border-radius:.5rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.05)}.capture-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex:1}.capture-stat-label{font-size:.6rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.capture-stat-value{font-size:1.1rem;font-weight:700}.capture-stat-value.chance{color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.4)}.capture-stat-value.energy{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.4)}.enemy-capture-card.strength-weaker{border-color:#4ade8066}.enemy-capture-card.strength-medium{border-color:#fbbf2466}.enemy-capture-card.strength-strong{border-color:#f9731666}.enemy-capture-card.strength-boss{border-color:#ef444480;box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff0d inset,0 0 40px #ef444433}.capture-interface{background:linear-gradient(180deg,#141428f2,#0f0f1efa);border:2px solid rgba(255,215,0,.3);border-radius:1.5rem;padding:1.5rem;width:380px;min-width:380px;max-width:380px;height:580px;min-height:580px;max-height:580px;text-align:center;box-shadow:0 20px 60px #00000080,0 0 60px #ffd7001a;z-index:1;display:flex;flex-direction:column;align-items:center;overflow:hidden}.capture-enemy-portrait{width:140px;height:140px;min-width:140px;min-height:140px;max-width:140px;max-height:140px;margin:0 auto 1rem;border-radius:50%;overflow:hidden;border:4px solid rgba(255,215,0,.5);box-shadow:0 0 30px #ffd70033;background:linear-gradient(135deg,#1e1e32,#141423);position:relative;flex-shrink:0}.capture-enemy-portrait.capturing{border-color:gold;box-shadow:0 0 50px #ffd70080,0 0 100px #ffd7004d}.capture-enemy-portrait.success{border-color:#4ade80;box-shadow:0 0 50px #4ade8080}.capture-enemy-portrait.failed{border-color:#ef4444}.capture-enemy-image{width:100%;height:100%;object-fit:cover;object-position:center top}.capture-enemy-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem}.portrait-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;pointer-events:none}.selected-enemy-info{margin-bottom:1rem;width:100%}.selected-enemy-name{font-size:1.5rem;font-weight:700;color:gold;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,215,0,.3)}.selected-enemy-type-badge{font-size:.8rem;color:#fffc;background:#ffffff1a;padding:.25rem .75rem;border-radius:1rem;display:inline-block;margin-bottom:.75rem;text-transform:capitalize;border:1px solid rgba(255,255,255,.2)}.selected-enemy-details{display:flex;justify-content:center;gap:1.5rem;font-size:1rem}.selected-enemy-details .capture-chance{color:#4ade80;font-weight:600}.selected-enemy-details .energy-cost{color:#fbbf24;font-weight:600}.attempt-indicators{display:flex;justify-content:center;gap:.75rem;margin-bottom:1rem;width:100%}.attempt-indicator{width:45px;height:45px;min-width:45px;min-height:45px;max-width:45px;max-height:45px;border-radius:50%;background:#ffffff0d;border:3px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff6;flex-shrink:0}.attempt-indicator.available{border-color:#4ade80;background:#4ade801a;color:#4ade80;box-shadow:0 0 15px #4ade8033}.attempt-indicator.used{border-color:#ef4444;background:#ef444426;color:#ef4444}.attempt-indicator.success{border-color:gold;background:#ffd70033;color:gold;box-shadow:0 0 20px #ffd70066}.capture-animation-area{width:100%;height:120px;min-height:120px;max-height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;flex-shrink:0;overflow:visible}.soul-cube-container{position:absolute;left:50%;top:50%;width:100px;height:100px;min-width:100px;min-height:100px;max-width:100px;max-height:100px;display:flex;align-items:center;justify-content:center;perspective:200px;margin-left:-50px;margin-top:-50px}.cube-glow-ring{position:absolute;width:100px;height:100px;border:2px solid rgba(138,43,226,.4);border-radius:50%;box-shadow:0 0 20px #8a2be24d,inset 0 0 20px #8a2be233}.cube-glow-ring:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px dashed rgba(255,215,0,.3);border-radius:50%}.soul-cube{width:50px;height:50px;position:relative;transform-style:preserve-3d;filter:drop-shadow(0 0 15px rgba(138,43,226,.6))}.soul-cube.success{filter:drop-shadow(0 0 25px rgba(74,222,128,.8))}.soul-cube.failed{filter:drop-shadow(0 0 20px rgba(239,68,68,.6))}.cube-face{position:absolute;width:50px;height:50px;border:2px solid rgba(138,43,226,.6);background:linear-gradient(135deg,#1e0032e6,#3c1464cc,#1e0032e6);box-shadow:inset 0 0 15px #8a2be266}.cube-front{transform:translateZ(25px)}.cube-back{transform:rotateY(180deg) translateZ(25px)}.cube-left{transform:rotateY(-90deg) translateZ(25px)}.cube-right{transform:rotateY(90deg) translateZ(25px)}.cube-top{transform:rotateX(90deg) translateZ(25px)}.cube-bottom{transform:rotateX(-90deg) translateZ(25px)}.cube-core{position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff 0%,#a855f7 40%,transparent 70%);border-radius:50%;box-shadow:0 0 30px #a855f7cc}.energy-streams{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;pointer-events:none}.energy-stream{position:absolute;width:4px;height:30px;top:50%;left:50%;background:linear-gradient(to top,transparent 0%,rgba(168,85,247,.8) 50%,transparent 100%);transform-origin:center bottom;transform:translate(-50%,-100%) rotate(var(--stream-angle));border-radius:2px;box-shadow:0 0 10px #a855f780}.rune-orbit{position:absolute;width:90px;height:90px;pointer-events:none}.orbit-rune{position:absolute;font-size:.9rem;color:#ffd700cc;text-shadow:0 0 8px rgba(255,215,0,.6);top:50%;left:50%}.orbit-rune:nth-child(1){transform:translate(-50%,-50%) rotate(0) translateY(-45px)}.orbit-rune:nth-child(2){transform:translate(-50%,-50%) rotate(90deg) translateY(-45px)}.orbit-rune:nth-child(3){transform:translate(-50%,-50%) rotate(180deg) translateY(-45px)}.orbit-rune:nth-child(4){transform:translate(-50%,-50%) rotate(270deg) translateY(-45px)}.capture-result{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:1rem;width:180px;height:100px;min-width:180px;min-height:100px;max-width:180px;max-height:100px;position:absolute;left:50%;top:50%;margin-left:-90px;margin-top:-50px}.capture-result.success{background:#4ade8026;border:2px solid rgba(74,222,128,.3)}.capture-result.failed{background:linear-gradient(135deg,#8a2be226,#4b008233);border:2px solid rgba(138,43,226,.4);box-shadow:0 0 20px #8a2be233,inset 0 0 15px #8a2be21a}.result-icon{font-size:2rem}.result-icon.escaped-icon{font-size:2.25rem;filter:drop-shadow(0 0 8px rgba(138,43,226,.6))}.result-text{font-size:1.25rem;font-weight:700}.capture-result.success .result-text{color:#4ade80}.capture-result.failed .result-text{color:#a78bfa;text-shadow:0 0 10px rgba(167,139,250,.4)}.escape-subtext{font-size:.75rem;color:#a78bfab3;font-style:italic;margin-top:.25rem}.capture-buttons{display:flex;gap:.75rem;justify-content:center;width:100%;margin-top:auto}.capture-btn{padding:.75rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;min-width:110px}.capture-btn.large{padding:1rem 2rem;font-size:1.1rem}.capture-btn.primary{background:linear-gradient(135deg,gold,#ff8c00);color:#000;box-shadow:0 4px 15px #ffd7004d}.capture-btn.primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.capture-btn.secondary{background:#ffffff14;color:#fffc;border:1px solid rgba(255,255,255,.15)}.capture-btn.secondary:disabled{opacity:.5;cursor:not-allowed}.capture-phase.fled-screen{background:radial-gradient(ellipse at center,#1a1a3e,#0a0a1a 70%,#050510);justify-content:center}.fled-dust-clouds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.dust-cloud{position:absolute;width:80px;height:80px;background:radial-gradient(circle,rgba(150,140,120,.4) 0%,transparent 70%);border-radius:50%;filter:blur(8px)}.fled-silhouettes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.fled-silhouette{position:absolute;filter:grayscale(1) brightness(.3);opacity:.5}.fled-content{background:linear-gradient(145deg,#191932f2,#0f0f23fa);border:2px solid rgba(100,100,150,.3);border-radius:1.5rem;padding:2.5rem 3rem;text-align:center;max-width:420px;width:90%;box-shadow:0 20px 60px #00000080,0 0 80px #6464961a,inset 0 1px #ffffff0d;position:relative;z-index:10}.fled-icon-container{position:relative;width:100px;height:100px;margin:0 auto 1.5rem}.fled-icon-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed rgba(150,150,180,.3);border-radius:50%}.fled-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:3.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.fled-title{font-size:1.75rem;font-weight:700;color:#a0a0c0;margin-bottom:.75rem;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.fled-subtitle{font-size:.95rem;color:#ffffff80;line-height:1.6;margin-bottom:1.5rem}.fled-hint{display:inline-block;margin-top:.5rem;font-size:.85rem;color:#ffd700b3;background:#ffd7001a;padding:.4rem .8rem;border-radius:.5rem;border:1px solid rgba(255,215,0,.2)}.fled-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;padding:1rem;background:#0003;border-radius:.75rem;border:1px solid rgba(255,255,255,.05)}.fled-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.fled-stat-icon{font-size:1.25rem;margin-bottom:.25rem}.fled-stat-label{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.fled-stat-value{font-size:1.25rem;font-weight:700;color:#fffc}.fled-continue-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 2rem;background:linear-gradient(135deg,#4a4a6a,#3a3a5a);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.fled-continue-btn:hover{background:linear-gradient(135deg,#5a5a7a,#4a4a6a)}.btn-arrow{font-size:1.1rem}.fled-corner{position:absolute;width:60px;height:60px;border:2px solid rgba(100,100,150,.15);pointer-events:none}.fled-corner-tl{top:2rem;left:2rem;border-right:none;border-bottom:none;border-radius:8px 0 0}.fled-corner-tr{top:2rem;right:2rem;border-left:none;border-bottom:none;border-radius:0 8px 0 0}.fled-corner-bl{bottom:2rem;left:2rem;border-right:none;border-top:none;border-radius:0 0 0 8px}.fled-corner-br{bottom:2rem;right:2rem;border-left:none;border-top:none;border-radius:0 0 8px}@media (max-width: 480px){.capture-phase{padding:1rem}.capture-phase-title{font-size:1.75rem}.capture-interface{padding:1rem;width:340px;min-width:340px;max-width:340px;height:540px;min-height:540px;max-height:540px}.capture-enemy-portrait{width:120px;height:120px;min-width:120px;min-height:120px;max-width:120px;max-height:120px}.enemy-capture-card{width:150px;min-width:150px;max-width:150px;padding:.75rem}}.aeon-reveal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1100;overflow:hidden}.aeon-reveal-background{position:absolute;top:0;right:0;bottom:0;left:0;transition:background .5s ease}.aeon-reveal-background.normal{background:radial-gradient(ellipse at center,#1a1a2e,#0f0f1a 60%,#000)}.aeon-reveal-background.shiny{background:radial-gradient(ellipse at center,#3d2e0a,#1a1505 60%,#000)}.aeon-reveal-background.darkShiny{background:radial-gradient(ellipse at center,#1a0a2e,#0a0514 60%,#000)}.aeon-glow{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(60px);opacity:.6;pointer-events:none}.aeon-glow.normal{background:radial-gradient(circle,rgba(96,165,250,.5) 0%,transparent 70%)}.aeon-glow.shiny{background:radial-gradient(circle,rgba(255,215,0,.7) 0%,transparent 70%);animation:shiny-pulse 1.5s ease-in-out infinite}.aeon-glow.darkShiny{background:radial-gradient(circle,rgba(139,92,246,.8) 0%,rgba(75,0,130,.4) 50%,transparent 70%);animation:dark-shiny-pulse 1s ease-in-out infinite}@keyframes shiny-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}@keyframes dark-shiny-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:.9}}.aeon-card-container{position:relative;z-index:10}.aeon-card{background:linear-gradient(135deg,#1e1e32f2,#141423fa);border-radius:1rem;padding:1.5rem;width:320px;border:2px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.aeon-card.normal{border-color:#60a5fa66}.aeon-card.shiny{border-color:#ffd70099;box-shadow:0 0 30px #ffd7004d,0 20px 60px #00000080}.aeon-card.darkShiny{border-color:#8b5cf6b3;box-shadow:0 0 40px #8b5cf666,0 20px 60px #00000080}.shiny-banner{position:absolute;top:-40px;left:50%;transform:translate(-50%);padding:.5rem 2rem;border-radius:2rem;font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;z-index:20}.shiny-banner.shiny{background:linear-gradient(135deg,gold,#ff8c00);color:#000;box-shadow:0 0 20px #ffd70080;animation:banner-glow-gold 1s ease-in-out infinite}.shiny-banner.darkShiny{background:linear-gradient(135deg,#8b5cf6,indigo);color:#fff;box-shadow:0 0 30px #8b5cf699;animation:banner-glow-purple .8s ease-in-out infinite}@keyframes banner-glow-gold{0%,to{box-shadow:0 0 20px #ffd70080}50%{box-shadow:0 0 40px #ffd700cc}}@keyframes banner-glow-purple{0%,to{box-shadow:0 0 30px #8b5cf699}50%{box-shadow:0 0 50px #8b5cf6e6}}.aeon-image-container{width:100%;height:180px;border-radius:.75rem;overflow:hidden;margin-bottom:1rem;background:#0000004d;display:flex;align-items:center;justify-content:center;position:relative}.aeon-image{width:100%;height:100%;object-fit:cover}.aeon-placeholder{font-size:4rem}.creature-type-badge{position:absolute;top:.5rem;right:.5rem;background:#000000b3;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;color:#a0aec0;display:flex;align-items:center;gap:.25rem}.aeon-name{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:.5rem}.aeon-set-info{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:#0000004d;border-radius:.5rem}.set-icon{font-size:1.25rem}.set-name{font-size:.875rem;color:#a0aec0}.rarity-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.rarity-badge.common{background:#9ca3af33;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.rarity-badge.rare{background:#60a5fa33;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.rarity-badge.epic{background:#c084fc33;color:#c084fc;border:1px solid rgba(192,132,252,.3)}.rarity-badge.legendary{background:#fcd34d33;color:#fcd34d;border:1px solid rgba(252,211,77,.3)}.aeon-stats{margin-top:1rem}.main-stat{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff0d;border-radius:.5rem;margin-bottom:.75rem}.main-stat-label{font-size:.875rem;color:#a0aec0}.main-stat-value{font-size:1.125rem;font-weight:700;color:#4ade80}.sub-stats{display:flex;flex-direction:column;gap:.5rem}.sub-stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#ffffff08;border-radius:.25rem;font-size:.875rem}.sub-stat-label{color:#a0aec0}.sub-stat-value{color:#fff;font-weight:500}.continue-btn{margin-top:2rem;padding:1rem 3rem;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:.5rem;font-size:1.125rem;font-weight:700;color:#000;cursor:pointer;transition:all .2s ease}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4ade8066}@keyframes screen-shake{0%,to{transform:translate(0)}10%{transform:translate(-10px,-5px)}20%{transform:translate(10px,5px)}30%{transform:translate(-8px,8px)}40%{transform:translate(8px,-8px)}50%{transform:translate(-6px,6px)}60%{transform:translate(6px,-6px)}70%{transform:translate(-4px,4px)}80%{transform:translate(4px,-4px)}90%{transform:translate(-2px,2px)}}.screen-shake{animation:screen-shake .6s ease-out}@keyframes vortex-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.darkShiny .aeon-glow:before{content:"";position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;background:conic-gradient(from 0deg,transparent 0deg,rgba(139,92,246,.3) 60deg,transparent 120deg,rgba(75,0,130,.2) 180deg,transparent 240deg,rgba(139,92,246,.3) 300deg,transparent 360deg);border-radius:50%;animation:vortex-spin 3s linear infinite}.sparkle-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.sparkle{position:absolute;width:4px;height:4px;background:gold;border-radius:50%;box-shadow:0 0 10px #ffd700cc}.void-particle{position:absolute;width:6px;height:6px;background:#8b5cf6;border-radius:50%;box-shadow:0 0 15px #8b5cf6e6}.flash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.flash-overlay.gold{background:#ffd7004d}.flash-overlay.purple{background:#8b5cf666}.tap-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:#fff6;font-size:.875rem}.light-rays{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.light-ray{position:absolute;left:50%;top:50%;width:4px;height:200vh;transform-origin:center center;opacity:.3}.light-ray.gold{background:linear-gradient(to bottom,transparent 0%,rgba(255,215,0,.4) 20%,rgba(255,215,0,.6) 50%,rgba(255,215,0,.4) 80%,transparent 100%)}.light-ray.purple{background:linear-gradient(to bottom,transparent 0%,rgba(139,92,246,.5) 20%,rgba(139,92,246,.7) 50%,rgba(139,92,246,.5) 80%,transparent 100%)}.aeon-card.shiny:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,215,0,.1) 45%,rgba(255,215,0,.2) 50%,rgba(255,215,0,.1) 55%,transparent 60%);animation:shimmer 2s ease-in-out infinite;border-radius:1rem;pointer-events:none}.aeon-card.darkShiny:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(139,92,246,.15) 45%,rgba(139,92,246,.25) 50%,rgba(139,92,246,.15) 55%,transparent 60%);animation:shimmer 1.5s ease-in-out infinite;border-radius:1rem;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.battle-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.bg-dark-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 100% at 50% 100%,#1a0d28,#12081c 40%,#0a0510,#050208)}.bg-center-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60%;height:50%;background:radial-gradient(ellipse at center,rgba(139,92,246,.08) 0%,rgba(139,92,246,.03) 40%,transparent 70%);filter:blur(40px);animation:centerPulse 6s ease-in-out infinite}@keyframes centerPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.05)}}.bg-side-glow{position:absolute;top:10%;bottom:10%;width:35%;opacity:.1;filter:blur(80px);animation:sideGlow 4s ease-in-out infinite}.player-glow{left:-5%;background:radial-gradient(ellipse at 30% 50%,var(--glow-color) 0%,transparent 70%)}.enemy-glow{right:-5%;background:radial-gradient(ellipse at 70% 50%,var(--glow-color) 0%,transparent 70%);animation-delay:2s}@keyframes sideGlow{0%,to{opacity:.08}50%{opacity:.15}}.bg-floor-gradient{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 100%);pointer-events:none}.bg-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-particle{position:absolute;background:radial-gradient(circle,rgba(200,180,255,.9) 0%,rgba(139,92,246,.5) 50%,transparent 70%);border-radius:50%;animation:particleDrift 25s ease-in-out infinite}@keyframes particleDrift{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-30px) translate(15px)}50%{transform:translateY(-15px) translate(-10px)}75%{transform:translateY(-40px) translate(5px)}}.bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.6) 100%);pointer-events:none}.intensity-calm .bg-center-glow{animation-duration:10s;opacity:.4}.intensity-calm .bg-side-glow{opacity:.05}.intensity-calm .bg-particle{animation-duration:35s}.intensity-intense .bg-center-glow{animation-duration:3s;background:radial-gradient(ellipse at center,rgba(139,92,246,.15) 0%,rgba(139,92,246,.06) 40%,transparent 70%)}.intensity-intense .bg-side-glow{opacity:.2;animation-duration:2s}.intensity-intense .bg-particle{animation-duration:15s}@media (max-width: 768px){.bg-center-glow{width:80%;height:40%}.bg-side-glow{width:40%}}@media (prefers-reduced-motion: reduce){.bg-center-glow,.bg-side-glow,.bg-particle{animation:none}}.battle-system{position:relative;width:100%;height:100%;background:#050208;display:flex;flex-direction:column;overflow:hidden}.battle-system.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:99999}.battle-top-bar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 100%);pointer-events:none}.battle-top-bar>*{pointer-events:auto}.retreat-btn{padding:.4rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#f87171;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.retreat-btn:hover{background:#ef44444d}.turn-display{display:flex;flex-direction:column;align-items:center;gap:.2rem}.battle-title{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:2px}.turn-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem 1.5rem;border-radius:20px;font-weight:700;font-size:.85rem}.turn-badge.player-turn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 0 20px #22c55e80}.turn-badge.enemy-turn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 0 20px #dc262680}.battle-controls{display:flex;gap:.5rem}.control-btn{padding:.4rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.control-btn:hover{background:#ffffff26}.control-btn.auto-active{background:linear-gradient(135deg,#22c55e4d,#10b9814d);border-color:#22c55e;color:#4ade80}.speed-btn{min-width:45px;background:#8b5cf633;border-color:#8b5cf666;color:#a78bfa}.battlefield{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:7rem 5% 5rem;z-index:5;gap:0}.player-zone{flex:1;display:flex;align-items:center;justify-content:center;padding-right:2rem}.enemy-zone{flex:1;display:flex;align-items:center;justify-content:center;padding-left:2rem}.formation-columns{display:flex;flex-direction:row;align-items:center;gap:clamp(10px,2vw,20px)}.unit-column{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.5vw,15px)}.unit-column.back-column{opacity:.9}.unit-column.front-column{z-index:2}.battle-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:clamp(80px,12vw,150px);flex-shrink:0}.versus-badge{font-size:1.5rem;font-weight:800;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.5);background:#0006;padding:.5rem 1.5rem;border-radius:30px;border:2px solid rgba(251,191,36,.3)}.battle-log-container{position:absolute;bottom:1.5rem;left:1rem;display:flex;flex-direction:column-reverse;gap:.3rem;max-width:280px;pointer-events:none;z-index:10}.log-entry{font-size:.75rem;padding:.4rem .8rem;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;border-left:3px solid;text-align:left;animation:logSlideIn .3s ease-out;transition:opacity .3s ease}@keyframes logSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.log-entry.attack{border-color:#fbbf24;color:#fde68a}.log-entry.damage{border-color:#f87171;color:#fca5a5}.log-entry.heal{border-color:#4ade80;color:#86efac}.log-entry.defeat{border-color:#fb923c;color:#fdba74}.log-entry.victory{border-color:#c084fc;color:#d8b4fe}.unit-card{width:clamp(60px,8vw,100px);height:clamp(80px,11vw,140px);cursor:pointer;transition:all .25s ease;position:relative;border-radius:clamp(6px,1vw,10px);box-shadow:0 3px 12px #00000080;overflow:hidden}.unit-card.player-card{background:linear-gradient(145deg,#1a472a,#0d2818);border:2px solid #2d5a3d}.unit-card.enemy-card{background:linear-gradient(145deg,#4a1a1a,#2d0d0d);border:2px solid #6b2a2a}.unit-card:hover:not(.defeated){transform:translateY(-8px) scale(1.05);z-index:10}.unit-card.player-card:hover:not(.defeated){box-shadow:0 8px 30px #22c55e66}.unit-card.enemy-card:hover:not(.defeated){box-shadow:0 8px 30px #dc262666}.unit-card.selected{transform:translateY(-10px) scale(1.08);border-color:#fbbf24!important;box-shadow:0 0 25px #fbbf24cc!important;z-index:20}.unit-card.targeted{border-color:#f97316!important;animation:targetPulse .8s ease infinite;transform:translateY(-8px) scale(1.1);z-index:15}.unit-card.targeted:before{content:"🎯";position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:1.2rem;z-index:20;animation:targetBounce .5s ease infinite}@keyframes targetBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}@keyframes targetPulse{0%,to{box-shadow:0 0 20px #f9731699,inset 0 0 10px #f9731633}50%{box-shadow:0 0 40px #f97316,inset 0 0 15px #f9731666}}.unit-card.active{border-color:#fbbf24!important;animation:activePulse 1s ease infinite}@keyframes activePulse{0%,to{box-shadow:0 0 15px #fbbf2499}50%{box-shadow:0 0 35px #fbbf24}}.unit-card.defeated{opacity:.4;filter:grayscale(.9) brightness(.6);cursor:not-allowed}.unit-card.attacking{z-index:200!important;pointer-events:none}.unit-card.attacking.player-card{animation:playerAttack .6s ease-in-out forwards}@keyframes playerAttack{0%{transform:translate(0) translateY(0) scale(1) rotate(0);box-shadow:0 4px 15px #0006}20%{transform:translate(-20px) translateY(-40px) scale(1.25) rotate(-5deg);box-shadow:0 30px 60px #0009,0 0 40px #fbbf2499}45%{transform:translate(180px) translateY(-20px) scale(1.3) rotate(3deg);box-shadow:0 25px 50px #000000b3,0 0 60px #fbbf24e6}50%{transform:translate(200px) translateY(0) scale(1.35) rotate(0);box-shadow:0 10px 30px #000c,0 0 80px #ffdc64}55%{transform:translate(195px) translateY(5px) scale(1.3) rotate(2deg)}70%{transform:translate(100px) translateY(-30px) scale(1.15) rotate(-3deg);box-shadow:0 20px 40px #00000080}to{transform:translate(0) translateY(0) scale(1) rotate(0);box-shadow:0 4px 15px #0006}}.unit-card.attacking.enemy-card{animation:enemyAttack .6s ease-in-out forwards}@keyframes enemyAttack{0%{transform:translate(0) translateY(0) scale(1) rotate(0);box-shadow:0 4px 15px #0006}20%{transform:translate(20px) translateY(-40px) scale(1.25) rotate(5deg);box-shadow:0 30px 60px #0009,0 0 40px #dc262699}45%{transform:translate(-180px) translateY(-20px) scale(1.3) rotate(-3deg);box-shadow:0 25px 50px #000000b3,0 0 60px #dc2626e6}50%{transform:translate(-200px) translateY(0) scale(1.35) rotate(0);box-shadow:0 10px 30px #000c,0 0 80px #ff6464}55%{transform:translate(-195px) translateY(5px) scale(1.3) rotate(-2deg)}70%{transform:translate(-100px) translateY(-30px) scale(1.15) rotate(3deg);box-shadow:0 20px 40px #00000080}to{transform:translate(0) translateY(0) scale(1) rotate(0);box-shadow:0 4px 15px #0006}}.unit-card.attacking:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:12px;background:transparent;box-shadow:0 0 30px currentColor;opacity:0;animation:attackGlow .6s ease-in-out;pointer-events:none}.unit-card.attacking.player-card:before{box-shadow:0 0 40px #fbbf24cc}.unit-card.attacking.enemy-card:before{box-shadow:0 0 40px #dc2626cc}@keyframes attackGlow{0%{opacity:0}20%{opacity:.8}50%{opacity:1}to{opacity:0}}.unit-card.attacking:after{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:15px;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,transparent 60%);opacity:0;animation:impactFlash .6s ease-out;pointer-events:none}@keyframes impactFlash{0%,40%{opacity:0}50%{opacity:1}60%{opacity:.5}to{opacity:0}}.card-frame{width:100%;height:100%;display:flex;flex-direction:column;border-radius:6px;overflow:hidden;position:relative}.card-portrait{position:relative;overflow:hidden;background:linear-gradient(145deg,#0a0612,#150d20);flex:1}.card-portrait.full{position:absolute;top:0;right:0;bottom:0;left:0}.card-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.card-portrait .unit-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(145deg,#140f23f2,#1e142df2)}.card-portrait img+.unit-icon{display:none}.active-indicator{position:absolute;top:4px;right:4px;font-size:.9rem;animation:sparkle .5s ease infinite;text-shadow:0 0 8px rgba(251,191,36,1);z-index:5}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.inspect-btn{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.3);font-size:10px;cursor:pointer;opacity:0;transition:all .2s;display:flex;align-items:center;justify-content:center;z-index:10}.unit-card:hover .inspect-btn{opacity:1}.inspect-btn:hover{background:#8b3a9ccc;border-color:#c084fc;transform:scale(1.1)}.aeon-badge{position:absolute;top:4px;left:4px;padding:2px 6px;background:linear-gradient(135deg,#9333eae6,#4f46e5e6);border:1px solid rgba(167,139,250,.6);border-radius:4px;font-size:9px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:5;white-space:nowrap;box-shadow:0 2px 8px #9333ea66}.unit-card.player-card .aeon-badge{background:linear-gradient(135deg,#22c55ee6,#10b981e6);border-color:#4ade8099;box-shadow:0 2px 8px #22c55e66}.hp-bar-container{position:relative;height:12px;background:#000c}.hp-bar-container.overlay{position:absolute;bottom:0;left:0;right:0;height:14px;background:#000000d9;border-top:1px solid rgba(255,255,255,.1)}.hp-bar-fill{height:100%;transition:width .4s ease}.hp-bar-fill.enemy-hp{background:linear-gradient(90deg,#7f1d1d,#dc2626,#ef4444)}.hp-bar-fill.player-hp{background:linear-gradient(90deg,#14532d,#22c55e,#4ade80)}.hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,1)}.defeated-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;font-size:2rem;border-radius:5px}.turn-timeline{position:absolute;top:4.5rem;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem 1rem;background:#000000b3;border-radius:30px;border:1px solid rgba(139,58,156,.3);z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:90vw;overflow-x:auto}.timeline-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;flex-shrink:0}.timeline-units{display:flex;gap:4px;align-items:center}.timeline-unit{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;border-radius:6px;overflow:hidden;border:2px solid;position:relative;transition:all .2s;flex-shrink:0}.timeline-img-wrapper{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.timeline-unit.player{border-color:#22c55e99;background:#22c55e26}.timeline-unit.enemy{border-color:#dc262699;background:#dc262626}.timeline-unit.current{transform:scale(1.2);border-color:#fbbf24!important;box-shadow:0 0 15px #fbbf2499;z-index:5}.timeline-unit.dead{opacity:.25;filter:grayscale(1);transform:scale(.85)}.timeline-unit img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.timeline-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.3rem}.current-indicator{position:absolute;top:-14px;left:50%;transform:translate(-50%);color:#fbbf24;font-size:.9rem;animation:indicatorBounce .5s ease infinite;text-shadow:0 0 5px rgba(251,191,36,.8)}@keyframes indicatorBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.action-bar{position:absolute;bottom:1.5rem;right:1.5rem;z-index:20;padding:.5rem 1.5rem;background:#000c;border-radius:30px;border:1px solid rgba(139,58,156,.4);display:flex;align-items:center;justify-content:center;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080}.attack-btn{padding:.5rem 2rem;background:linear-gradient(135deg,#dc2626,#ea580c);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 3px 15px #dc262680}.attack-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #dc262699}.attack-btn:disabled{opacity:.4;cursor:not-allowed;background:#444;box-shadow:none}.action-hint{font-size:.75rem;color:#fff9;padding:.4rem .8rem;background:#00000080;border-radius:6px}.battle-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#ec4899;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.battle-loading p{color:#fff9;font-size:1rem}.battle-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.5rem;padding:2rem}.result-title{font-size:3.5rem;font-weight:800;margin:0;text-transform:uppercase}.battle-result.victory .result-title{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.battle-result.defeat .result-title{color:#ef4444}.result-subtitle{color:#ffffffb3;font-size:1.2rem}.result-rewards{display:flex;gap:1.5rem;margin-top:1rem}.reward-item{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:1.1rem;color:#fff}.reward-item .reward-icon{font-size:1.5rem}.continue-btn{margin-top:1.5rem;padding:1rem 4rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:12px;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 25px #8b5cf680}.continue-btn:hover{transform:translateY(-3px);box-shadow:0 8px 35px #8b5cf699}@media (max-width: 900px){.battlefield{padding:6rem 2% 5rem}.battle-center{width:70px}.battle-log-container{max-width:220px}.timeline-unit{width:32px;height:32px;min-width:32px;min-height:32px}.formation-columns{gap:clamp(6px,1.5vw,12px)}.unit-column{gap:clamp(6px,1vw,10px)}.turn-timeline{top:4rem}}@media (max-width: 700px){.battlefield{padding:5.5rem 1% 5rem}.hp-bar-container.overlay{height:10px}.hp-text{font-size:.4rem}.battle-log-container{max-width:180px;left:.5rem;bottom:1rem}.log-entry{font-size:.65rem;padding:.3rem .6rem}.battle-center{width:50px}.versus-badge{font-size:1rem;padding:.3rem .8rem}.timeline-unit{width:26px;height:26px;min-width:26px;min-height:26px}.timeline-label,.action-hint{display:none}.formation-columns,.unit-column{gap:5px}.inspect-btn{width:14px;height:14px;font-size:7px}.retreat-btn,.control-btn{padding:.3rem .6rem;font-size:.7rem}.turn-badge{padding:.3rem .8rem;font-size:.7rem}.attack-btn{padding:.4rem 1.2rem;font-size:.8rem}.turn-timeline{top:3.5rem}}@media (max-width: 480px){.battlefield{padding:5rem .5% 4.5rem}.battle-title{display:none}.battle-center{width:40px}.battle-log-container{display:none}.versus-badge{font-size:.9rem;padding:.25rem .6rem}.turn-timeline{top:3rem}}.inspect-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.inspect-modal{background:linear-gradient(145deg,#1a0a2e,#0d0618);border:2px solid rgba(139,58,156,.5);border-radius:16px;max-width:400px;width:100%;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 20px 60px #000c,0 0 40px #8b3a9c4d}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.inspect-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1rem;cursor:pointer;transition:all .2s;z-index:10}.inspect-close:hover{background:#ef444480;border-color:#ef4444;transform:scale(1.1)}.inspect-content{display:flex;flex-direction:column}.inspect-image-frame{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(145deg,#0a0612,#150d20)}.inspect-image-frame.player{border-bottom:3px solid #22c55e}.inspect-image-frame.enemy{border-bottom:3px solid #dc2626}.inspect-image-frame img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.inspect-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(145deg,#140f23f2,#1e142df2)}.inspect-info{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.inspect-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 10px rgba(255,77,143,.5)}.inspect-type{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;width:fit-content}.inspect-type.player{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.4)}.inspect-type.enemy{background:#dc262633;color:#f87171;border:1px solid rgba(220,38,38,.4)}.inspect-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.5rem}.inspect-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:#0000004d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.inspect-stat .stat-icon{font-size:1.25rem}.inspect-stat .stat-label{font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.inspect-stat .stat-value{font-size:1rem;font-weight:700;color:#fff}.inspect-hp-bar{height:8px;background:#00000080;border-radius:4px;overflow:hidden;margin-top:.5rem}.inspect-hp-fill{height:100%;border-radius:4px;transition:width .3s ease}.inspect-hp-fill.player{background:linear-gradient(90deg,#14532d,#22c55e,#4ade80)}.inspect-hp-fill.enemy{background:linear-gradient(90deg,#7f1d1d,#dc2626,#ef4444)}.inspect-status{text-align:center;padding:.5rem;border-radius:8px;font-size:.85rem;font-weight:600}.inspect-status.alive{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.inspect-status.defeated{background:#dc262626;color:#f87171;border:1px solid rgba(220,38,38,.3)}:root{--hue-fire: 0deg;--hue-ice: 200deg;--hue-shadow: 270deg;--hue-light: 50deg;--hue-arcane: 280deg;--hue-nature: 120deg;--hue-lightning: 60deg;--hue-void: 300deg;--glow-fire: rgba(255, 69, 0, .6);--glow-ice: rgba(135, 206, 250, .6);--glow-shadow: rgba(75, 0, 130, .6);--glow-light: rgba(255, 255, 224, .7);--glow-arcane: rgba(138, 43, 226, .6);--glow-nature: rgba(34, 139, 34, .5);--glow-lightning: rgba(255, 255, 0, .5);--glow-void: rgba(0, 0, 0, .8)}.monster-portrait{position:relative;border-radius:8px;overflow:hidden;transition:all .3s ease}.monster-portrait img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}.monster-portrait:hover img{transform:scale(1.05)}.color-fire img{filter:sepia(100%) saturate(300%) hue-rotate(var(--hue-fire)) brightness(1.1)}.color-fire-dark img{filter:sepia(100%) saturate(400%) hue-rotate(var(--hue-fire)) brightness(.8)}.color-fire-bright img{filter:sepia(100%) saturate(200%) hue-rotate(15deg) brightness(1.3)}.color-ice img{filter:sepia(100%) saturate(300%) hue-rotate(var(--hue-ice)) brightness(1.2)}.color-ice-dark img{filter:sepia(100%) saturate(400%) hue-rotate(220deg) brightness(.9)}.color-ice-bright img{filter:sepia(100%) saturate(200%) hue-rotate(180deg) brightness(1.4)}.color-shadow img{filter:sepia(100%) saturate(300%) hue-rotate(var(--hue-shadow)) brightness(.9)}.color-shadow-dark img{filter:sepia(100%) saturate(500%) hue-rotate(280deg) brightness(.6)}.color-shadow-bright img{filter:sepia(100%) saturate(200%) hue-rotate(260deg) brightness(1.1)}.color-light img{filter:sepia(30%) saturate(150%) hue-rotate(var(--hue-light)) brightness(1.3)}.color-light-holy img{filter:sepia(20%) saturate(100%) hue-rotate(40deg) brightness(1.5) contrast(1.1)}.color-arcane img{filter:sepia(100%) saturate(350%) hue-rotate(var(--hue-arcane)) brightness(1)}.color-arcane-dark img{filter:sepia(100%) saturate(400%) hue-rotate(290deg) brightness(.8)}.color-nature img{filter:sepia(100%) saturate(300%) hue-rotate(var(--hue-nature)) brightness(1)}.color-nature-toxic img{filter:sepia(100%) saturate(400%) hue-rotate(100deg) brightness(1.1)}.color-nature-dark img{filter:sepia(100%) saturate(350%) hue-rotate(140deg) brightness(.7)}.color-lightning img{filter:sepia(100%) saturate(400%) hue-rotate(var(--hue-lightning)) brightness(1.3)}.color-lightning-blue img{filter:sepia(100%) saturate(500%) hue-rotate(200deg) brightness(1.4) contrast(1.2)}.color-void img{filter:sepia(100%) saturate(500%) hue-rotate(var(--hue-void)) brightness(.5) contrast(1.3)}.color-void-deep img{filter:sepia(100%) saturate(600%) hue-rotate(310deg) brightness(.3) contrast(1.5)}.color-undead img{filter:grayscale(60%) brightness(.9) contrast(1.1)}.color-ghost img{filter:grayscale(40%) brightness(1.2) opacity(.85)}.color-blood img{filter:sepia(100%) saturate(500%) hue-rotate(350deg) brightness(.8)}.color-gold img{filter:sepia(100%) saturate(300%) hue-rotate(30deg) brightness(1.2)}.monster-shadow{box-shadow:0 0 20px #4b008299}.monster-shadow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(75,0,130,.2) 50%,transparent 60%);animation:shadow-pulse 3s ease-in-out infinite;pointer-events:none}@keyframes shadow-pulse{0%,to{opacity:.5}50%{opacity:1}}.monster-fire{box-shadow:0 0 20px #ff450099}.monster-fire:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(255,69,0,.3) 0%,transparent 50%);animation:fire-flicker .5s ease-in-out infinite alternate;pointer-events:none}@keyframes fire-flicker{0%{opacity:.6;transform:translateY(2px)}to{opacity:1;transform:translateY(-2px)}}.monster-ice{box-shadow:0 0 20px #87cefa99}.monster-ice:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(135,206,250,.2) 0%,transparent 30%,transparent 70%,rgba(135,206,250,.2) 100%);animation:ice-shimmer 4s linear infinite;pointer-events:none}@keyframes ice-shimmer{0%{background-position:0% 0%}to{background-position:0% 200%}}.monster-lightning{box-shadow:0 0 20px #ffff0080}.monster-lightning:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,0,.3) 0%,transparent 70%);animation:lightning-flash 2s ease-in-out infinite;pointer-events:none}@keyframes lightning-flash{0%,90%,to{opacity:.3}92%,94%,96%{opacity:1}}.monster-arcane{box-shadow:0 0 20px #8a2be299}.monster-arcane:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0deg,transparent 0%,rgba(138,43,226,.3) 25%,transparent 50%,rgba(138,43,226,.3) 75%,transparent 100%);animation:arcane-rotate 8s linear infinite;pointer-events:none}@keyframes arcane-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.monster-nature{box-shadow:0 0 20px #228b2280}.monster-nature:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,rgba(34,139,34,.2) 0%,transparent 50%,rgba(34,139,34,.2) 100%);animation:nature-breathe 4s ease-in-out infinite;pointer-events:none}@keyframes nature-breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.monster-void{box-shadow:0 0 25px #000c}.monster-void:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.5) 70%,rgba(75,0,130,.3) 100%);animation:void-consume 3s ease-in-out infinite;pointer-events:none}@keyframes void-consume{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}.monster-light{box-shadow:0 0 25px #ffffe0b3}.monster-light:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,224,.4) 0%,transparent 50%);animation:light-glow 2s ease-in-out infinite;pointer-events:none}@keyframes light-glow{0%,to{opacity:.6}50%{opacity:1}}.monster-undead{filter:saturate(.7) brightness(.9)}.monster-undead:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,100,0,.2) 100%);pointer-events:none}.monster-demon{filter:contrast(1.1) saturate(1.2)}.monster-demon:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(0deg,rgba(139,0,0,.3) 0%,transparent 100%);pointer-events:none}.monster-construct{filter:contrast(1.05)}.monster-construct:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 10px,rgba(100,100,100,.1) 10px,rgba(100,100,100,.1) 11px);pointer-events:none}.monster-dragon{filter:contrast(1.15) saturate(1.1)}.monster-dragon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 20%,rgba(255,215,0,.2) 0%,transparent 50%);pointer-events:none}.monster-spirit{filter:brightness(1.1) saturate(.8);opacity:.9}.monster-spirit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(200,200,255,.2) 0%,transparent 70%);animation:spirit-fade 3s ease-in-out infinite;pointer-events:none}@keyframes spirit-fade{0%,to{opacity:.5}50%{opacity:1}}.monster-boss{border:3px solid #ffd700;box-shadow:0 0 30px #ffd70080,inset 0 0 20px #ffd7001a}.monster-boss:before{z-index:1}.monster-boss:after{content:"👑";position:absolute;top:-10px;right:-10px;font-size:24px;z-index:2;animation:boss-crown 2s ease-in-out infinite}@keyframes boss-crown{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}.monster-elite{border:2px solid #c0c0c0;box-shadow:0 0 20px #c0c0c066}.monster-elite:after{content:"⚔️";position:absolute;top:-8px;right:-8px;font-size:18px;z-index:2}.monster-damaged{animation:damage-shake .3s ease-in-out}@keyframes damage-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.monster-attacking{animation:attack-lunge .4s ease-out}@keyframes attack-lunge{0%{transform:translate(0) scale(1)}50%{transform:translate(-20px) scale(1.1)}to{transform:translate(0) scale(1)}}.monster-defeated{filter:grayscale(1) brightness(.5);opacity:.6;transform:scale(.9);transition:all .5s ease}.monster-buffed{box-shadow:0 0 30px #00ff0080}.monster-buffed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(0,255,0,.5);animation:buff-pulse 1s ease-in-out infinite;pointer-events:none}@keyframes buff-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.5}}.monster-debuffed{filter:brightness(.8) saturate(.7)}.monster-debuffed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#80008033;animation:debuff-drip 2s linear infinite;pointer-events:none}@keyframes debuff-drip{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.monster-spawn{animation:monster-spawn .6s ease-out forwards}@keyframes monster-spawn{0%{opacity:0;transform:scale(.5) translateY(20px);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.monster-death{animation:monster-death .8s ease-in forwards}@keyframes monster-death{0%{opacity:1;transform:scale(1);filter:brightness(1)}50%{opacity:.8;transform:scale(1.1);filter:brightness(2)}to{opacity:0;transform:scale(.3);filter:brightness(0)}}.monster-idle{animation:monster-idle 3s ease-in-out infinite}@keyframes monster-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.monster-boss.monster-idle{animation:boss-idle 2s ease-in-out infinite}@keyframes boss-idle{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-3px) scale(1.02)}75%{transform:translateY(3px) scale(.98)}}