@charset "UTF-8";.battle-hero{display:flex;height:100vh;position:relative;overflow:hidden}.battle-side{flex:1;position:relative;display:flex;align-items:center;justify-content:center;transition:flex .5s ease;background-size:cover;background-position:center}.side-degree{background:linear-gradient(#0f172ae6,#0f172ae6);border-right:1px solid rgba(255,255,255,.1)}.side-handesai{background:linear-gradient(#10b9811a,#10b9810d),#0f172a;border-left:1px solid rgba(16,185,129,.2)}.battle-side:hover{flex:1.2}.battle-content{text-align:center;z-index:10;padding:2rem;max-width:500px;opacity:.8;transition:opacity .3s}.battle-side:hover .battle-content{opacity:1}.battle-icon{font-size:5rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(255,255,255,.2))}.battle-list{list-style:none;padding:0;margin-top:2rem;text-align:right;font-size:1.2rem}.battle-list li{margin-bottom:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.battle-vs-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ef4444;color:#fff;font-weight:900;font-size:3rem;padding:1.5rem;border-radius:50%;z-index:20;box-shadow:0 0 50px #ef444499;border:4px solid #0f172a;animation:pulseVs 2s infinite}@keyframes pulseVs{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 #ef4444b3}70%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 20px #ef444400}to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 #ef444400}}.hero-text-overlay{position:absolute;top:15%;left:50%;transform:translate(-50%);text-align:center;z-index:30;pointer-events:none;width:100%}.glitch-title{font-size:4rem;font-weight:900;color:#fff;text-shadow:0 5px 15px rgba(0,0,0,.5);margin-bottom:.5rem}.hero-subtitle{font-size:1.5rem;color:#cbd5e1;background:#0f172a99;display:inline-block;padding:.5rem 1rem;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.timeline-war-section{padding:5rem 0}.war-timeline{display:flex;flex-direction:column;gap:1rem;max-width:900px;margin:0 auto}.war-year{display:grid;grid-template-columns:80px 1fr 1fr;gap:1rem;align-items:center}.year-label{font-weight:700;color:#64748b;text-align:center}.track-degree,.track-handesai{padding:1.5rem;border-radius:12px;font-weight:500;transition:transform .3s}.track-degree{background:#ffffff08;border:1px dashed #475569;color:#94a3b8}.track-handesai{background:#10b9811a;border:1px solid rgba(16,185,129,.4);color:#ecfdf5}.box-shadow-glow{position:relative;z-index:2}@keyframes super-pulse{0%{box-shadow:0 0 20px #10b9814d;border-color:#34d39980}50%{box-shadow:0 0 50px #10b98199;border-color:#34d399}to{box-shadow:0 0 20px #10b9814d;border-color:#34d39980}}.box-shadow-glow .track-handesai{background:linear-gradient(135deg,#10b981,#047857);color:#fff;font-weight:800;border:1px solid #34d399;animation:super-pulse 2s infinite ease-in-out}.roi-section{padding:5rem 0;background:#0f172a80}.roi-card{background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;text-align:center;max-width:800px;margin:0 auto}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem;text-align:right}.calc-inputs{display:flex;flex-direction:column;gap:1.5rem}.slider{width:100%;accent-color:var(--color-accent);height:6px;background:#ffffff1a;border-radius:3px}.val-display{font-size:1.5rem;font-weight:700;color:var(--color-accent)}.result-box{background:#0000004d;padding:1.5rem;border-radius:12px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.positive{color:#10b981;font-weight:700;font-size:1.2rem}.negative{color:#ef4444;font-weight:700;font-size:1.2rem}.gap-display{margin-top:2rem;padding:1rem;background:linear-gradient(90deg,#10b981,#059669);border-radius:12px;color:#fff;font-weight:700;font-size:1.3rem;text-align:center;box-shadow:0 10px 25px #10b9814d}@media(max-width:768px){.battle-hero{flex-direction:column;height:auto}.battle-side{padding:4rem 1rem}.hero-text-overlay{position:relative;top:0;transform:none;padding-top:100px;margin-bottom:-50px;background:#0f172a}.battle-vs-badge{position:relative;transform:none;margin:-40px auto;top:0;left:0;width:60px;height:60px;font-size:1.5rem;padding:10px;display:flex;align-items:center;justify-content:center}.calculator-grid{grid-template-columns:1fr}.war-year{grid-template-columns:1fr;border-left:2px solid #334155;padding-left:1rem;position:relative}}.launching{position:relative;animation:launchRocket 1.2s ease-in forwards;z-index:100}.exploding{animation:explodeCap .5s ease-out forwards}.victory-mode .side-degree{flex:0 0 0!important;width:0!important;min-width:0!important;opacity:0;padding:0!important;border:none!important;overflow:hidden;transition:all .8s ease-in-out}.victory-mode .side-handesai{flex:10!important;width:100%!important;transition:all .8s ease-in-out}.victory-mode .battle-vs-badge{transform:scale(0) rotate(180deg)!important;opacity:0;transition:all .5s ease-in}@keyframes launchRocket{0%{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(50px,-20px) rotate(10deg) scale(1.1)}to{transform:translate(45vw,-5vh) rotate(15deg) scale(1.5);opacity:0}}@keyframes explodeCap{0%{transform:scale(1);filter:hue-rotate(0deg)}50%{transform:scale(1.5) rotate(10deg);filter:hue-rotate(90deg)}to{transform:scale(2);opacity:0;filter:blur(20px)}}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}