.attack-loadout{position:absolute;right:4%;top:160px;width:237px;padding:9px 12px;background:#102c5bdf;border:2px solid #adc6e7;box-shadow:3px 3px #071731;pointer-events:none}.attack-loadout>div{display:flex;align-items:center;gap:8px;padding:7px 0}.attack-loadout>div+div{border-top:1px dashed #89a7ce55}.attack-loadout span{font-size:20px;color:#ffe58a;width:22px}.attack-loadout b{font-size:11px;flex:1;color:#e5f4ff}.attack-loadout small{font-size:9px;color:#ffe079}.attack-loadout .unlearned{opacity:.45}.attack-loadout .unlearned small{font-size:7px}.attack-values{font-size:11px;color:#a8e9f0;line-height:1.4;margin:10px 0}.attack-ranks{display:flex;gap:5px;margin:15px 0}.attack-ranks i{display:block;width:19px;height:9px;border:1px solid #9db9de;background:#102347}.attack-ranks .filled{background:#ffcc61;border-color:#ffe9ac}.attack-ranks .next{background:#50c9d0;border-color:#c8ffff;animation:rank-glow .6s steps(2) infinite alternate}.attack-choice p{min-height:94px}.attack-choice:after{content:'CHOOSE ATTACK ▸'}.attack-choice h3{min-height:44px}.attack-choice:hover .next{background:#ffe183}@keyframes rank-glow{to{opacity:.4}}
@media(max-width:650px){.attack-loadout{right:14px;top:105px;width:149px;padding:5px 7px}.attack-loadout>div{gap:4px;padding:4px 0}.attack-loadout span{font-size:14px;width:15px}.attack-loadout b{font-size:9px}.attack-loadout small{font-size:8px}.attack-loadout .unlearned small{font-size:6px;max-width:36px}.attack-choice h3{min-height:0}.attack-choice p{min-height:0;max-width:100%;padding-right:0}.attack-values{font-size:10px;margin:6px 0}.attack-ranks{margin:8px 0}.attack-ranks i{height:6px;width:17px}.attack-choice:after{margin-top:7px}.overlay:has(.attack-choice){overflow-y:auto;align-items:flex-start;padding-top:78px;padding-bottom:30px}.overlay:has(.attack-choice) .modal{margin:auto}.attack-choice>span{font-size:25px}}
@media(prefers-reduced-motion:reduce){.attack-ranks .next{animation:none}}

@media(max-width:650px){.overlay:has(.attack-choice) .modal{max-height:none;overflow:visible}}
.attack-art{display:block;width:144px;height:96px;object-fit:contain;image-rendering:pixelated;margin:0 auto 8px;filter:drop-shadow(2px 3px #071631)}.attack-visual{padding:8px 0;color:#ffe38b;font-size:12px;line-height:1.2;border-top:1px dashed #a3c7e866;min-height:44px}.overlay:has(.attack-choice) .modal{width:min(1260px,96vw);padding:25px;max-height:89vh;overflow:auto}.upgrade-choices:has(.attack-choice){grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px}.attack-choice{padding:14px 12px}.attack-choice>small{font-size:9px}.attack-choice>span{display:none}.attack-choice h3{font-size:19px;min-height:48px;margin:8px 0 12px}.attack-choice p{font-size:13px;line-height:1.35;min-height:103px;margin:0 0 10px}.attack-values{font-size:10px;min-height:28px}.attack-ranks{gap:4px}.attack-ranks i{width:15px;flex:1}.attack-choice:after{font-size:10px;margin-top:10px}.attack-loadout b{font-size:10px}.attack-loadout{width:248px}
@media(max-width:1100px) and (min-width:651px){.upgrade-choices:has(.attack-choice){grid-template-columns:repeat(3,minmax(0,1fr))}.attack-choice p{min-height:70px}.attack-choice h3{min-height:42px}.attack-art{width:120px;height:80px}.attack-choice{padding:14px}.attack-loadout{width:215px}}
@media(max-width:650px){.overlay:has(.attack-choice) .modal{width:94vw;padding:18px 15px;max-height:none;overflow:visible}.upgrade-choices:has(.attack-choice){grid-template-columns:1fr;gap:13px}.attack-choice{padding:13px 14px}.attack-art{position:absolute;right:8px;top:23px;width:96px;height:64px;opacity:.85}.attack-choice h3{font-size:20px;max-width:66%;min-height:44px;margin:12px 0 10px}.attack-choice p{font-size:13px;min-height:0}.attack-visual{font-size:11px;min-height:0;padding:7px 0}.attack-values{font-size:10px;min-height:0}.attack-loadout{width:158px;top:108px}.attack-loadout b{font-size:8px}.attack-loadout small{font-size:7px}.attack-loadout>div{padding:5px 0}}