.autobattle-page{--ab-ink:#ebe6da;--ab-muted:#a9b0c1;--ab-gold:#dec396;--ab-border:#475065;background:radial-gradient(ellipse at 10% 0,#333c51,transparent 45%),radial-gradient(ellipse at 90% 60%,#303044,transparent 55%),#161f30;color:var(--ab-ink)}
.ab-wrap{max-width:1360px;padding-bottom:40px}.ab-header{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:36px 0 26px}.ab-header>div{min-width:0;max-width:100%}.ab-eyebrow{color:var(--ab-gold);font-size:.66rem;letter-spacing:.17em;font-weight:700}.ab-header h1{font-family:Georgia,'Noto Serif',serif;font-size:clamp(2.2rem,4vw,3.7rem);font-weight:500;letter-spacing:-.04em;margin:7px 0;overflow-wrap:anywhere}.ab-header p{color:var(--ab-muted);margin:0;font-size:.9rem}.autobattle-page .btn{border:1px solid var(--ab-border);background:#303d52;color:var(--ab-ink);border-radius:7px;white-space:normal;line-height:1.45}.autobattle-page .btn:hover:not(:disabled){background:#43506a}.autobattle-page .btn:disabled{opacity:.4;cursor:not-allowed}.autobattle-page .ab-primary{background:var(--ab-gold);border-color:var(--ab-gold);color:#283447;font-weight:800}.autobattle-page .ab-primary:hover:not(:disabled){background:#f2d9b1}.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:22px;border:1px solid var(--ab-border);border-radius:11px;background:linear-gradient(110deg,#35405266,#232d40)}.ab-stats>div{padding:17px 23px;border-inline-end:1px solid var(--ab-border)}.ab-stats>div:last-child{border:0}.ab-stats span{display:block;font-size:.72rem;color:var(--ab-muted)}.ab-stats strong{display:block;font-size:1.7rem;color:var(--ab-gold);font-variant-numeric:tabular-nums;margin-top:5px;font-weight:500}
.ab-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(270px,1fr);gap:22px}.ab-combat{border:1px solid #5b6475;border-radius:14px;overflow:hidden;background:#222d40;align-self:start;box-shadow:0 20px 50px #050c1a44}.ab-arena{position:relative;isolation:isolate;background:linear-gradient(#29344b,#243849 70%,#162333);overflow:hidden;min-height:510px;padding:24px}.ab-arena[data-chapter="1"]{background:linear-gradient(#493340,#4b3b3a 65%,#282b39)}.ab-arena[data-chapter="2"]{background:linear-gradient(#343049,#343849 65%,#1c2839)}.ab-arena[data-chapter="3"]{background:linear-gradient(#31315b,#323c59 65%,#19253d)}.ab-backdrop{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.ab-arena-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.ab-arena-head h2{font-family:Georgia,'Noto Serif',serif;font-weight:500;font-size:1.6rem;margin:8px 0 0}.ab-round{font-size:.72rem;color:#c9c9cd}.ab-team-labels{display:flex;justify-content:space-between;color:#acb5c4;font-size:.65rem;letter-spacing:.05em;margin:0 5px 9px}.ab-fighters{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:10px}.ab-team{display:grid;gap:10px}.ab-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;font-size:1.2rem;color:#b8ab8c66}.ab-divider span{font-family:Georgia,serif;font-size:.72rem;letter-spacing:.1em;color:#daccad}.ab-unit{position:relative;display:flex;gap:7px;align-items:center;border:1px solid #a0a4b42b;border-radius:8px;background:linear-gradient(120deg,#132336ae,#3043597a);min-height:106px;padding:6px 9px;min-width:0;transition:opacity .3s}.ab-unit-art{flex:0 0 72px;align-self:end}.ab-portrait{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 3px #07112266)}.ab-unit-art .ab-portrait{height:92px}.ab-unit-info{flex:1;min-width:0}.ab-unit-name{display:block;font-size:.84rem;font-weight:600;overflow-wrap:anywhere}.ab-unit-role{display:block;font-size:.56rem;line-height:1.5;color:#bdc4ca;margin:4px 0}.ab-health{display:block;width:100%;height:5px;border:0;border-radius:3px;overflow:hidden;appearance:none;background:#142033}.ab-health::-webkit-progress-bar{background:#142033}.ab-health::-webkit-progress-value{background:#92bda9;transition:width .2s}.ab-health::-moz-progress-bar{background:#92bda9}#ab-enemies .ab-health::-webkit-progress-value{background:#cd9495}#ab-enemies .ab-health::-moz-progress-bar{background:#cd9495}#ab-enemies .ab-unit{background:linear-gradient(120deg,#46334470,#232539bb)}#ab-enemies .ab-unit-art{order:2}#ab-enemies .ab-unit-art .ab-portrait{transform:scaleX(-1)}.ab-unit-hp{display:inline-block;color:#cdd1d3;font-size:.57rem;margin-top:4px}.ab-unit-shield{font-size:.55rem;color:#dbca9b;margin-inline-start:5px}.ab-energy{display:block;font-size:.56rem;letter-spacing:.15em;margin-top:2px;color:#d3bc88}.ab-fallen{opacity:.3;filter:grayscale(1)}.ab-state{text-align:center;font-size:.76rem;letter-spacing:.04em;color:#c6d3ce;margin-top:20px;min-height:1.2em}.ab-state[data-status=won]{color:#f0d197}.ab-state[data-status=lost]{color:#e6aaa4}.ab-battle-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:18px 20px 5px}.ab-battle-controls .btn{min-width:140px;flex:1;min-height:44px}.ab-notice{padding:0 22px;color:var(--ab-gold);font-size:.8rem;line-height:1.6;min-height:1em;margin:10px 0 18px}.ab-damage{position:absolute;inset:8px 8px auto auto;font-size:1rem;font-weight:800;color:#f2c4b4;text-shadow:0 2px 5px #101525;pointer-events:none;opacity:0}.ab-healed .ab-damage{color:#b7e3bc}.ab-hit .ab-damage,.ab-healed .ab-damage{animation:ab-number .6s ease-out}.ab-hit{animation:ab-impact .3s ease-out}.ab-healed{box-shadow:inset 0 0 28px #a8d4b41f}.ab-striking .ab-unit-art{animation:ab-strike .35s ease-out}.ab-sparks{animation:ab-sparks 7s ease-in-out infinite}.ab-running .ab-orb{animation:ab-glow 1.6s ease-in-out infinite}
.ab-panel{padding:21px;border:1px solid var(--ab-border);border-radius:12px;background:linear-gradient(140deg,#2b35494d,#202a3b);box-shadow:0 8px 20px #09111f1a}.ab-panel h2{font-size:1rem;font-weight:600;margin:0 0 18px}.ab-side{display:grid;gap:18px;align-content:start}.ab-field{display:block;margin-bottom:14px}.ab-field:last-child{margin-bottom:0}.ab-field>span{display:block;font-size:.68rem;color:var(--ab-muted);margin-bottom:7px}.ab-field select{width:100%;min-width:0;min-height:36px;max-width:100%;border:1px solid #566077;border-radius:6px;background:#202d40;color:var(--ab-ink);padding:7px 8px;font-size:.79rem}.ab-field select:disabled{opacity:.55}.ab-log{padding:0;margin:0;list-style:none;height:196px;overflow:auto;font-size:.66rem;line-height:1.65;color:#b5bdcb}.ab-log li{padding:7px 0;border-bottom:1px solid #52607533;overflow-wrap:anywhere}.ab-log li:first-child{color:#e3cfa9}.ab-log-empty{color:var(--ab-muted)!important}.ab-campaign,.ab-roster-panel,.ab-guide{margin-top:22px}.ab-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.ab-section-head>span{font-size:.8rem;color:var(--ab-gold)}.ab-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ab-map-chapter h3{font-size:.75rem;color:var(--ab-muted);font-weight:500;margin:0 0 12px}.ab-stage-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.autobattle-page .ab-stage{padding:9px 2px;min-width:0;text-align:center;font-variant-numeric:tabular-nums;background:#263348}.ab-stage b{font-size:.72rem;font-weight:500;display:block}.ab-stage small{font-size:.5rem;display:block;margin-top:5px;color:#cfb787;min-height:12px}.ab-stage[aria-pressed=true]{border-color:var(--ab-gold);background:#5a5246!important;opacity:1!important}.ab-stage-done{border-color:#6c817b!important}.ab-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ab-hero-card{padding:16px;border:1px solid #505b71;border-radius:10px;background:radial-gradient(ellipse at 0 0,#62627d33,transparent 70%),#202b3d;min-width:0}.ab-hero-top{display:flex;align-items:center;gap:18px}.ab-hero-top .ab-portrait{width:77px;height:92px;flex:0 0 77px}.ab-hero-top h3{margin:0 0 8px;font-family:Georgia,'Noto Serif',serif;font-size:1.2rem;font-weight:500}.ab-hero-top span{color:var(--ab-gold);font-size:.68rem}.ab-skill-text{font-size:.74rem;color:#bcc4cd;line-height:1.6;min-height:3.2em;margin:13px 0 7px}.ab-hero-stats{font-size:.63rem;color:#9facc0;line-height:1.6;margin:0 0 12px}.autobattle-page .ab-upgrade{display:block;width:100%;font-size:.68rem;padding:8px 6px;margin-top:6px;background:#354158}.ab-locked{border-style:dashed}.ab-locked .ab-portrait{filter:grayscale(.6);opacity:.5}.ab-guide{font-size:.79rem;line-height:1.8;color:var(--ab-muted)}.ab-guide summary{cursor:pointer;color:var(--ab-ink);font-weight:600}.ab-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:22px;font-size:.71rem;color:var(--ab-muted)}
@keyframes ab-strike{50%{translate:5px -3px}}@keyframes ab-impact{50%{background-color:#9b767133}}@keyframes ab-number{0%{opacity:1;transform:translateY(7px)}80%{opacity:1}100%{opacity:0;transform:translateY(-18px)}}@keyframes ab-sparks{50%{transform:translateY(-18px);opacity:.25}}@keyframes ab-glow{50%{opacity:.5}}
@media(max-width:1100px){.ab-layout{grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr)}.ab-map{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-unit-art{flex-basis:57px}.ab-unit-art .ab-portrait{height:80px}.ab-fighters{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:7px}.ab-arena{padding:20px}}
@media(max-width:820px){.ab-layout{grid-template-columns:1fr}.ab-side{grid-template-columns:1fr 1fr}.ab-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-log{height:265px}.ab-unit-art{flex-basis:77px}.ab-unit-art .ab-portrait{height:100px}.ab-unit{min-height:113px}.ab-unit-role{font-size:.62rem}.ab-unit-name{font-size:.9rem}.ab-unit-hp{font-size:.62rem}}
@media(max-width:520px){.ab-header{padding-top:24px;gap:15px}.ab-header .btn{font-size:.72rem}.ab-stats{grid-template-columns:repeat(2,1fr)}.ab-stats>div{padding:13px 16px;border-bottom:1px solid var(--ab-border)}.ab-stats strong{font-size:1.4rem}.ab-arena{padding:17px 10px;min-height:0}.ab-arena-head{padding:0 6px;gap:8px}.ab-arena-head h2{font-size:1.2rem}.ab-round{font-size:.6rem}.ab-fighters{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:4px}.ab-divider{font-size:.8rem}.ab-divider span{font-size:.45rem}.ab-unit{flex-direction:column;padding:7px;gap:0;min-height:155px}.ab-unit-art{flex-basis:auto;width:57px;align-self:center}.ab-unit-art .ab-portrait{height:67px}.ab-unit-info{width:100%}.ab-unit-name{font-size:.72rem}.ab-unit-role{font-size:.51rem}.ab-unit-hp,.ab-unit-shield{font-size:.5rem}.ab-unit-shield{margin-inline-start:3px}#ab-enemies .ab-unit-art{order:0}.ab-energy{font-size:.5rem}.ab-side{grid-template-columns:1fr}.ab-log{height:145px}.ab-panel{padding:17px}.ab-map{grid-template-columns:1fr}.ab-roster{grid-template-columns:1fr}.ab-skill-text{min-height:0}.ab-battle-controls{padding:14px 13px 0}.ab-battle-controls .btn{min-width:110px;font-size:.75rem}.ab-team-labels{font-size:.59rem}.ab-notice{padding:0 14px}.ab-hero-top .ab-portrait{width:83px;height:100px}.ab-stage-row{gap:8px}.ab-stage b{font-size:.85rem}}
.ab-intel{margin-top:17px;color:var(--ab-muted);font-size:.71rem;line-height:1.6}.ab-intel summary{cursor:pointer;color:var(--ab-gold)}.ab-intel ul{padding-inline-start:17px;margin-bottom:0}.ab-intel li{margin-top:8px}
@media(prefers-reduced-motion:reduce){.autobattle-page *{animation:none!important;transition:none!important}.ab-hit .ab-damage,.ab-healed .ab-damage{opacity:1}}