.battle-page{min-height:920px;padding:70px 24px 120px;background:radial-gradient(circle at 50% 16%,#4b255f 0,transparent 27%),radial-gradient(circle at 8% 40%,#075367 0,transparent 28%),#07101d}.battle-head{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.battle-head h1{font:900 clamp(48px,7vw,76px)/1 'Exo 2';margin:0}.battle-head p{max-width:700px;color:#a4b6ca;font-size:17px;line-height:1.7}.arena-pass{min-width:220px;padding:20px 24px;text-align:right;border:1px solid #ff55bd55;border-radius:20px;background:#101c2e}.arena-pass small,.arena-pass em{display:block}.arena-pass small{color:#ff70c5;font:900 9px 'Exo 2';letter-spacing:1.4px}.arena-pass strong{font:900 30px 'Exo 2'}.arena-pass em{color:#8196ae;font-size:10px;font-style:normal}.team-builder,.battle-stage,.battle-result{max-width:1200px;margin:26px auto 0;padding:24px;border:1px solid #ffffff18;border-radius:24px;background:#0c192a;box-shadow:0 24px 70px #0005}.builder-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.builder-title h2{margin:4px 0;font:900 25px 'Exo 2'}.builder-title>strong{color:#30e7d0;font:900 13px 'Exo 2'}.battle-roster{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:18px}.roster-card{position:relative;display:flex;align-items:center;gap:12px;padding:13px;border:2px solid #ffffff12;border-radius:15px;background:#122238;color:#fff;text-align:left;cursor:pointer;transition:.2s}.roster-card:hover{transform:translateY(-3px);border-color:var(--card-color)}.roster-card.selected{border-color:var(--card-color);box-shadow:0 0 24px color-mix(in srgb,var(--card-color) 35%,transparent);background:color-mix(in srgb,var(--card-color) 14%,#122238)}.roster-card>i{display:grid;place-items:center;width:56px;height:70px;border:2px solid var(--card-color);border-radius:11px;background:#081321;font-size:31px;font-style:normal}.roster-card b,.roster-card small{display:block}.roster-card b{font:900 15px 'Exo 2'}.roster-card small{color:#8fa3ba;font-size:9px;margin-top:3px}.roster-card em{position:absolute;right:7px;top:7px;display:none;width:22px;height:22px;place-items:center;border-radius:50%;background:#30e7d0;color:#07111e;font-style:normal}.roster-card.selected em{display:grid}.start-battle,.round-panel button,.battle-result button{display:block;min-width:260px;margin:22px auto 0;padding:15px 24px;border:0;border-radius:14px;background:linear-gradient(135deg,#ff5ebc,#ff9f1c,#ffd43b);color:#171008;font:900 12px 'Exo 2';cursor:pointer;box-shadow:0 9px 28px #ff6c6435}.start-battle:disabled{filter:grayscale(1);opacity:.45;cursor:not-allowed}.battle-empty{text-align:center;padding:30px}.battle-empty span,.battle-empty b{display:block}.battle-empty span{font-size:50px}.battle-empty a{display:inline-block;margin-top:12px;color:#30e7d0;font-weight:900}.versus-head{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;text-align:center}.versus-head>div{padding:12px;border-radius:15px;background:#ffffff08}.versus-head small,.versus-head strong{display:block}.versus-head small{color:#8da1b8;font:900 8px 'Exo 2';letter-spacing:1.3px}.versus-head strong{font:900 30px 'Exo 2'}.versus-head>span{font:900 25px 'Exo 2';color:#ff668f}.battle-board{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;min-height:330px;margin-top:15px;background:radial-gradient(ellipse at center,#233c64 0,#081321 67%);border-radius:20px;overflow:hidden}.fighter{text-align:center;transition:.35s}.fighter.attack{transform:translateX(45px) scale(1.08)}.fighter.enemy.attack{transform:translateX(-45px) scale(1.08)}.fighter.hit{animation:fighterHit .35s}.fighter>span{display:block;font-size:110px;filter:drop-shadow(0 0 24px var(--fighter-color))}.fighter b,.fighter small{display:block}.fighter b{font:900 24px 'Exo 2'}.fighter small{color:#96abc2}.battle-flash{text-align:center;font-size:52px;opacity:.35}.battle-flash.burst{animation:battleBurst .5s}.round-panel{text-align:center;padding:18px}.round-panel small{color:#30e7d0;font:900 9px 'Exo 2';letter-spacing:1.5px}.round-panel h2{font:900 24px 'Exo 2'}.duel-bars{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:700px;margin:auto}.duel-bars>div{height:9px;border-radius:20px;background:#ffffff12;overflow:hidden}.duel-bars i{display:block;width:0;height:100%;transition:.7s}.duel-bars>div:first-child i{background:#30e7d0}.duel-bars>div:last-child i{background:#ff668f}.battle-result{text-align:center}.battle-result>span{display:block;font-size:72px}.battle-result>small{color:#ffd43b;font:900 9px 'Exo 2';letter-spacing:1.7px}.battle-result h2{font:900 38px 'Exo 2';margin:8px}.battle-result p{color:#9eb1c7}.result-reward{display:inline-block;padding:13px 22px;border-radius:15px;background:#ffd43b18;color:#ffd43b;font:900 19px 'Exo 2'}.battle-result button{background:linear-gradient(135deg,#30e7d0,#63a7ff)}@keyframes fighterHit{25%{transform:translateX(-10px) rotate(-5deg)}50%{transform:translateX(10px) rotate(5deg)}}@keyframes battleBurst{50%{transform:scale(2.1);opacity:1;filter:drop-shadow(0 0 22px #ffd43b)}}@media(max-width:850px){.battle-head{display:block;text-align:center}.arena-pass{width:max-content;margin:22px auto}.battle-roster{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.battle-page{padding:45px 12px 100px}.team-builder,.battle-stage,.battle-result{padding:14px}.builder-title{display:block}.battle-roster{grid-template-columns:1fr}.battle-board,.versus-head{grid-template-columns:1fr 45px 1fr}.fighter>span{font-size:70px}.fighter b{font-size:16px}.battle-board{min-height:240px}.start-battle{min-width:100%}}