#battle.battle-screen{position:fixed;z-index:300;top:0;bottom:0;left:50%;width:min(100vw,480px);height:100dvh;min-height:0;padding:0!important;overflow:hidden;background:#020711;color:#eefaff;font-family:var(--font-num);transform:translateX(-50%)}
#battle.battle-screen.active{display:block}
#battle.active~#persistent-hud{display:none!important}
.battle-viewport{position:relative;width:100%;height:100%;overflow:clip;isolation:isolate;background:#020711}.battle-space-flow{position:absolute;z-index:-4;left:0;top:0;width:100%;height:300%;animation:battle-space-flow 68s linear infinite}.battle-space-flow i{position:absolute;left:0;width:100%;height:33.3334%;background:url("battle-space-nebula.png") center center / cover no-repeat}.battle-space-flow i:nth-child(1){top:0}.battle-space-flow i:nth-child(2){top:33.3333%;transform:scaleY(-1)}.battle-space-flow i:nth-child(3){top:66.6666%}.battle-viewport::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#02040d24,#06142638 56%,#091a2d72);pointer-events:none}
.battle-viewport::before{content:"";position:absolute;inset:0;z-index:-3;background-image:radial-gradient(#fff 0 1px,transparent 1.6px),radial-gradient(#69dfff 0 1px,transparent 1.5px);background-size:37px 43px,79px 83px;background-position:5px 8px,31px 47px;opacity:.16;animation:battle-stars 28s linear infinite}
.battle-nebula{position:absolute;z-index:-2;inset:-20%;background:conic-gradient(from 150deg at 50% 35%,transparent,#17345d33,#8d28572b,transparent 45%,#07586a2e,transparent);filter:blur(34px);animation:battle-nebula 17s ease-in-out infinite alternate;pointer-events:none}
.battle-command-bar{position:absolute;z-index:20;left:0;right:0;top:0;height:70px;display:grid;grid-template-columns:126px 1fr 67px;align-items:center;gap:8px;padding:10px 12px 8px;background:linear-gradient(180deg,#071525f2,#071525bd 70%,transparent);border-bottom:1px solid #6097b233}.battle-nav-actions{display:flex;gap:5px}.battle-forfeit,.battle-map{width:60px;height:34px;padding:0;border-radius:4px 10px 4px 10px;font-size:9px;font-weight:900;letter-spacing:.03em}.battle-forfeit{border:1px solid #63cfffaa;background:#092946c9;color:#b9edff;box-shadow:inset 0 0 10px #3ac6ff2b,0 0 8px #1a9ddd24}.battle-map{border:1px solid #63ffe0a8;background:#073b3cc9;color:#a7fff1;box-shadow:inset 0 0 10px #46ffe02b,0 0 8px #19cdbb24}.battle-forfeit.combat-forfeit{border-color:#ff657b88;background:#2b0b16a6;color:#ff98a8;box-shadow:inset 0 0 10px #ff39521b}.battle-map:disabled{opacity:.38;cursor:default}
.battle-operation{text-align:center;min-width:0}.battle-operation small,.battle-clock small{display:block;color:#71bed5;font-size:7px;letter-spacing:.15em}.battle-operation b{display:block;overflow:hidden;margin-top:3px;color:#effcff;font-size:14px;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 9px #55cfff55}.battle-clock{text-align:right}.battle-clock b{display:block;margin-top:2px;color:#ffda76;font-size:14px;font-variant-numeric:tabular-nums}
.battle-boss-hud{position:absolute;z-index:21;left:50%;top:70px;width:min(420px,82vw);transform:translateX(-50%);display:grid;gap:4px;padding:5px 9px;border:1px solid #ff667a66;border-radius:3px 3px 11px 11px;background:#210712d9;box-shadow:0 5px 20px #000b,0 0 16px #ff294744}.battle-boss-hud[hidden]{display:none}.battle-boss-hud-row{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:7px;min-height:13px}.battle-boss-hud-row[hidden]{display:none}.battle-boss-hud-row>span{color:#ff6e83;font-size:9px;font-weight:1000;letter-spacing:.08em;white-space:nowrap}.battle-boss-hud-row>div{height:7px;overflow:hidden;border:1px solid #7b2837;background:#17050a}.battle-boss-hud-row i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff2546,#ffb33c);box-shadow:0 0 8px #ff365a;transition:width .16s linear}.battle-boss-hud-row>b{min-width:82px;color:#ffc5ce;font-size:9px;text-align:right;font-variant-numeric:tabular-nums}
.gate-progress{position:relative;display:block;width:min(180px,42vw);height:5px;margin:5px auto 0;border:1px solid #3b7185;border-radius:99px;background:#06131f;box-shadow:inset 0 0 5px #000,0 0 5px #1aaed844;overflow:visible}.gate-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#29b8ff,#7dfff0);box-shadow:0 0 6px #4ce8ff;transition:width .25s ease-out}.gate-progress em{position:absolute;left:calc(100% + 5px);top:50%;transform:translateY(-50%);color:#bdfdff;font:900 7px/1 var(--font-body);font-style:normal;letter-spacing:.02em;text-shadow:0 0 5px #56dfff}
.gate-progress-hud{position:absolute;z-index:21;left:50%;top:70px;width:min(420px,82vw);height:19px;transform:translateX(-50%);display:grid;grid-template-columns:38px 1fr 31px;align-items:center;gap:7px;padding:5px 9px;border:1px solid #3b718566;border-radius:3px 3px 11px 11px;background:#061722d9;box-shadow:0 5px 20px #000b,0 0 16px #1cbbd733}.gate-progress-hud[hidden]{display:none}.gate-progress-hud>span{color:#7de7ef;font-size:8px;font-weight:1000;letter-spacing:.14em}.gate-progress-hud .gate-progress{width:auto;margin:0;height:6px;overflow:hidden}.gate-progress-hud>em{color:#bdfdff;font:900 8px/1 var(--font-body);font-style:normal;text-align:right;text-shadow:0 0 5px #56dfff}
.space-battlefield{position:absolute;z-index:1;inset:90px 0 78px;overflow:hidden;perspective:900px}
.battle-grid{position:absolute;inset:-20% -20% 0;background:linear-gradient(#6bd8ff0e 1px,transparent 1px),linear-gradient(90deg,#6bd8ff0e 1px,transparent 1px);background-size:42px 42px;transform:perspective(470px) rotateX(58deg) scale(1.35);transform-origin:center bottom;mask-image:linear-gradient(transparent 0,#000 32%,#000);opacity:.58}
.enemy-attack-lattice{position:absolute;z-index:0;left:5%;right:5%;top:8%;height:47%;background-image:radial-gradient(circle,#ff718833 0 1px,transparent 2px);background-size:44px 38px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:.45}
.battle-enemies,.battle-allies,.battle-effects{position:absolute;inset:0}.battle-effects{z-index:15;pointer-events:none;overflow:hidden}.battle-enemies{z-index:6}.battle-allies{z-index:8}
.enemy-unit{--enemy-color:#ff5470;position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;opacity:0;transform:rotate(45deg) scale(.34);border:1px solid #ff9aaa;background:linear-gradient(135deg,#ff7188,#6c1028 58%,#18050c);box-shadow:0 0 7px #ff294d88,inset 0 0 4px #fff6;transition:opacity .2s ease,transform .48s cubic-bezier(.16,.8,.3,1),filter .1s;will-change:left,top,transform}.enemy-unit.entered{opacity:1;transform:rotate(45deg) scale(1)}.enemy-unit::before{content:"";position:absolute;inset:4px;border:1px solid #24020a;background:#ffbd66;box-shadow:0 0 5px #ff943d}.enemy-unit.attacking{animation:enemy-throb 1.3s ease-in-out infinite}.enemy-unit.hit{filter:brightness(2.3)}.enemy-unit.destroyed{animation:enemy-break .34s forwards}.enemy-unit .enemy-hp{position:absolute;left:-8px;top:-8px;width:34px;height:2px;transform:rotate(-45deg);background:#22050a}.enemy-unit .enemy-hp i{display:block;height:100%;background:#ff6d78}
.boss-unit{position:absolute;z-index:7;left:50%;top:-23%;width:138px;height:138px;margin:-69px 0 0 -69px;border:2px solid #ff6077;border-radius:50%;background:radial-gradient(circle at 42% 36%,#ffb263 0 3%,#d92f4d 4% 9%,#301020 10% 24%,#9e1734 25% 31%,#140916 32% 52%,#551127 53% 60%,#090510 61%);box-shadow:0 0 12px #ff395b,0 0 38px #c30e416e,inset 0 0 25px #ff6b6b55;opacity:0;transform:scale(.72);transition:top 1.15s cubic-bezier(.15,.82,.25,1),opacity .35s,transform 1.15s}.boss-unit::before,.boss-unit::after{content:"";position:absolute;inset:-15px;border:1px dashed #ff617477;border-radius:50%;animation:boss-ring 7s linear infinite}.boss-unit::after{inset:13px;border-style:solid;border-color:#ffaf7155;animation-direction:reverse;animation-duration:4s}.boss-unit.entered{top:17%;opacity:1;transform:scale(1)}.boss-unit.hit{filter:brightness(1.8)}.boss-core{position:absolute;inset:42px;border-radius:50%;background:#ff3a52;box-shadow:0 0 20px #ff3858,0 0 40px #ff8b35;animation:boss-core 1.2s ease-in-out infinite}
.ally-unit{--rarity-color:#69d8ff;position:absolute;width:104px;height:118px;margin:-59px 0 0 -52px;display:grid;place-items:center;transition:opacity .45s,filter .18s;will-change:filter}.ally-front{left:50%;top:71%}.ally-left{left:27%;top:87%}.ally-right{left:73%;top:87%}.ally-unit.retreating{opacity:0;transform:translateY(80px) scale(.7)}.ally-unit.hit{filter:brightness(2) saturate(.5)}
.ship-topview{position:relative;width:48px;height:78px;filter:drop-shadow(0 6px 7px #000c) drop-shadow(0 0 5px color-mix(in srgb,var(--rarity-color) 48%,transparent));transform-origin:center}.ship-topview .hull{position:absolute;z-index:2;left:12px;top:0;width:24px;height:75px;clip-path:polygon(50% 0,88% 19%,100% 81%,72% 100%,28% 100%,0 81%,12% 19%);background:linear-gradient(90deg,#172435,#e5eef2 48%,#758698 54%,#172435);border:1px solid var(--rarity-color)}
.ship-topview .wing{position:absolute;z-index:1;left:0;top:28px;width:48px;height:34px;clip-path:polygon(0 17%,38% 0,50% 20%,62% 0,100% 17%,76% 100%,50% 74%,24% 100%);background:linear-gradient(180deg,#687d8f,#172333);box-shadow:inset 0 0 0 1px #bbd6e566}.ship-topview .engine{position:absolute;z-index:3;left:16px;bottom:-3px;width:16px;height:8px;border-radius:50%;background:#b8ffff;box-shadow:0 5px 9px #27cfff,0 10px 15px #1673ff88}.ship-topview .core{position:absolute;z-index:4;left:20px;top:28px;width:8px;height:17px;border-radius:4px;background:var(--rarity-color);box-shadow:0 0 8px var(--rarity-color)}
.ship-topview.type-dreadnought{transform:scale(1.18)}.ship-topview.type-dreadnought .wing{width:58px;left:-5px}.ship-topview.type-battlecruiser{transform:scale(1.05)}.ship-topview.type-destroyer{transform:scale(.94)}.ship-topview.type-frigate{transform:scale(.78)}
.ship-topview.star-cruiser-topview{width:102px;height:102px;overflow:visible;filter:drop-shadow(0 6px 7px #000c) drop-shadow(0 0 6px color-mix(in srgb,var(--rarity-color) 58%,transparent))}.ship-topview.star-cruiser-topview img{position:absolute;left:50%;top:50%;display:block;width:102px;height:102px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}
.battlecruiser-fx{position:absolute;z-index:12;inset:0;pointer-events:none}.bc-thruster{position:absolute;left:50%;bottom:-3px;width:28px;height:24px;border-radius:50% 50% 72% 72%;background:radial-gradient(ellipse at 50% 12%,#edffff 0 8%,#9eefff 19%,#3da7de 43%,#0b3f83 66%,transparent 74%);box-shadow:0 2px 10px #48dfff66,0 7px 21px #207fbd45;filter:blur(.15px);transform:translateX(-50%);transform-origin:50% 0;animation:bc-thruster 1.45s ease-in-out infinite alternate}.battlecruiser-main-firing .battlecruiser-fx::before{content:"";position:absolute;left:50%;top:1px;width:16px;height:34px;transform:translateX(-50%);background:linear-gradient(0deg,transparent,#bffbff 42%,#ffdf8a 55%,transparent);filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 13px #50daff);animation:bc-main-charge 520ms ease-out}
.ally-shield{position:absolute;inset:4px -4px 15px;border:1px solid #70efff;border-radius:50%;background:radial-gradient(ellipse,#52ddff10,transparent 66%);box-shadow:inset 0 0 11px #67e6ff55,0 0 8px #43dfff55;animation:shield-wave 2.1s ease-in-out infinite;pointer-events:none}.ally-shield.broken{animation:shield-break .4s forwards}
.ally-info{position:absolute;left:50%;bottom:-1px;width:102px;transform:translateX(-50%);text-align:center;white-space:nowrap}.ally-info b{display:block;overflow:hidden;color:#edfaff;font-size:8px;text-overflow:ellipsis}.ally-health{display:block;height:3px;margin:3px 13px 0;background:#07101a;border:1px solid #315161}.ally-health i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#52ffba,#92eaff);transition:width .2s}.ally-energy{position:relative;display:block;height:3px;margin:5px 13px 0;border:1px solid #714a16;background:#130e08;box-shadow:inset 0 0 5px #ff9d2528}.ally-energy i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff8a26,#ffe274 54%,#fff4be);box-shadow:0 0 5px #ffb329,0 0 10px #ff7b20;transition:width .12s linear}.ally-energy em{position:absolute;right:0;bottom:5px;color:#ffd882;font-size:5px;font-style:normal;font-weight:900;letter-spacing:.05em;text-shadow:0 0 5px #ff8b28}.ally-info small{display:block;margin-top:2px;color:var(--rarity-color);font-size:6px;letter-spacing:.05em}
.battle-start{position:absolute;z-index:30;left:50%;top:53%;width:196px;height:86px;transform:translate(-50%,-50%);border:1px solid #ff6077aa;border-radius:50%;background:transparent;color:#ffe7eb;box-shadow:0 0 17px #ff28452b,inset 0 0 18px #ff355012;clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%);animation:start-ready 1.65s ease-in-out infinite}.battle-start[hidden]{display:none}.battle-start::before,.battle-start::after{content:"";position:absolute;top:50%;width:62px;height:1px;background:linear-gradient(90deg,transparent,#ff7187)}.battle-start::before{right:100%}.battle-start::after{left:100%;transform:scaleX(-1)}.battle-start span{display:block;margin-top:5px;color:#ff99a8;font-size:7px;letter-spacing:.22em}.battle-start b{display:block;margin:0;font-size:24px;letter-spacing:.18em;color:#ff526d;text-shadow:0 0 5px #fff1f3,0 0 12px #ff3551,0 0 26px #cf1637}.battle-start.fleet-required{border-color:#ffbf6480;color:#ffe1b4;background:transparent;box-shadow:0 0 20px #ff7a2635,inset 0 0 22px #ff7a161a}.battle-start.fleet-required b{color:#ffcf86;text-shadow:0 0 8px #ff8a3d}
.battle-controls{position:absolute;z-index:25;left:0;right:0;bottom:0;min-height:74px;padding:8px 10px 9px;background:linear-gradient(0deg,#05101dfc 65%,#05101de8 82%,transparent);border-top:1px solid #4d829d44}.frigate-skill{position:relative;width:100%;height:56px;margin:0;display:grid;grid-template-columns:42px 1fr 40px;align-items:center;gap:8px;padding:5px 8px;border:1px solid #75d7cb88;border-radius:5px 13px 5px 13px;background:linear-gradient(90deg,#103f3a99,#0a1928cc);color:#e7fffb;text-align:left}.frigate-skill:disabled{filter:saturate(.45);opacity:.68;cursor:not-allowed}.frigate-skill.ready{border-color:#75ffd0;box-shadow:0 0 13px #39ffad55,inset 0 0 12px #45ffc622}.frigate-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #70f3d3;clip-path:polygon(50% 0,95% 26%,83% 85%,50% 100%,17% 85%,5% 26%);background:#0a2a32;color:#7fffd9;font-size:18px;font-weight:1000;text-shadow:0 0 8px #4dffc8}.frigate-skill small,.frigate-skill b{display:block}.frigate-skill small{color:#86bcb9;font-size:7px}.frigate-skill b{margin-top:2px;font-size:11px;letter-spacing:.04em}.frigate-skill em{display:grid;place-items:center;width:36px;height:36px;border:1px solid #548c91;border-radius:50%;color:#9bc5c7;font-size:13px;font-style:normal;font-weight:900;font-variant-numeric:tabular-nums}.frigate-skill.ready em{color:#7fffcf;border-color:#66ffcb;text-shadow:0 0 8px #42ffc1}
.battle-announcement{position:absolute;z-index:45;left:50%;top:29%;width:min(420px,86vw);transform:translate(-50%,-50%);color:#fff;font-size:24px;font-weight:1000;letter-spacing:.15em;text-align:center;text-shadow:0 0 8px #69eaff,0 0 24px #1f8fff;pointer-events:none;opacity:0}.battle-announcement.show{animation:announce 2s ease-out}
.fx-line{position:absolute;height:2px;transform-origin:0 50%;background:#7ef9ff;box-shadow:0 0 5px #5cefff,0 0 12px #24bfff;animation:fx-line .2s ease-out forwards}.fx-line.cannon{height:5px;background:linear-gradient(90deg,#ffedef,#ff243e 40%,#ff874a);box-shadow:0 0 6px #fff2f2,0 0 18px #ff2445,0 0 28px #c91434}.fx-line.electric{height:3px;background:repeating-linear-gradient(90deg,#fff 0 5px,#66eaff 5px 9px,transparent 9px 12px);box-shadow:0 0 8px #7cf7ff;animation-duration:.3s}.fx-orb{position:absolute;width:9px;height:9px;margin:-4px;border-radius:50%;background:#bb7cff;box-shadow:0 0 7px #fff,0 0 18px #aa4dff;animation:fx-orb .42s linear forwards}.fx-missile{position:absolute;width:6px;height:26px;margin:-13px 0 0 -3px;border:1px solid #ffe9a6;border-radius:70% 70% 28% 28%;background:linear-gradient(90deg,#a84514 0 16%,#f59c2d 17% 30%,#fff9d4 42% 57%,#ffb542 70% 83%,#743019 84%);box-shadow:0 0 4px #fff1bd,0 0 12px #ff9c30,0 0 22px #ff5729;filter:drop-shadow(0 0 3px #ffae3b);animation:fx-missile .5s cubic-bezier(.2,.7,.3,1) forwards}.fx-missile::before{content:"";position:absolute;left:50%;top:-8px;width:0;height:0;transform:translateX(-50%);border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:9px solid #fff8cf;filter:drop-shadow(0 0 3px #ffb52c)}.fx-missile::after{content:"";position:absolute;left:50%;bottom:-13px;width:4px;height:14px;transform:translateX(-50%);border-radius:50% 50% 70% 70%;background:linear-gradient(#fff8bd,#ffb12f 44%,#ff3d20 76%,transparent);box-shadow:0 5px 8px #ff5629}.fx-enemy{position:absolute;width:11px;height:3px;margin:-1px;border-radius:50%;background:#ff526c;box-shadow:0 0 8px #ff2948;animation:fx-orb .48s linear forwards}.fx-enemy.corrosion{width:10px;height:10px;margin:-5px;border-radius:50%;background:#8cff47;box-shadow:0 0 10px #48ff2c}.fx-explosion{position:absolute;width:13px;height:13px;margin:-7px;border-radius:50%;background:#fff;box-shadow:0 0 7px #fff,0 0 18px #ff8c2e,0 0 32px #ff2948;animation:explosion .38s ease-out forwards}
.fx-line.battlecruiser-laser{height:3px;background:linear-gradient(90deg,#fff7f7,#ff6b7c 33%,#ff1743 68%,transparent);box-shadow:0 0 5px #fff,0 0 13px #ff3154,0 0 22px #a4002a;animation-duration:.24s}.fx-photon{position:absolute;width:15px;height:15px;margin:-8px;border:1px solid #d9ffff;border-radius:50%;background:radial-gradient(circle at 34% 29%,#fff 0 8%,#cbfcff 13%,#71b9ff 29%,#5d4dba 46%,#211038 68%,#05030a 74%);box-shadow:0 0 5px #fff,0 0 15px #69eaff,0 0 28px #8664ff;animation:photon-flight 250ms cubic-bezier(.22,.74,.38,1) forwards}.fx-photon::before{content:"";position:absolute;inset:-5px;border:1px solid #c8e8ff99;border-radius:50%;box-shadow:0 0 8px #8e7dff;animation:photon-spin 240ms linear infinite}.fx-photon::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#fff;box-shadow:0 0 7px #fff,0 0 13px #a0f7ff;opacity:.75}
.frigate-flyby{--rarity-color:#75ffd0;position:absolute;z-index:40;right:-110px;top:63%;width:92px;height:120px;display:grid;place-items:center;animation:frigate-arc 2.4s cubic-bezier(.22,.64,.38,.96) forwards;pointer-events:none}.frigate-flyby .ship-topview{transform:rotate(-78deg) scale(.95)}.frigate-wave{position:absolute;z-index:16;left:50%;top:42%;width:10px;height:10px;border:2px solid #76ffd3;border-radius:50%;box-shadow:0 0 18px #65ffce;animation:frigate-wave 1s ease-out forwards}
.battle-result,.forfeit-confirm{position:absolute;z-index:90;inset:0;display:grid;place-items:center;padding:18px;background:#020711b8;backdrop-filter:blur(6px)}.battle-result[hidden],.forfeit-confirm[hidden]{display:none}.battle-result article,.forfeit-confirm article{width:min(390px,94vw);padding:25px 18px 18px;border:1px solid #69dfff;border-radius:8px 24px 8px 24px;background:linear-gradient(145deg,#102d43f7,#071321f9);box-shadow:0 0 28px #2acfff44,0 22px 60px #000d;text-align:center}.battle-result article>small,.forfeit-confirm article>small{color:#75c9df;font-size:8px;letter-spacing:.22em}.battle-result h2,.forfeit-confirm h2{margin:8px 0;color:#f4fdff;font-size:28px;letter-spacing:.1em}.battle-result-stars{color:#ffda62;font-size:31px;letter-spacing:.15em;text-shadow:0 0 10px #ffbd31}.battle-result p,.forfeit-confirm p{color:#a9c5d2;font-size:11px;line-height:1.5}.battle-rewards{display:flex;justify-content:center;gap:8px;margin:14px 0}.battle-rewards span{padding:7px 11px;border:1px solid #547b90;border-radius:20px;background:#071927;color:#effcff;font-size:11px}.battle-rewards b{color:#ffd45b}.battle-result-actions,.forfeit-confirm article>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.battle-result-actions button,.forfeit-confirm button{height:43px;border:1px solid #6098b1;border-radius:5px 12px 5px 12px;background:#10283b;color:#dff8ff;font-size:11px;font-weight:900}.battle-result-actions button:last-child,.forfeit-confirm button[data-forfeit="yes"]{border-color:#ff6278;background:#461221;color:#ffdbe1}.battle-result.victory article{border-color:#ffd566;box-shadow:0 0 32px #ffc83c4d,0 22px 60px #000d}.battle-result.victory h2{color:#ffe998;text-shadow:0 0 14px #ffb62f}.forfeit-confirm{z-index:100}.forfeit-backdrop{position:absolute;inset:0}.forfeit-confirm article{position:relative;border-color:#ff6175}.forfeit-confirm h2{font-size:19px}
@keyframes battle-stars{to{background-position:5px 94px,31px 213px}}
/* 우주 배경 띠: 원본·뒤집힘·원본 3장. 두 장 길이만큼 흘러 끝 화면과 처음 화면이 같아 반복 지점이 이어진다. */@keyframes battle-space-flow{from{transform:translateY(0)}to{transform:translateY(-66.6667%)}}
@keyframes battle-nebula{to{transform:translate3d(7%,-3%,0) scale(1.08) rotate(5deg)}}
.battle-viewport.oort-colony-gate .battle-space-flow,.battle-viewport.oort-colony-gate .battle-nebula{display:none}.battle-viewport.oort-colony-gate .oort-colony-backdrop{z-index:0;inset:0;display:block;overflow:hidden;background:url("oort-colony-background.png") center bottom/118% auto no-repeat #09050b;filter:brightness(.68) saturate(.72) contrast(1.1);animation:oort-colony-rise 28s linear forwards}.battle-viewport.oort-colony-gate .oort-colony-backdrop i{display:none}.battle-viewport.oort-colony-gate .oort-colony-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#02030a7a,#12071320 48%,#0207118e);box-shadow:inset 0 0 50px #010209}@keyframes oort-colony-rise{from{background-position:center bottom}to{background-position:center top}}
.battle-space-flow{animation-direction:reverse}.battle-viewport::before,.battle-grid,.enemy-attack-lattice{display:none}.oort-colony-backdrop{position:absolute;z-index:0;inset:-7%;display:none;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);overflow:hidden;filter:brightness(.65) saturate(.72) contrast(1.1);transform-origin:50% 50%;animation:oort-colony-camera 22s ease-in-out infinite alternate;pointer-events:none}.space-battlefield.oort-colony-gate .oort-colony-backdrop{display:grid}.oort-colony-backdrop i{background-image:url("oort-colony-background.png");background-size:300% 200%;background-repeat:no-repeat}.oort-colony-backdrop i:nth-child(1){background-position:0 0}.oort-colony-backdrop i:nth-child(2){background-position:50% 0}.oort-colony-backdrop i:nth-child(3){background-position:100% 0}.oort-colony-backdrop i:nth-child(4){background-position:0 100%}.oort-colony-backdrop i:nth-child(5){background-position:50% 100%}.oort-colony-backdrop i:nth-child(6){background-position:100% 100%}.oort-colony-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#03040a77,#09030d22 45%,#0207118c);box-shadow:inset 0 0 46px #010209}.space-battlefield.oort-colony-gate{background:#05030a}@keyframes oort-colony-camera{0%{transform:scale(1.05) translate3d(-2%,-2%,0)}46%{transform:scale(1.17) translate3d(2%,1%,0)}100%{transform:scale(1.09) translate3d(-1%,3%,0)}}
@keyframes enemy-throb{50%{box-shadow:0 0 14px #ff294d,inset 0 0 6px #fff}}
@keyframes enemy-break{to{opacity:0;transform:rotate(225deg) scale(2.4);filter:brightness(3)}}
@keyframes boss-ring{to{transform:rotate(360deg)}}
@keyframes boss-core{50%{transform:scale(1.25);filter:brightness(1.6)}}
@keyframes shield-wave{50%{transform:scale(1.04);opacity:.62}}
@keyframes shield-break{to{transform:scale(1.7);opacity:0}}
@keyframes bc-thruster{from{transform:translateX(-50%) scaleY(.86);opacity:.58}to{transform:translateX(-50%) scaleY(1.1);opacity:.88}}
@keyframes bc-main-charge{0%{opacity:0;transform:translateX(-50%) scaleY(.25)}28%{opacity:1}100%{opacity:0;transform:translateX(-50%) scaleY(1.35)}}
@keyframes photon-flight{0%{transform:translate(0,0) scale(.48);opacity:0}18%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(.9);opacity:.95}}
@keyframes photon-spin{to{transform:rotate(360deg) scale(1.18);opacity:.28}}
@keyframes start-ready{50%{box-shadow:0 0 32px #23cfff77,inset 0 0 28px #35dfff38}}
@keyframes announce{0%{opacity:0;transform:translate(-50%,-25%)}15%,65%{opacity:1;transform:translate(-50%,-50%)}100%{opacity:0;transform:translate(-50%,-75%)}}
@keyframes fx-line{0%{opacity:0;transform:var(--angle) scaleX(.05)}35%{opacity:1}100%{opacity:0;transform:var(--angle) scaleX(1)}}
@keyframes fx-orb{to{transform:translate(var(--dx),var(--dy));opacity:.2}}
@keyframes fx-missile{from{transform:translate(0,0) rotate(var(--missile-angle,0rad));opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--missile-angle,0rad));opacity:.2}}
.fx-explosion.cannon-impact{z-index:26;border-radius:0;background:url("missile-explosion-3.png") center/contain no-repeat;box-shadow:none;filter:drop-shadow(0 0 2px #fff7d2) drop-shadow(0 0 7px #ff7b24);animation:cannon-impact .38s ease-out forwards}@keyframes explosion{to{transform:scale(4.4);opacity:0}}@keyframes cannon-impact{0%{transform:scale(1);opacity:1;filter:brightness(1.42) drop-shadow(0 0 2px #fff7d2) drop-shadow(0 0 7px #ff7b24)}72%{transform:scale(4.38);opacity:.9}100%{transform:scale(4.38);opacity:0}}
@keyframes frigate-arc{0%{right:-110px;top:67%;transform:rotate(0)}45%{right:48%;top:22%;transform:rotate(-15deg)}100%{right:115%;top:52%;transform:rotate(-34deg)}}
@keyframes frigate-wave{to{width:80vw;height:80vw;margin:-40vw;opacity:0}}
@media(max-width:430px){.battle-command-bar{grid-template-columns:124px 1fr 58px;padding-inline:8px;gap:5px}.battle-operation b{font-size:12px}.ally-unit{transform:scale(.86)}.ally-front{top:70%}.ally-left,.ally-right{top:86%}.battle-controls{padding-inline:6px}}
@media(max-height:680px){.space-battlefield{top:82px;bottom:72px}.battle-controls{min-height:68px;padding-top:5px}.frigate-skill{height:50px}.ally-unit{transform:scale(.78)}.battle-command-bar{height:62px}}

/* Procedural ship silhouettes and combat-state details. */
.attack-node{position:absolute;width:8px;height:8px;margin:-4px;border:1px solid #ff73817d;transform:rotate(45deg);background:#52132988;box-shadow:0 0 7px #ff3f5b55}
.battle-forfeit:disabled{opacity:.42;cursor:default}
.battle-viewport.arena-battle{background:#030712}
.battle-viewport.arena-battle .battle-space-flow,.battle-viewport.arena-battle .battle-nebula,.battle-viewport.arena-battle .oort-colony-backdrop{display:none!important;animation:none!important}
.battle-viewport.arena-battle::before{display:block;z-index:0;opacity:1;animation:none;background-image:linear-gradient(180deg,#020711a6 0%,#07101a70 25%,#060b16c4 50%,#07101a70 75%,#020711a6 100%),url("icons/arena-combat-space.png");background-size:cover;background-position:center 50%;background-repeat:no-repeat}
.battle-viewport.arena-battle::after{z-index:0;background:radial-gradient(ellipse at 50% 50%,#02071152 0%,#02071112 58%,#0207118a 100%);}
.battle-viewport.arena-battle .battle-command-bar{background:linear-gradient(180deg,#071525f5,#071525c9 72%,transparent);border-color:#8ac4d344}
.battle-viewport.arena-battle .battle-operation small{color:#83e8da}
.battle-viewport.arena-battle .battle-operation b{text-shadow:0 0 9px #ffbd5966}
.battle-viewport.arena-battle .gate-progress-hud,.battle-viewport.arena-battle .battle-boss-hud,.battle-viewport.arena-battle .battle-controls{display:none!important}
.battle-viewport.arena-battle .space-battlefield{z-index:2;perspective:none}
.battle-viewport.arena-battle .battle-grid,.battle-viewport.arena-battle .enemy-attack-lattice{display:none!important}
.battle-viewport.arena-battle .battle-effects{z-index:16}
.arena-vessel{position:absolute;z-index:4;display:grid;place-items:center;width:118px;height:142px;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .55s ease,filter .2s ease}
.arena-vessel.friendly{animation:arena-fleet-arrive .7s ease-out backwards}.arena-vessel.enemy{animation:arena-fleet-descend .7s ease-out backwards}
.arena-vessel.slot-1{left:27%}.arena-vessel.slot-2{left:73%}
.arena-vessel.enemy.slot-0{top:32%}.arena-vessel.enemy.slot-1,.arena-vessel.enemy.slot-2{top:19%}
.arena-vessel.friendly.slot-0{top:68%}.arena-vessel.friendly.slot-1,.arena-vessel.friendly.slot-2{top:81%}
.arena-vessel-model{width:100%;height:100%;display:grid;place-items:center;animation:arena-vessel-drift 2.8s ease-in-out infinite alternate;animation-delay:var(--arena-drift-delay,0s)}
.arena-vessel-sprite{display:grid;place-items:center;transition:filter .18s ease,transform .25s ease;filter:drop-shadow(0 0 8px #4bcfff66)}
.arena-vessel.enemy .arena-vessel-sprite{transform:rotate(180deg);filter:drop-shadow(0 0 9px #ff6c5f77)}
.arena-vessel .ship-topview{flex:none}.arena-vessel.enemy .ship-topview .battlecruiser-fx{filter:hue-rotate(155deg)}
.arena-vessel-hud{position:absolute;z-index:2;left:50%;bottom:-17px;width:94px;transform:translateX(-50%);display:grid;gap:2px;text-align:center;filter:drop-shadow(0 1px 4px #000)}
.arena-vessel.enemy .arena-vessel-hud{top:-17px;bottom:auto}
.arena-vessel-hud b{overflow:hidden;color:#dcfff9;font-size:8px;line-height:1;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 6px #39d9cf,0 1px 2px #000}
.arena-vessel.enemy .arena-vessel-hud b{color:#ffd5d3;text-shadow:0 0 6px #ff655f,0 1px 2px #000}
.arena-vessel-hud span{display:block;height:4px;border:1px solid #72caca88;border-radius:3px;background:#040e16cc;overflow:hidden}
.arena-vessel-hud span i{display:block;width:100%;height:100%;transition:width .45s linear}
.arena-vessel-health i{background:linear-gradient(90deg,#3bffbc,#c5ffe9);box-shadow:0 0 6px #49f9c2}
.arena-vessel.enemy .arena-vessel-health i{background:linear-gradient(90deg,#ff4b63,#ffb58d);box-shadow:0 0 6px #ff5b64}
.arena-vessel-hud .arena-vessel-shield{height:2px;border:0;background:transparent}.arena-vessel-shield i{width:0;background:#b5faff;box-shadow:0 0 6px #77e6ff}
.arena-vessel-hud .arena-vessel-energy{height:2px;border:0;background:#132333aa}.arena-vessel-energy i{width:0;background:linear-gradient(90deg,#eb9d49,#fff1a5)}
.arena-vessel-hud small{color:#d1e8ed;font-size:7px;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000}
.arena-vessel.shielded .arena-vessel-sprite{filter:drop-shadow(0 0 9px #b8f3ff) drop-shadow(0 0 18px #48bfff)}
.arena-vessel.stunned .arena-vessel-sprite{filter:brightness(1.4) drop-shadow(0 0 13px #b77aff)}
.arena-vessel.arena-hit .arena-vessel-sprite{animation:arena-vessel-hit .34s ease-out}
.arena-vessel.arena-firing .arena-vessel-sprite{filter:brightness(1.48) drop-shadow(0 0 14px #fff3bb)}
.arena-vessel.destroyed{opacity:0;filter:grayscale(1) brightness(1.8)}
@keyframes arena-vessel-drift{from{transform:translateY(-3px) rotate(-1deg)}to{transform:translateY(3px) rotate(1deg)}}
@keyframes arena-fleet-arrive{from{opacity:0;transform:translate(-50%,15%) scale(.75)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes arena-fleet-descend{from{opacity:0;transform:translate(-50%,-115%) scale(.75)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes arena-vessel-hit{0%{filter:brightness(2.7);translate:0 0}25%{translate:4px -2px}55%{translate:-4px 2px}100%{filter:brightness(1);translate:0 0}}
@media(max-height:680px){.arena-vessel.enemy.slot-1,.arena-vessel.enemy.slot-2{top:22%}.arena-vessel.friendly.slot-1,.arena-vessel.friendly.slot-2{top:78%}}
.battle-viewport.arena-battle .battle-start{top:50%;z-index:12;width:184px;height:78px;border:1px solid #91dcf0;background:linear-gradient(112deg,#061522f2 0%,#12364beF 34%,#234354ed 50%,#173047f2 67%,#091724f5 100%);box-shadow:0 0 0 3px #09131bbd,inset 0 0 0 2px #d9f8ff36,inset 0 0 22px #54c9e65c,0 0 15px #48c8f088,0 0 31px #1f6c9b88,0 0 45px #eab95c33;animation:arena-duel-ready 1.8s ease-in-out infinite alternate}
.battle-viewport.arena-battle .battle-start{width:auto;height:auto;padding:14px 20px;border:0;border-radius:0;background:transparent;box-shadow:none;clip-path:none;animation:none}
.battle-viewport.arena-battle .battle-start::before,.battle-viewport.arena-battle .battle-start::after,.battle-viewport.arena-battle .battle-start span{display:none}
.battle-viewport.arena-battle .battle-start::before,.battle-viewport.arena-battle .battle-start::after{width:50px;height:2px;background:linear-gradient(90deg,transparent,#66e4ff 52%,#ffe2a1);filter:drop-shadow(0 0 5px #6fe8ff)}
.battle-viewport.arena-battle .battle-start b{color:#f3fcff;letter-spacing:.24em;text-shadow:0 0 5px #dffaff,0 0 13px #49d9ff,0 2px 4px #020810}
.battle-viewport.arena-battle .battle-start b{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:clamp(38px,11vw,58px);font-style:italic;font-weight:800;letter-spacing:.015em;line-height:1;text-shadow:0 0 7px #fff,0 0 20px #67e7ff,0 0 36px #268bda;transform:rotate(-4deg);white-space:nowrap}
.battle-viewport.arena-battle .battle-start span{color:#ffe4a4;text-shadow:0 0 8px #e8ad4c;letter-spacing:.2em}
.arena-duel-beam{position:absolute;z-index:18;height:2px;transform:rotate(var(--beam-angle));transform-origin:0 50%;opacity:0;background:linear-gradient(90deg,#fff,#73edff 35%,#2b92ff 78%,transparent);box-shadow:0 0 6px #fff,0 0 17px #47cbff;animation:arena-duel-shot .48s ease-out forwards;pointer-events:none}
.arena-duel-beam.enemy-beam{height:2px;background:linear-gradient(90deg,#fff,#ff9785 38%,#fa425e 78%,transparent);box-shadow:0 0 6px #fff,0 0 17px #ff5363}
.arena-duel-beam.heavy-beam{height:4px;filter:drop-shadow(0 0 4px currentColor)}
@keyframes arena-duel-shot{0%{opacity:0;transform:rotate(var(--beam-angle)) scaleX(.12)}15%{opacity:1}78%{opacity:.92}100%{opacity:0;transform:rotate(var(--beam-angle)) scaleX(1)}}
.arena-duel-beam.electric-beam{height:4px;background:repeating-linear-gradient(90deg,#c9ffff 0 8px,#4ad9ff 8px 14px,#efffff 14px 20px,#748aff 20px 26px);box-shadow:0 0 9px #fff,0 0 20px #55d9ff}
.arena-duel-projectile{position:absolute;z-index:19;width:8px;height:19px;margin:-9px 0 0 -4px;border-radius:50% 50% 24% 24%;background:linear-gradient(90deg,#6e230c,#ffd678 28%,#fff 50%,#ffb94f 72%,#652312);box-shadow:0 0 7px #fff,0 0 15px #ff9d45;opacity:0;transform:rotate(var(--arena-angle));animation:arena-projectile-flight .38s ease-in forwards;pointer-events:none}
.arena-duel-projectile.enemy{background:linear-gradient(90deg,#57101e,#ff8c87 30%,#fff 50%,#ff667d 70%,#57101e);box-shadow:0 0 7px #fff,0 0 16px #ff536b}
.arena-duel-projectile.missile{height:25px;border:1px solid #fff1ba}.arena-duel-projectile.fighter{width:14px;height:15px;margin:-7px;background:#e8fcff;clip-path:polygon(50% 0,100% 100%,50% 70%,0 100%)}
.arena-duel-projectile::after{content:"";position:absolute;left:50%;bottom:-13px;width:7px;height:16px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(#fff8ca,#ff9b2b 45%,transparent);filter:blur(2px)}
.arena-duel-impact{position:absolute;z-index:20;width:28px;height:28px;margin:-14px;border:2px solid #dffcff;border-radius:50%;background:radial-gradient(circle,#fff 0 10%,#9df8ffbd 22%,transparent 70%);box-shadow:0 0 8px #fff,0 0 23px #52dfff;animation:arena-duel-impact .55s ease-out .18s both;pointer-events:none}
.arena-duel-impact.enemy{border-color:#ffaaa1;background:radial-gradient(circle,#fff 0 10%,#ff897cbd 22%,transparent 70%);box-shadow:0 0 8px #fff,0 0 23px #ff5363}.arena-duel-impact.core{width:42px;height:42px;margin:-21px}
.arena-duel-burst{position:absolute;z-index:22;width:55px;height:55px;margin:-27px;border:2px solid #e6ffff;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#fff5aa 15%,#ff9b42 32%,#ff4d274d 52%,transparent 73%);box-shadow:0 0 12px #fff,0 0 28px #ffad56;animation:arena-duel-burst .68s ease-out forwards;pointer-events:none}.arena-duel-burst.enemy{filter:hue-rotate(315deg)}
.arena-duel-pulse{position:absolute;z-index:20;width:66px;height:66px;margin:-33px;border:2px solid #a4efff;border-radius:50%;background:radial-gradient(circle,#9debff33 0 35%,transparent 70%);box-shadow:0 0 16px #7feaff,inset 0 0 14px #a8f2ff;animation:arena-duel-pulse .72s ease-out forwards;pointer-events:none}.arena-duel-pulse.repair{border-color:#91ffd8;box-shadow:0 0 16px #71ffbc,inset 0 0 14px #a8ffdb}
.arena-support-flyby{position:absolute;z-index:21;left:-80px;top:55%;width:80px;height:110px;display:grid;place-items:center;pointer-events:none;animation:arena-support-flyby 1.1s ease-in-out forwards}.arena-support-flyby.enemy{left:calc(100% + 80px);top:37%}.arena-support-flyby .ship-topview{transform:scale(.68);filter:drop-shadow(0 0 10px #8defff)}.arena-support-flyby.enemy .ship-topview{transform:rotate(180deg) scale(.68);filter:drop-shadow(0 0 10px #ff8b82)}
@keyframes arena-projectile-flight{0%{opacity:1;transform:rotate(var(--arena-angle)) translateY(0)}85%{opacity:1}100%{opacity:0;transform:translate(var(--arena-dx),var(--arena-dy)) rotate(var(--arena-angle))}}
@keyframes arena-duel-impact{0%{opacity:0;transform:scale(.2)}30%{opacity:1}100%{opacity:0;transform:scale(2.2)}}
@keyframes arena-duel-burst{0%{opacity:1;transform:scale(.25)}35%{opacity:1}100%{opacity:0;transform:scale(3.1)}}
@keyframes arena-duel-pulse{0%{opacity:.9;transform:scale(.35)}100%{opacity:0;transform:scale(2.2)}}
@keyframes arena-support-flyby{0%{opacity:0;transform:translateX(0) scale(.7)}15%{opacity:1}84%{opacity:1}100%{opacity:0;transform:translateX(var(--arena-support-travel)) scale(.9)}}
@keyframes arena-duel-ready{from{filter:brightness(.94);box-shadow:0 0 0 3px #09131bbd,inset 0 0 0 2px #d9f8ff28,inset 0 0 17px #54c9e63d,0 0 11px #48c8f066,0 0 24px #1f6c9b66,0 0 34px #eab95c22}to{filter:brightness(1.12);box-shadow:0 0 0 3px #09131bbd,inset 0 0 0 2px #e5fbff55,inset 0 0 26px #54c9e67a,0 0 21px #48c8f0aa,0 0 39px #1f6c9baa,0 0 50px #eab95c44}}
@media(max-width:430px){.arena-battle-piece{width:clamp(72px,22vw,96px);height:clamp(100px,15vh,124px)}.arena-battle-piece.slot-1{left:27%}.arena-battle-piece.slot-2{left:73%}.battle-viewport.arena-battle .battle-start{width:166px;height:72px}}
@media(prefers-reduced-motion:reduce){.battle-viewport.arena-battle .battle-start{animation:none}.arena-duel-beam{animation-duration:.2s}}
.boss-unit>b{position:absolute;z-index:4;inset:0;display:grid;place-items:center;color:#fff2d0;font-size:25px;text-shadow:0 0 7px #fff,0 0 16px #ff394f}
.boss-clamp{position:absolute;z-index:-1;left:50%;top:50%;width:176px;height:22px;margin:-11px 0 0 -88px;clip-path:polygon(0 20%,18% 0,32% 35%,68% 35%,82% 0,100% 20%,91% 100%,70% 64%,30% 64%,9% 100%);background:linear-gradient(90deg,#2d0a13,#ff5b69,#2d0a13)}
.boss-clamp.clamp-b{transform:rotate(90deg)}
.boss-unit.destroyed{animation:boss-destroy 1.05s ease-in forwards}
.boss-unit.stunned,.enemy-unit.stunned{filter:hue-rotate(120deg) brightness(1.55);box-shadow:0 0 15px #6af4ff,0 0 26px #575dff}
.ship-topview .wing-b{transform:scaleX(.82);filter:brightness(.72)}
.ship-topview .rail{position:absolute;z-index:5;top:16px;width:3px;height:38px;border-radius:3px;background:#dcecff;box-shadow:0 0 5px var(--rarity-color)}
.ship-topview .rail-a{left:8px}.ship-topview .rail-b{right:8px}
.ship-topview.type-dreadnought .hull{width:30px;left:9px;clip-path:polygon(50% 0,92% 14%,100% 86%,80% 100%,20% 100%,0 86%,8% 14%)}
.ship-topview.type-battlecruiser .hull{height:78px;clip-path:polygon(50% 0,84% 12%,100% 73%,72% 100%,28% 100%,0 73%,16% 12%)}
.ship-topview.type-destroyer .hull{width:18px;left:15px;clip-path:polygon(50% 0,100% 23%,78% 100%,22% 100%,0 23%)}
.ship-topview.type-frigate .wing{top:34px;height:27px}
.ship-topview.variant-0 .wing-a{clip-path:polygon(0 35%,42% 0,50% 27%,58% 0,100% 35%,72% 100%,50% 75%,28% 100%)}
.ship-topview.variant-1 .wing-a{width:62px;left:-7px;clip-path:polygon(0 0,44% 23%,50% 0,56% 23%,100% 0,76% 100%,50% 69%,24% 100%)}
.ship-topview.variant-2 .hull{border-radius:45% 45% 18% 18%}.ship-topview.variant-2 .rail{top:27px;height:24px}
.ship-topview.variant-3 .wing-a{top:19px;height:48px;clip-path:polygon(0 0,43% 25%,50% 0,57% 25%,100% 0,76% 100%,50% 83%,24% 100%)}
.ship-topview.variant-4 .wing-a{clip-path:polygon(0 48%,34% 0,50% 28%,66% 0,100% 48%,91% 100%,50% 74%,9% 100%)}.ship-topview.variant-4 .rail{display:none}
.ship-topview.variant-5 .wing-a{width:38px;left:5px;top:18px;height:52px}.ship-topview.variant-5 .hull{box-shadow:-10px 15px 0 -7px #92a9b7,10px 15px 0 -7px #92a9b7}
.fx-enemy.suicide{width:18px;height:7px;background:#fff1a0;box-shadow:0 0 8px #fff,0 0 18px #ff2d4b}
.fx-explosion.acid{background:#d9ff9a;box-shadow:0 0 8px #caff78,0 0 22px #54ff25}.fx-explosion.plasma{background:#e9c7ff;box-shadow:0 0 8px #fff,0 0 24px #b65bff}.fx-explosion.plasma-splash{width:18px;height:18px;margin:-9px;background:#f1c5ff;box-shadow:0 0 9px #fff,0 0 26px #bd59ff,0 0 42px #6721c3}
.fx-explosion.photon{width:10px;height:10px;margin:-5px;background:#e6fdff;box-shadow:0 0 6px #fff,0 0 15px #70e4ff,0 0 25px #815bff;animation:photon-burst .4s ease-out forwards}
.damage-one{position:absolute;z-index:50;color:#fff5d2;font-size:10px;font-style:normal;font-weight:1000;text-shadow:0 0 6px #ff4f66;animation:damage-one .62s ease-out forwards}
.frigate-flyby>b{position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding:2px 6px;border:1px solid var(--rarity-color);background:#04131ddd;color:#fff;font-size:8px;white-space:nowrap;text-shadow:0 0 7px var(--rarity-color)}
.frigate-wave.skill-torpedo{border-color:#ffd55b;box-shadow:0 0 20px #ff923f}.frigate-wave.skill-emp{border-color:#80e9ff;box-shadow:0 0 20px #6aa8ff}.frigate-wave.skill-shield{border-color:#72fff0;box-shadow:0 0 24px #43edff}
.ship-topview.littleboy-topview{width:72px;height:96px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 6px #a5deff88)}.ship-topview.littleboy-topview img{position:absolute;left:50%;top:50%;display:block;width:72px;height:96px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.frigate-ship-visual .ship-topview.littleboy-topview{transform:scale(.86)}
.ship-topview.iowa-topview{width:70px;height:144px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 7px #ffb15a66)}.ship-topview.iowa-topview img{position:absolute;left:50%;top:50%;display:block;width:70px;height:144px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.iowa-muzzle-flash{position:absolute;z-index:21;width:13px;height:24px;margin:-12px 0 0 -6px;border-radius:48% 48% 60% 60%;background:radial-gradient(ellipse at 50% 18%,#fff 0 12%,#ffeeb0 25%,#ffaf33 47%,#ff4924 68%,transparent 76%);filter:drop-shadow(0 0 4px #ffe8a4) drop-shadow(0 0 10px #ff7a29);animation:iowa-muzzle-flash .18s ease-out forwards;pointer-events:none}.fx-missile.iowa-tomahawk{width:6px;height:39px;margin:-19px 0 0 -3px;background:linear-gradient(90deg,#25384b 0 15%,#8ea5b5 18% 31%,#f5fbff 42% 58%,#778e9f 70% 83%,#1a2a3a 86%);border-color:#effaff;box-shadow:0 0 5px #eaffff,0 0 13px #ffc057,0 0 23px #ff6a2f;filter:drop-shadow(0 0 4px #ffbc4e)}.fx-missile.iowa-tomahawk::before{border-left-width:3px;border-right-width:3px;border-bottom:10px solid #fff8dc;top:-9px}.fx-missile.iowa-tomahawk::after{bottom:-15px;height:16px;background:linear-gradient(#fffbd0,#ffcf54 42%,#ff482b 75%,transparent)}
.ship-topview.supanokseon-topview{width:64px;height:142px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 8px #ffbd5b88);transition:transform 1.5s cubic-bezier(.35,.75,.25,1),filter .2s}.ship-topview.supanokseon-topview img{position:absolute;left:50%;top:50%;display:block;width:64px;height:142px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ship-topview.supanokseon-topview::after{display:none}.ally-unit.supanokseon-turning .supanokseon-topview,.ally-unit.supanokseon-returning .supanokseon-topview{transform:rotate(var(--supanokseon-angle,0deg));filter:brightness(1.25) drop-shadow(0 0 8px #ffe4a4) drop-shadow(0 0 18px #ff8d32)}.iowa-muzzle-flash.supanokseon-muzzle-flash{width:20px;height:7px;margin:-3px 0 0 -10px;background:radial-gradient(ellipse at 50% 50%,#fff 0 9%,#ffe9aa 20%,#ffad34 42%,#f24b24 63%,transparent 78%);filter:drop-shadow(0 0 4px #ffb13b) drop-shadow(0 0 9px #ff6d2d)}.fx-bigeok{position:absolute;z-index:22;width:11px;height:7px;margin:-3.5px 0 0 -5.5px;background:url("bigeokjincheonroe.png") center/contain no-repeat;filter:drop-shadow(0 0 2px #ffc76b) drop-shadow(0 0 5px #ff762e);transition:left .5s cubic-bezier(.2,.75,.25,1),top .5s cubic-bezier(.2,.75,.25,1);pointer-events:none}.fx-bigeok.attached{animation:bigeok-attached .45s ease-in-out infinite alternate}@keyframes bigeok-attached{from{filter:drop-shadow(0 0 2px #ffd689) drop-shadow(0 0 5px #ff772b);transform:scale(.9)}to{filter:drop-shadow(0 0 4px #fff2bb) drop-shadow(0 0 11px #ff4d22);transform:scale(1.12)}}.enemy-unit.weak-exposed{filter:brightness(1.32) drop-shadow(0 0 4px #ffd16d) drop-shadow(0 0 11px #ff7034)}.enemy-unit.weak-exposed::after{content:"약점";position:absolute;left:50%;top:-11px;transform:translateX(-50%);font-size:5px;font-weight:900;letter-spacing:.06em;color:#ffe3a1;text-shadow:0 0 4px #ff4b25;white-space:nowrap}
.ship-topview.helios-topview{width:72px;height:144px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 8px #4ca8ff88)}.ship-topview.helios-topview img{position:absolute;left:50%;top:50%;display:block;width:72px;height:144px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.helios-laser{z-index:19;height:4px;background:linear-gradient(90deg,#f5fdff,#7bd7ff 36%,#267cff 72%,transparent);box-shadow:0 0 6px #e9ffff,0 0 16px #4abfff,0 0 28px #2167ff;animation:helios-laser .22s ease-out forwards}.helios-main-firing .helios-topview{filter:brightness(1.32) drop-shadow(0 0 8px #62ceff) drop-shadow(0 0 18px #2478ff)}
.ship-topview::after{content:"";position:absolute;z-index:0;left:50%;bottom:-8px;width:18px;height:18px;transform:translateX(-50%);border-radius:50% 50% 68% 68%;background:radial-gradient(ellipse at 50% 5%,#fff 0 8%,#9eefff 22%,#39aaf0 48%,transparent 76%);opacity:.72;filter:blur(.35px);animation:universal-thruster 1.35s ease-in-out infinite alternate;pointer-events:none}.ship-topview.iowa-topview::after,.ship-topview.helios-topview::after,.ship-topview.magellan-topview::after{display:none}.ship-topview.magellan-topview{width:66px;height:148px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 7px #ffb95e66)}.ship-topview.magellan-topview img{position:absolute;left:50%;top:50%;display:block;width:66px;height:148px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.magellan-thrusters{position:absolute;z-index:0;left:50%;bottom:-8px;width:64px;height:28px;transform:translateX(-50%)}.magellan-thrusters i{position:absolute;bottom:0;width:22px;height:30px;background:linear-gradient(180deg,#fff6bd 0 12%,#ffbd38 36%,#ff5b25 68%,transparent);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 6px #ff9f30);animation:magellan-thruster .62s ease-in-out infinite alternate}.magellan-thrusters i:first-child{left:5px}.magellan-thrusters i:last-child{right:5px;animation-delay:.18s}.magellan-main-firing .magellan-topview{filter:brightness(1.28) drop-shadow(0 0 9px #ff9d42) drop-shadow(0 0 18px #ff5427)}.fx-explosion.magellan-barrage{width:18px;height:18px;margin:-9px;background:radial-gradient(circle,#fff 0 10%,#ffd67b 24%,#ff7132 50%,#bd2c3f 72%,transparent 74%);box-shadow:0 0 8px #fff4b0,0 0 22px #ff7d30,0 0 34px #ff243e;animation:explosion .46s ease-out forwards}
.fx-missile.iowa-tomahawk{animation:iowa-tomahawk-flight 1.5s cubic-bezier(.16,.84,.25,1) forwards}@keyframes iowa-tomahawk-flight{0%{transform:translate(0,0) rotate(var(--missile-angle,0rad));opacity:1}33.333%{transform:translate(calc(var(--dx) * .12),calc(var(--dy) * .12)) rotate(var(--missile-angle,0rad));opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--missile-angle,0rad));opacity:.2}}
.nuclear-target-marker{position:absolute;z-index:26;width:54px;height:54px;margin:-27px;border:1px solid #ffcd79;border-radius:50%;background:radial-gradient(circle,#ffca7022 0 14%,transparent 16% 50%,#ff843533 52% 56%,transparent 58%);box-shadow:0 0 12px #ff7d36,0 0 28px #e9372555;animation:nuclear-lock 1s ease-in-out infinite}.nuclear-target-marker::before,.nuclear-target-marker::after{content:"";position:absolute;left:50%;top:50%;background:#ffd58c;box-shadow:0 0 7px #ff9c3b}.nuclear-target-marker::before{width:34px;height:1px;margin:0 0 0 -17px}.nuclear-target-marker::after{width:1px;height:34px;margin:-17px 0 0}
.nuclear-explosion{position:absolute;z-index:36;width:320px;height:190px;margin:-95px 0 0 -160px;background:url("nuclear-explosion.png") center/contain no-repeat;pointer-events:none;filter:drop-shadow(0 0 11px #ffb452) drop-shadow(0 0 28px #ff552d88);transform-origin:center;animation:nuclear-explosion 1.35s cubic-bezier(.12,.76,.28,1) forwards}.nuclear-explosion::before{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:50%;background:#fff9d5;box-shadow:0 0 10px #fff,0 0 30px #ffd35c,0 0 58px #ff6b2d;animation:nuclear-core .72s ease-out forwards}
@keyframes nuclear-lock{0%,100%{transform:scale(.82);opacity:.62}50%{transform:scale(1.12);opacity:1}}@keyframes nuclear-explosion{0%{transform:scale(.04);opacity:0}9%{opacity:1}70%{transform:scale(1);opacity:1}100%{transform:scale(1.17);opacity:0}}@keyframes nuclear-core{0%{transform:translate(-50%,-50%) scale(.08);opacity:1}55%{transform:translate(-50%,-50%) scale(2.6);opacity:1}100%{transform:translate(-50%,-50%) scale(5);opacity:0}}
@keyframes iowa-muzzle-flash{0%{transform:rotate(var(--muzzle-angle,0rad)) scale(.4);opacity:0}35%{transform:rotate(var(--muzzle-angle,0rad)) scale(1.15);opacity:1}100%{transform:rotate(var(--muzzle-angle,0rad)) scale(.72);opacity:0}}
@keyframes helios-laser{0%{opacity:0;transform:var(--angle) scaleX(.2)}18%{opacity:1}78%{opacity:.9}100%{opacity:0;transform:var(--angle) scaleX(1)}}
@keyframes universal-thruster{from{transform:translateX(-50%) scaleY(.7);opacity:.48}to{transform:translateX(-50%) scaleY(1.12);opacity:.9}}@keyframes magellan-thruster{from{transform:scaleY(.62);opacity:.55}to{transform:scaleY(1.08);opacity:1}}
.ship-topview.iowa-topview::after,.ship-topview.helios-topview::after{display:block}
.magellan-thrusters i{background:linear-gradient(180deg,#efffff 0 12%,#8fefff 36%,#2c9eea 68%,transparent);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 0 6px #35c8ff)}.magellan-muzzle-flash{width:10px;height:18px;margin:-9px 0 0 -5px}
.battle-result.defeat article{border-color:#ff5b70;box-shadow:0 0 32px #ff29464d,0 22px 60px #000d}.battle-result.defeat h2{color:#ff9aa8;text-shadow:0 0 14px #ff3653}
.battle-result.victory .battle-result-actions button:last-child{border-color:#ffd35c;background:#4a3512;color:#fff0a8;box-shadow:inset 0 0 12px #ffd65a2e}
@keyframes boss-destroy{0%{opacity:1;filter:brightness(1)}45%{opacity:1;filter:brightness(4);transform:scale(1.16)}100%{opacity:0;filter:brightness(7);transform:scale(2.5)}}
@keyframes damage-one{to{transform:translateY(-26px) scale(1.25);opacity:0}}
@keyframes photon-burst{to{transform:scale(2.2);opacity:0}}
/* Star Cruiser main battery: an 82px sphere equals roughly 80% of its bow width. */
.fx-photon{z-index:18;width:82px;height:82px;margin:-41px;border:1px solid #dffbff;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0 4%,#cbf9ff 7%,#6bd8ff 14%,#218fff 27%,#0a4fbd 46%,#062663 65%,#020817 76%);box-shadow:0 0 10px #e3ffff,0 0 28px #55cfff,0 0 56px #1683ff,0 0 88px #2358da99;animation:photon-flight 250ms cubic-bezier(.22,.74,.38,1) forwards}
.fx-photon::before{inset:-10px;border:1px solid #9ae9ffbb;box-shadow:0 0 14px #4bc7ff,0 0 28px #216aff;animation:photon-spin 240ms linear infinite}
.fx-photon::after{inset:16px;background:radial-gradient(circle,#fff 0 18%,#c8f8ff 36%,#43b9ff 68%,transparent 74%);box-shadow:0 0 16px #fff,0 0 32px #7de5ff;opacity:.96}
@keyframes photon-flight{0%{transform:translate(0,0) scale(.78);opacity:0}14%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(1);opacity:1}}
.bc-thruster{bottom:-1px;height:12px;box-shadow:0 1px 5px #48dfff55,0 3px 11px #207fbd38}
.battlecruiser-main-firing .battlecruiser-fx::before{display:none}
.fx-photon-charge{position:absolute;z-index:18;width:8px;height:8px;margin:-4px;border:1px solid #dcffff;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 10%,#bff8ff 24%,#3ab8ff 50%,#1453c7 72%,#041342 100%);box-shadow:0 0 7px #e7ffff,0 0 18px #58d6ff,0 0 34px #1978ff;animation:photon-charge 1s cubic-bezier(.16,.74,.28,1) forwards;pointer-events:none}
.fx-photon-charge::after{content:"";position:absolute;inset:-3px;border:1px solid #8fe8ff99;border-radius:50%;box-shadow:0 0 9px #62d4ff;animation:photon-spin .5s linear infinite}
@keyframes photon-charge{0%{transform:scale(1);opacity:.88}72%{opacity:1}100%{transform:scale(10);opacity:1}}
@keyframes photon-flight{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(1);opacity:1}}
.fx-photon,.fx-photon-charge{border:0;background:url("photon-shell.png") center / contain no-repeat;box-shadow:none}
.fx-photon::before,.fx-photon::after,.fx-photon-charge::after{display:none}
.bc-thruster{bottom:-1px;height:12px;background:radial-gradient(ellipse at 50% 12%,#edffff 0 8%,#9eefff 19%,#3da7de 43%,#0b3f8388 64%,transparent 76%);box-shadow:0 1px 4px #48dfff38,0 3px 8px #207fbd24;filter:blur(.5px);animation:bc-thruster .48s ease-in-out infinite alternate}
.turtle-twin-thrusters .bc-thruster{width:14px}
.turtle-twin-thrusters .bc-thruster:first-child{left:calc(50% - 7px)}
.turtle-twin-thrusters .bc-thruster:last-child{left:calc(50% + 7px)}
.carrier-thrusters{z-index:0}.carrier-thrusters .bc-thruster{width:12px;height:18px;bottom:-3px;animation:bc-thruster .48s ease-in-out infinite alternate}.carrier-thrusters .bc-thruster:nth-child(1){left:34%}.carrier-thrusters .bc-thruster:nth-child(2){left:50%;animation-delay:.08s}.carrier-thrusters .bc-thruster:nth-child(3){left:66%;animation-delay:.16s}
.ship-topview.hyperion-topview{width:92px;height:132px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 8px #4fbcff88);transition:transform 150ms ease-out,filter .2s}.ship-topview.hyperion-topview img{position:absolute;left:50%;top:50%;display:block;width:92px;height:132px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.hyperion-topview .battlecruiser-fx{z-index:0}.ally-unit.hyperion-jumping{z-index:14;transition:left 90ms linear,top 90ms linear,filter .18s}.ally-unit.hyperion-jumping .hyperion-topview{transform:none;filter:brightness(1.34) drop-shadow(0 0 9px #e9ffff) drop-shadow(0 0 20px #77bfff)}.fx-line.hyperion-laser{z-index:21;height:4px;background:linear-gradient(90deg,#fff,#c9f6ff 24%,#63baff 56%,#167aff 78%,transparent);box-shadow:0 0 6px #fff,0 0 15px #78d8ff,0 0 27px #317aff;animation:helios-laser .2s ease-out forwards}.hyperion-jump-trace{position:absolute;z-index:20;width:104px;height:140px;margin:-70px 0 0 -52px;display:grid;place-items:center;pointer-events:none;animation:hyperion-jump-trace .62s ease-out forwards}.hyperion-jump-trace .hyperion-topview{filter:brightness(4) grayscale(1) drop-shadow(0 0 8px #fff) drop-shadow(0 0 22px #b7efff);opacity:.94}.hyperion-jump-trace .battlecruiser-fx{display:none}@keyframes hyperion-jump-trace{0%{transform:scale(.92);opacity:0}18%{opacity:1}100%{transform:scale(1.14);opacity:0}}
.hyperion-emp-field{position:absolute;z-index:23;width:236px;height:236px;margin:-118px 0 0 -118px;border:2px solid #d8fbff;border-radius:50%;background:radial-gradient(circle, #f3ffff16 0 32%,#a9edff55 34%,#61c6ff22 43%,transparent 65%),repeating-conic-gradient(from 15deg,#e9ffff00 0deg 15deg,#d8ffffa8 16deg 17deg,#4baaff00 19deg 32deg);box-shadow:inset 0 0 22px #94eaffaa,0 0 13px #fff,0 0 35px #60cfff,0 0 65px #805dff88;pointer-events:none;animation:hyperion-emp-wave 1.02s cubic-bezier(.16,.72,.22,1) forwards}.hyperion-emp-field::before,.hyperion-emp-field::after{position:absolute;inset:12%;border:1px solid #defcffcc;border-radius:50%;content:"";box-shadow:0 0 16px #7cddff;animation:hyperion-emp-ring .92s ease-out both}.hyperion-emp-field::after{inset:27%;animation-delay:.12s}.enemy-unit.hyperion-emp-stunned,.boss-unit.hyperion-emp-stunned{filter:brightness(1.65) saturate(1.5) hue-rotate(130deg) drop-shadow(0 0 8px #d9ffff) drop-shadow(0 0 18px #716bff);box-shadow:0 0 12px #cfffff,0 0 27px #67cfff,0 0 42px #8e5dff}
@keyframes hyperion-emp-wave{0%{opacity:0;transform:scale(.2) rotate(-25deg)}18%{opacity:1}72%{opacity:.82}100%{opacity:0;transform:scale(1.22) rotate(25deg)}}@keyframes hyperion-emp-ring{0%{transform:scale(.15);opacity:0}22%{opacity:1}100%{transform:scale(1.45);opacity:0}}
.ship-topview.assault-turtle-topview{width:96px;height:122px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 6px #ff782f77)}
.ship-topview.assault-turtle-topview img{position:absolute;left:50%;top:50%;display:block;width:96px;height:122px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}
.ally-unit.assault-turtle-unit{z-index:9;transition:left .525s cubic-bezier(.16,.82,.22,1),top .525s cubic-bezier(.16,.82,.22,1),opacity .45s,filter .18s}
.ally-unit.assault-turtle-unit.assault-turtle-charging .assault-turtle-topview{filter:brightness(1.25) saturate(1.22) drop-shadow(0 0 12px #ff842f)}
.ally-unit.assault-turtle-unit.assault-turtle-teleporting{transition:none!important;filter:brightness(2.15) drop-shadow(0 0 15px #66eaff)}
.ally-shield.assault-plasma-shield{z-index:15;inset:auto;left:50%;top:-95px;width:288px;height:146px;transform:translateX(-50%);border:0;border-radius:50%;background:radial-gradient(ellipse at 50% 100%,transparent 0 51%,#85efff24 52% 58%,#77eaff9c 59% 61%,transparent 62%);box-shadow:0 -10px 22px #3ebaff4a;filter:drop-shadow(0 -1px 5px #78edff88);animation:assault-plasma-shield 1s ease-in-out infinite alternate}
.ally-shield.assault-plasma-shield::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 50% 100%,transparent 0 55%,#c9fbffcc 57% 58%,transparent 60%);opacity:.72}
.ally-shield.assault-plasma-shield em{position:absolute;z-index:1;left:50%;top:17px;transform:translateX(-50%);color:#c8fbff;font-size:5px;font-style:normal;font-weight:1000;letter-spacing:.08em;text-shadow:0 0 5px #55e8ff;white-space:nowrap}
.fx-missile.assault-turtle-missile{z-index:20;filter:drop-shadow(0 0 3px #ffe06e) drop-shadow(0 0 7px #ff5527)}
.ship-topview.turtle-ship-topview{width:96px;height:122px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 6px #b8e5ff66);transition:transform var(--turtle-turn-duration,2s) cubic-bezier(.22,.72,.25,1),filter .35s}
.ship-topview.turtle-ship-topview img{position:absolute;left:50%;top:50%;display:block;width:96px;height:122px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}
.ally-unit.turtle-ship-unit{z-index:9}.ally-unit.turtle-ship-unit.turtle-ship-bombarding .turtle-ship-topview{filter:brightness(1.24) saturate(1.16) drop-shadow(0 0 11px #86dfff)}
.ally-unit.turtle-ship-unit.turtle-ship-turn-left .turtle-ship-topview{transform:rotate(-90deg)}
.ally-unit.turtle-ship-unit.turtle-ship-turn-right .turtle-ship-topview{transform:rotate(90deg)}
.fx-missile.turtle-ship-missile{z-index:20;width:7px;height:29px;background:linear-gradient(90deg,#25435d 0 13%,#6eadd1 15% 28%,#f4fbff 40% 58%,#5d9dc8 71% 84%,#173249 86%);border-color:#d9f6ff;box-shadow:0 0 4px #e8fbff,0 0 12px #59cfff,0 0 23px #2e78ff;filter:drop-shadow(0 0 3px #79dcff)}
.fx-missile.turtle-ship-missile::before{border-bottom-color:#e7fbff}.fx-missile.turtle-ship-missile::after{background:linear-gradient(#e8ffff,#5dd9ff 44%,#276cff 76%,transparent);box-shadow:0 5px 8px #378aff}
@keyframes assault-plasma-shield{from{opacity:.68;transform:translateX(-50%) scale(.92)}to{opacity:1;transform:translateX(-50%) scale(1.06)}}
.assault-turtle-shockwave{position:absolute;z-index:17;width:34px;height:34px;margin:-17px;border:2px solid #9df5ff;border-radius:50%;background:radial-gradient(circle,#b6fbff55 0 14%,#38d9ff22 28%,transparent 60%);box-shadow:0 0 12px #4ee4ff,0 0 32px #156bff;animation:assault-turtle-shockwave .54s ease-out forwards}
@keyframes assault-turtle-shockwave{from{transform:scale(.25);opacity:1}to{transform:scale(6);opacity:0}}
.ship-topview.atlas-topview{width:88px;height:126px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 5px #b9ddf288)}
.ship-topview.atlas-topview img{position:absolute;left:50%;top:50%;display:block;width:88px;height:126px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}
.fx-line.atlas-laser{z-index:18;height:4px;background:linear-gradient(90deg,#dffaff,#78dfff 38%,#2d8dff 68%,transparent);box-shadow:0 0 6px #d9ffff,0 0 15px #5ad8ff,0 0 28px #2b6dff;animation:atlas-laser .98s linear forwards}
.fx-orb.atlas-plasma{z-index:19;width:18px;height:18px;margin:-9px;background:radial-gradient(circle at 35% 30%,#fff 0 9%,#ebc6ff 20%,#ae5eff 48%,#4922a8 70%,#160c42 100%);box-shadow:0 0 9px #fff,0 0 24px #d070ff,0 0 44px #6925d9;animation:fx-orb .33s linear forwards}
.fx-explosion.atlas-plasma{width:34px;height:34px;margin:-17px;background:radial-gradient(circle,#fff 0 10%,#edc7ff 20%,#aa5cff 46%,#5422b2 64%,transparent 72%);box-shadow:0 0 12px #fff,0 0 35px #be66ff,0 0 58px #5723c7;animation:atlas-plasma-burst .48s ease-out forwards}
.ally-unit.atlas-damage-boost::after{content:"";position:absolute;z-index:20;inset:-8px -10px 3px;border-radius:50%;background:radial-gradient(ellipse,#ff525640 0 31%,transparent 65%);box-shadow:0 0 12px #ff465e;animation:atlas-damage-boost .42s ease-in-out infinite alternate;pointer-events:none}
@keyframes atlas-laser{0%{opacity:0;transform:var(--angle) scaleX(.18)}12%{opacity:1}82%{opacity:.95}100%{opacity:0;transform:var(--angle) scaleX(1)}}
@keyframes atlas-plasma-burst{from{transform:scale(.3);opacity:1}to{transform:scale(2.5);opacity:0}}
@keyframes atlas-damage-boost{from{opacity:.18;filter:brightness(1)}to{opacity:.92;filter:brightness(1.7)}}
.atlas-fx{position:absolute;z-index:12;inset:0;pointer-events:none}.atlas-thruster{position:absolute;left:50%;bottom:-5px;width:34px;height:18px;transform:translateX(-50%);border-radius:50% 50% 72% 72%;background:radial-gradient(ellipse at 50% 10%,#efffff 0 9%,#a4efff 22%,#3bbfff 46%,#1254ae88 67%,transparent 78%);box-shadow:0 2px 8px #4dd8ff55,0 6px 15px #246bbd44;filter:blur(.3px);animation:atlas-thruster 1.1s ease-in-out infinite alternate}
.fx-line.atlas-laser{animation:atlas-laser-pulse .42s ease-in-out infinite alternate;opacity:.92}
.fx-line.atlas-electric{z-index:19;height:14px;margin-top:-6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14'%3E%3Cpath d='M0 8 L6 6 L8 1 L12 5 L16 3 L15 8 L24 6' fill='none' stroke='%23dffcff' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M0 8 L6 6 L8 1 L12 5 L16 3 L15 8 L24 6' fill='none' stroke='%2348bfff' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E") left center / 24px 14px repeat-x;box-shadow:0 0 7px #d9ffff,0 0 17px #61e9ff,0 0 28px #4f62ff;animation:atlas-electric .1s linear forwards}
.enemy-unit.atlas-electrified,.boss-unit.atlas-electrified{filter:brightness(1.85) saturate(1.3) hue-rotate(155deg);box-shadow:0 0 11px #d8ffff,0 0 26px #4ccaff}
.ally-unit.atlas-damage-boost::after{display:none}
.ally-unit.atlas-damage-boost .ship-topview{filter:drop-shadow(0 0 5px #ff5167) drop-shadow(0 0 13px #ff263f);animation:atlas-hull-red .46s ease-in-out infinite alternate}
@keyframes atlas-thruster{from{transform:translateX(-50%) scaleY(.82);opacity:.58}to{transform:translateX(-50%) scaleY(1.13);opacity:1}}
@keyframes atlas-laser-pulse{from{opacity:.58}to{opacity:1}}
@keyframes atlas-electric{0%,65%{opacity:1;transform:var(--angle)}100%{opacity:0;transform:var(--angle)}}
@keyframes atlas-hull-red{from{filter:drop-shadow(0 0 3px #ff4c5d) drop-shadow(0 0 8px #ff263f);opacity:.76}to{filter:drop-shadow(0 0 7px #ff7583) drop-shadow(0 0 17px #ff162f);opacity:1}}
.fx-line.atlas-electric{background-color:transparent}
.fx-line.electric,.fx-line.atlas-electric{display:none}.electric-strike{position:absolute;z-index:19;width:42px;margin-left:-21px;transform-origin:50% 0;background-position:center top;background-repeat:no-repeat;background-size:100% 100%;mix-blend-mode:screen;pointer-events:none;filter:drop-shadow(0 0 4px #bdfcff) drop-shadow(0 0 10px #2bafff);animation:electric-strike .1s steps(2,end) forwards}@keyframes electric-strike{0%,72%{opacity:1;transform:rotate(var(--electric-angle)) rotate(180deg) scaleX(.82)}100%{opacity:0;transform:rotate(var(--electric-angle)) rotate(180deg) scaleX(1.12)}}
.battle-controls{z-index:25;left:50%;right:auto;top:calc(79% + 108px);bottom:auto;width:170px;min-height:0;padding:0;transform:translateX(-50%);background:transparent;border:0}
.frigate-skill{height:48px;grid-template-columns:76px 1fr;padding:3px 7px;background:linear-gradient(90deg,#103f3ad9,#0a1928e8);overflow:hidden}.frigate-ship-visual{position:relative;z-index:1;width:70px;height:40px;display:grid;place-items:center;overflow:hidden;border:1px solid #70f3d3;border-radius:4px 12px 4px 12px;background:radial-gradient(ellipse at 50% 50%,#17445b,#071d29 72%);color:#7fffd9;font-size:14px;font-weight:1000;text-shadow:0 0 8px #4dffc8}.frigate-ship-visual .ship-topview{transform:scale(.78);transform-origin:center}.frigate-ship-visual .ship-topview.type-frigate{transform:scale(.9)}.frigate-ship-visual .battlecruiser-fx{display:none}.frigate-skill>span:not(.frigate-cooldown-layer){position:relative;z-index:1}.frigate-skill small{font-size:7px}.frigate-skill b{font-size:10px}.frigate-cooldown-layer{position:absolute;z-index:4;inset:0;display:grid;place-items:center;background:#020b15a8;color:#d7f8ff;font-size:19px;font-style:normal;font-weight:1000;letter-spacing:.08em;text-shadow:0 0 8px #75eaff,0 0 18px #258dff;backdrop-filter:blur(1px);pointer-events:none}.frigate-cooldown-layer[hidden]{display:none}.frigate-skill.cooling-down{border-color:#4e83928c;box-shadow:inset 0 0 14px #0008}.frigate-skill.ready{box-shadow:0 0 13px #39ffad55,inset 0 0 12px #45ffc622}.frigate-auto{display:flex;align-items:center;justify-content:center;gap:5px;width:max-content;margin:5px auto 0;color:#8ccbd1;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.frigate-auto input{width:12px;height:12px;margin:0;accent-color:#55e4c0}.frigate-auto:has(input:checked){color:#81ffd1;text-shadow:0 0 7px #45ffc2}
.ship-topview.frigate-battle-topview{width:66px;height:66px;overflow:visible;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--rarity-color) 60%,transparent))}.ship-topview.frigate-battle-topview img{position:absolute;left:50%;top:50%;display:block;width:66px;height:66px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.frigate-ship-visual .frigate-battle-topview{width:68px;height:40px;filter:drop-shadow(0 0 4px #bfffe5)}.frigate-ship-visual .frigate-battle-topview img{width:68px;height:40px}
.ship-topview.science-drone-battle-topview::after{display:none}.frigate-ship-visual>.frigate-codex-preview{display:block;width:68px;height:40px;object-fit:contain;filter:drop-shadow(0 0 4px #bfffe5)}.fx-celestial-shield-ship{position:absolute;z-index:43;width:74px;height:132px;margin:-66px 0 0 -37px;display:grid;place-items:center;opacity:0;transform:scale(.68);transition:left .56s cubic-bezier(.18,.75,.24,1),top .56s cubic-bezier(.18,.75,.24,1),opacity .2s ease,transform .32s ease;pointer-events:none}.fx-celestial-shield-ship.entered{opacity:1;transform:scale(1)}.fx-celestial-shield-ship.leaving{opacity:0;transform:translateY(-32px) scale(.78);filter:brightness(2) saturate(.65)}.fx-celestial-shield-ship .frigate-battle-topview{position:relative;z-index:2;width:70px;height:128px;filter:drop-shadow(0 0 5px #fff0b0) drop-shadow(0 0 12px #f5bf35)}.fx-celestial-shield-ship .frigate-battle-topview img{width:70px;height:128px}.fx-celestial-shield-oval{position:absolute;z-index:1;inset:-22px -27px -17px;border:1px solid #fff0a9;border-radius:50%;background:radial-gradient(ellipse,#ffe6661d 0 43%,#ffd63320 58%,transparent 72%);box-shadow:inset 0 0 18px #fff8b066,0 0 10px #ffe66b,0 0 27px #f0bb2688;animation:celestial-shield-pulse .72s ease-in-out infinite alternate}.fx-celestial-shield-oval::before{content:"";position:absolute;inset:8px;border:1px solid #fff9ca88;border-radius:50%;box-shadow:inset 0 0 10px #fff2a644}.fx-celestial-shield-impact{position:absolute;z-index:45;width:31px;height:31px;margin:-16px;border:2px solid #fff4ac;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#ffe45f99 22%,#f2ba2828 48%,transparent 70%);box-shadow:0 0 7px #fff9ce,0 0 19px #ffd536,0 0 31px #e89d16;animation:celestial-shield-impact .42s ease-out forwards;pointer-events:none}@keyframes celestial-shield-pulse{from{opacity:.58;transform:scale(.92)}to{opacity:1;transform:scale(1.07)}}@keyframes celestial-shield-impact{from{opacity:1;transform:scale(.28)}to{opacity:0;transform:scale(1.75)}}
@media(max-height:680px){.battle-controls{top:calc(78% + 96px);width:155px}.frigate-skill{height:44px;grid-template-columns:70px 1fr}.frigate-ship-visual{width:64px;height:37px}.frigate-cooldown-layer{font-size:17px}}
.enemy-attack-lattice{opacity:0;transition:opacity .5s ease}.space-battlefield.combat-active .enemy-attack-lattice{opacity:.45}
.battle-result article,.forfeit-confirm article{width:min(390px,calc(100% - 36px))}
.battle-result-actions button{position:relative;height:52px;overflow:hidden;border-color:#69dfff;background:linear-gradient(135deg,#123e56,#081a2b);color:#f3feff;font-size:14px;letter-spacing:.08em;text-shadow:0 0 7px #8deeff;box-shadow:inset 0 0 14px #55dfff26,0 4px 14px #0008}.battle-result-actions button::before{display:none}.battle-result-actions button:first-child{border-color:#71e9ff;background:linear-gradient(135deg,#155d78,#092332);color:#e8fcff;box-shadow:inset 0 0 16px #46dfff33,0 0 13px #2ccfff38}.battle-result.victory .battle-result-actions button:last-child{border-color:#ffd35c;background:linear-gradient(135deg,#735113,#2e210b);color:#fff4b5;text-shadow:0 0 7px #ffcf53;box-shadow:inset 0 0 16px #ffda6535,0 0 14px #ffb72c38}.battle-result.defeat .battle-result-actions button:last-child{border-color:#ff647b;background:linear-gradient(135deg,#64182a,#2e0b16);color:#ffe6eb;text-shadow:0 0 7px #ff5d74;box-shadow:inset 0 0 16px #ff426735,0 0 14px #ff375238}
@keyframes start-ready{50%{border-color:#ff93a5;box-shadow:0 0 30px #ff2b4c66,inset 0 0 24px #ff365226}}
.fx-lepanto-strike-ship{position:absolute;z-index:42;width:68px;height:118px;margin:-59px 0 0 -34px;display:grid;place-items:center;opacity:0;transform:scale(.68);transition:left 1.15s cubic-bezier(.18,.75,.24,1),top 1.15s cubic-bezier(.18,.75,.24,1),opacity .24s ease,transform .34s ease;pointer-events:none}.fx-lepanto-strike-ship.entered{opacity:1;transform:scale(1)}.fx-lepanto-strike-ship.leaving{opacity:0;transform:scale(.72);filter:brightness(1.5) blur(1px)}.fx-lepanto-strike-ship .frigate-battle-topview{width:68px;height:118px;filter:drop-shadow(0 0 4px #fff4cc) drop-shadow(0 0 10px #ffb347)}.fx-lepanto-strike-ship .frigate-battle-topview img{width:68px;height:118px}.fx-line.lepanto-cannon-shot{z-index:41;height:4px;background:linear-gradient(90deg,#fff7da,#ffd26a 30%,#f08329 68%,transparent);box-shadow:0 0 6px #fff4c7,0 0 16px #ffab39}.iowa-muzzle-flash.lepanto-cannon-muzzle-flash{width:13px;height:20px;margin:-10px 0 0 -6px;background:radial-gradient(ellipse at 50% 16%,#fff 0 10%,#fff3bc 22%,#ffbc42 46%,#ed5227 66%,transparent 80%);filter:drop-shadow(0 0 4px #fff0b3) drop-shadow(0 0 11px #ff922f)}.fx-missile.lepanto-missile{z-index:43;width:7px;height:22px;margin:-11px 0 0 -3.5px;border-color:#fff0b9;background:linear-gradient(90deg,#252525 0 14%,#d2b25a 23% 36%,#fff5c8 47% 56%,#c68a29 69% 83%,#2b2014 88%);box-shadow:0 0 5px #fff2b9,0 0 14px #ffb33c;filter:drop-shadow(0 0 3px #ff9a30)}
.ship-topview.apocalypse-topview{width:66px;height:108px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 8px #52baff88)}.ship-topview.apocalypse-topview img{position:absolute;left:50%;top:50%;display:block;width:66px;height:108px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ally-unit.apocalypse-main-charging .apocalypse-topview{filter:brightness(1.22) drop-shadow(0 0 9px #e7faff) drop-shadow(0 0 19px #388cff)}.fx-line.apocalypse-laser{z-index:21;height:4px;background:linear-gradient(90deg,#fbfeff,#b8eeff 25%,#4fa6ff 58%,#1766df 80%,transparent);box-shadow:0 0 5px #fff,0 0 14px #6acbff,0 0 25px #2468ff;animation:helios-laser .2s ease-out forwards}.fx-line.apocalypse-heavy-laser{height:8px;box-shadow:0 0 8px #fff,0 0 20px #83e5ff,0 0 34px #247bff}
.hyperion-quad-thrusters .bc-thruster{width:8px;height:14px;bottom:-1px;box-shadow:0 1px 5px #48dfff55,0 3px 11px #207fbd38}.hyperion-quad-thrusters .bc-thruster:nth-child(1){left:calc(50% - 12px)}.hyperion-quad-thrusters .bc-thruster:nth-child(2){left:calc(50% - 4px);animation-delay:.1s}.hyperion-quad-thrusters .bc-thruster:nth-child(3){left:calc(50% + 4px);animation-delay:.2s}.hyperion-quad-thrusters .bc-thruster:nth-child(4){left:calc(50% + 12px);animation-delay:.3s}
.ship-topview.turtle-ship-topview::after,.ship-topview.hyperion-topview::after{display:none}
.hyperion-quad-thrusters .bc-thruster{animation:bc-thruster .24s ease-in-out 0s infinite alternate!important;animation-delay:0s!important}
.space-battlefield .ally-info>b,.space-battlefield .ally-info>small,.space-battlefield .ally-energy em{display:none}
.ship-topview.helios-topview{width:54px;height:108px}.ship-topview.helios-topview img{width:54px;height:108px}.ship-topview.iowa-topview{width:52.5px;height:108px}.ship-topview.iowa-topview img{width:52.5px;height:108px}.ship-topview.magellan-topview{width:49.5px;height:111px}.ship-topview.magellan-topview img{width:49.5px;height:111px}.ship-topview.aegis-topview{transform:scale(.885)}
.ship-topview.nemesis-topview{width:64.5px;height:105px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 7px #ff536988)}.ship-topview.nemesis-topview img{position:absolute;left:50%;top:50%;display:block;width:64.5px;height:105px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ship-topview.nemesis-topview::after{display:none}.fx-line.nemesis-piercing-laser{z-index:22;height:4px;background:linear-gradient(90deg,#fff,#ffdbe1 20%,#ff5d76 53%,#a10936 79%,transparent);box-shadow:0 0 7px #fff,0 0 17px #ff526d,0 0 31px #bd1648;animation:nemesis-piercing-laser 3s linear forwards}.fx-nemesis-orb{position:absolute;z-index:23;width:18px;height:18px;margin:-9px;border-radius:50%;background:radial-gradient(circle,#fff 0 12%,#e9d9ff 26%,#a76eff 50%,#3d1678 76%,transparent 78%);box-shadow:0 0 8px #fff,0 0 19px #d59bff,0 0 32px #6f28d2;animation:nemesis-orb-flight .32s ease-out forwards}.fx-nemesis-net{position:absolute;z-index:24;width:68px;height:68px;margin:-34px;border:2px solid #fff;border-radius:50%;background:radial-gradient(circle,#ffffff26 0 36%,#dcb9ff24 54%,transparent 70%);box-shadow:0 0 8px #fff,0 0 24px #d9a7ff,0 0 44px #8b3dff;animation:nemesis-net 1s ease-in-out infinite alternate;pointer-events:none}.enemy-unit.electrified-net,.boss-unit.electrified-net{filter:brightness(1.55) drop-shadow(0 0 8px #fff) drop-shadow(0 0 17px #ce9cff)}@keyframes nemesis-net{from{transform:scale(.9);opacity:.75}to{transform:scale(1.08);opacity:1}}@keyframes nemesis-orb-flight{to{transform:translate(var(--dx),var(--dy)) scale(.9)}}@keyframes nemesis-piercing-laser{0%{opacity:0;transform:var(--angle) scaleX(.12)}4%{opacity:1}96%{opacity:1}100%{opacity:0;transform:var(--angle) scaleX(1)}}
@keyframes nemesis-piercing-laser{0%{opacity:0;transform:var(--angle) scaleX(.12)}3.333%{opacity:1;transform:var(--angle) scaleX(1)}96%{opacity:1;transform:var(--angle) scaleX(1)}100%{opacity:0;transform:var(--angle) scaleX(1)}}
.fx-nemesis-net{border:0!important;background:url("electric-net.png") center/contain no-repeat!important;box-shadow:none!important;animation:nemesis-net 1s ease-in-out infinite alternate}.ally-unit.nemesis-net-active .nemesis-topview{filter:brightness(1.42) sepia(.16) saturate(1.7) hue-rotate(160deg) drop-shadow(0 0 7px #efffff) drop-shadow(0 0 18px #62d9ff);animation:nemesis-hull-pulse .5s ease-in-out infinite alternate}@keyframes nemesis-hull-pulse{from{opacity:.74}to{opacity:1}}
.electric-strike.atlas-electric-strike{animation:atlas-electric-strike 1s ease-out forwards}@keyframes atlas-electric-strike{0%,52%{opacity:1;transform:rotate(var(--electric-angle)) rotate(180deg) scaleX(.82)}100%{opacity:0;transform:rotate(var(--electric-angle)) rotate(180deg) scaleX(1.12)}}
.ship-topview.aegis-topview{width:60px;height:132px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 7px #ffc34f66);transform:none}.ship-topview.aegis-topview img{position:absolute;left:50%;top:50%;display:block;width:60px;height:132px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ship-topview.aegis-topview::after{display:none}.fx-aegis-drone{position:absolute;z-index:26;width:18px;height:15px;margin:-8px 0 0 -9px;border-radius:48% 48% 35% 35%;background:linear-gradient(135deg,#fff7b0 0 14%,#e9a526 28% 45%,#70400e 48% 61%,#ffc847 64% 82%,#35200c 85%);box-shadow:0 0 5px #fff3ad,0 0 13px #ffab28;transition:left 1s cubic-bezier(.42,0,.24,1),top 1s cubic-bezier(.42,0,.24,1);pointer-events:none}.fx-aegis-drone::before{content:'';position:absolute;inset:5px 7px;border-radius:50%;background:#70edff;box-shadow:0 0 5px #ccffff}.fx-aegis-drone::after{content:'';position:absolute;left:50%;top:12px;width:2px;height:0;transform:translateX(-50%);background:linear-gradient(#faffc6,#6eeeffaa,transparent);box-shadow:0 0 6px #7effff;transition:height .14s ease}.fx-aegis-drone.repairing{animation:aegis-drone-repair .2s ease-in-out infinite alternate}.fx-aegis-drone.repairing::after{height:28px}.ally-unit.aegis-repairing .aegis-topview{filter:brightness(1.18) drop-shadow(0 0 7px #fff7bd) drop-shadow(0 0 16px #ffc039)}@keyframes aegis-drone-repair{from{filter:brightness(.9)}to{filter:brightness(1.45) drop-shadow(0 0 7px #fff1a3)}}
.ship-topview.dread-turtle-topview{width:66px;height:132px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 7px #ff536977)}.ship-topview.dread-turtle-topview img{position:absolute;left:50%;top:50%;display:block;width:66px;height:132px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ship-topview.dread-turtle-topview::after{display:none}.ally-unit.dread-turtle-unit{z-index:10;transition:left .65s cubic-bezier(.16,.82,.22,1),top .65s cubic-bezier(.16,.82,.22,1),opacity .45s,filter .18s}.ally-unit.dread-turtle-unit.dread-turtle-charging .dread-turtle-topview{filter:brightness(1.22) saturate(1.2) drop-shadow(0 0 11px #ff455d)}.ally-unit.dread-turtle-unit.dread-turtle-teleporting{transition:none!important;filter:brightness(2) drop-shadow(0 0 15px #fff)}.dread-turtle-shockwave{position:absolute;z-index:23;width:32px;height:32px;margin:-16px;border:2px solid #fff0d8;border-radius:50%;background:radial-gradient(circle,#fffbe0aa 0 11%,#ffcb8c55 23%,transparent 61%);box-shadow:0 0 11px #fff,0 0 28px #ff9164;animation:dread-turtle-shockwave .56s ease-out forwards}@keyframes dread-turtle-shockwave{from{transform:scale(.3);opacity:1}to{transform:scale(4.8);opacity:0}}.fx-dread-turtle-barrier{position:absolute;z-index:25;width:300px;height:112px;margin:-56px 0 0 -150px;border-radius:52% 52% 42% 42%;border:2px solid #fff;box-shadow:inset 0 0 18px #fff8,0 0 13px #fff,0 0 35px #d7efff,0 0 60px #a6cfff88;background:radial-gradient(ellipse at 50% 80%,#fff8 0 4%,#dff6ff30 35%,transparent 69%);pointer-events:none;animation:dread-turtle-barrier 1s ease-in-out infinite alternate}.fx-dread-turtle-barrier::before{content:'';position:absolute;inset:11px 19px 0;border:1px solid #fff9;border-radius:50%;box-shadow:inset 0 0 17px #fff8}.fx-dread-turtle-barrier::after{content:'';position:absolute;left:12%;right:12%;bottom:-5px;height:18px;border-radius:50%;background:radial-gradient(ellipse,#fff 0 8%,#e7f8ff99 30%,transparent 70%);filter:blur(2px)}.ally-unit.dread-turtle-barrier-active .dread-turtle-topview{filter:brightness(1.72) grayscale(.3) drop-shadow(0 0 8px #fff) drop-shadow(0 0 23px #dff4ff);animation:dread-turtle-hull-pulse .5s ease-in-out infinite alternate}.ally-unit.fleet-barrier-impact .ship-topview{filter:brightness(2.1) drop-shadow(0 0 8px #fff)}@keyframes dread-turtle-barrier{from{opacity:.68;transform:scale(.96)}to{opacity:1;transform:scale(1.03)}}@keyframes dread-turtle-hull-pulse{from{opacity:.68}to{opacity:1}}
.iowa-muzzle-flash.dread-turtle-muzzle-flash{width:24px;height:13px;margin:-6px 0 0 -12px;transform-origin:center;background:radial-gradient(ellipse at 18% 50%,#fff 0 11%,#ffeab0 21%,#ffaf33 42%,#ff4924 62%,transparent 76%);animation:dread-turtle-muzzle-flash .18s ease-out forwards}.fx-dread-turtle-barrier{width:90%;height:34px;margin:-17px 0 0 -45%;border:1px solid #fff;border-radius:5px 5px 3px 3px;background:linear-gradient(180deg,#fff 0 8%,#eaf8ffb8 11% 24%,#a7cff766 25% 78%,#fff 80% 87%,#b7ddff55 88%);box-shadow:inset 0 0 12px #fff,0 0 9px #fff,0 0 25px #d8f1ff,0 0 45px #b0d9ff99;animation:dread-turtle-wall .68s ease-in-out infinite alternate}.fx-dread-turtle-barrier::before{inset:4px 0;border:0;border-radius:0;background:repeating-linear-gradient(90deg,transparent 0 9.5%,#ffffffc8 10% 10.7%,transparent 11% 19.5%);box-shadow:none}.fx-dread-turtle-barrier::after{left:0;right:0;bottom:0;height:5px;border-radius:0;background:linear-gradient(90deg,transparent,#fff 9%,#d9f3ff 50%,#fff 91%,transparent);filter:blur(1px)}.fx-dread-turtle-barrier em{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font:900 8px/1 var(--font-body);letter-spacing:.12em;text-shadow:0 0 6px #fff,0 0 12px #9edaff;white-space:nowrap}.fx-dread-turtle-barrier-impact{position:absolute;z-index:27;width:22px;height:22px;margin:-11px;border:2px solid #fff;border-radius:50%;background:radial-gradient(circle,#fff 0 9%,#dff5ff99 22%,transparent 65%);box-shadow:0 0 8px #fff,0 0 17px #8bd9ff;animation:dread-turtle-barrier-impact .26s ease-out forwards}.ally-unit.fleet-barrier-impact .ship-topview{filter:brightness(2.1) drop-shadow(0 0 8px #fff)}@keyframes dread-turtle-muzzle-flash{0%{opacity:0;transform:rotate(var(--dread-turtle-flame-angle)) scale(.35)}35%{opacity:1;transform:rotate(var(--dread-turtle-flame-angle)) scale(1.12)}100%{opacity:0;transform:rotate(var(--dread-turtle-flame-angle)) scale(.72)}}@keyframes dread-turtle-wall{from{opacity:.72;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1.08)}}@keyframes dread-turtle-barrier-impact{from{transform:scale(.3);opacity:1}to{transform:scale(1.8);opacity:0}}
.ship-topview.colossus-topview{width:68px;height:132px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 8px #ffd58a66)}.ship-topview.colossus-topview img{position:absolute;left:50%;top:50%;display:block;width:68px;height:132px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ship-topview.colossus-topview::after{display:none}.ally-unit.colossus-main-active .colossus-topview{filter:brightness(1.35) drop-shadow(0 0 10px #fff) drop-shadow(0 0 22px #d8efff)}.fx-colossus-fighter{position:absolute;z-index:23;width:13px;height:21px;margin:-11px 0 0 -6px;clip-path:polygon(50% 0,88% 68%,66% 62%,62% 100%,38% 100%,34% 62%,12% 68%);background:linear-gradient(90deg,#1b3349 0 22%,#d5f8ff 28% 49%,#5fbfff 52% 69%,#16304b 75%);border:1px solid #e7fbff;box-shadow:0 0 5px #fff,0 0 11px #68cfff;transition:left .5s cubic-bezier(.25,.72,.22,1),top .5s cubic-bezier(.25,.72,.22,1),transform .2s;pointer-events:none}.fx-colossus-fighter.returning{filter:brightness(1.35) drop-shadow(0 0 5px #a8edff);transform:rotate(180deg)}.fx-colossus-square-shield{position:absolute;z-index:25;width:214px;height:176px;margin:-88px 0 0 -107px;border:2px solid #fff;border-radius:9px;background:linear-gradient(135deg,#ffffff48,#d9f5ff22 35%,#b3d9ff62 62%,#fff7);box-shadow:inset 0 0 22px #fff9,0 0 14px #fff,0 0 33px #c9edff,0 0 61px #9acaff88;pointer-events:none;animation:colossus-square-unfold 1s cubic-bezier(.14,.72,.22,1) forwards}.fx-colossus-square-shield::before{content:'';position:absolute;inset:11px;border:1px solid #fff;border-radius:5px;box-shadow:inset 0 0 14px #e8f8ff}.fx-colossus-square-shield::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 24px,#ffffff6e 25px 27px,transparent 28px 52px),repeating-linear-gradient(0deg,transparent 0 20px,#d6efff55 21px 22px,transparent 23px 42px);mix-blend-mode:screen}.fx-colossus-square-shield.dispersing{animation:colossus-square-disperse .65s ease-in forwards}.ally-shield.colossus-reinforced{z-index:15;inset:-7px -8px 7px;border-color:#fff;background:radial-gradient(ellipse,#ffffff40 0 20%,#dff6ff18 43%,transparent 69%);box-shadow:inset 0 0 13px #fff9,0 0 8px #fff,0 0 19px #bfeaff;animation:colossus-shield-wave .5s ease-in-out infinite alternate}.ally-shield.colossus-reinforced em{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);color:#fff;font-size:5px;font-style:normal;font-weight:1000;letter-spacing:.08em;text-shadow:0 0 5px #fff;white-space:nowrap}.ally-unit.colossus-shield-pulse .ship-topview{filter:brightness(1.7) grayscale(.22) drop-shadow(0 0 8px #fff) drop-shadow(0 0 20px #d7efff);animation:dread-turtle-hull-pulse .5s ease-in-out infinite alternate}@keyframes colossus-square-unfold{from{opacity:0;transform:scale(.12) rotate(8deg)}65%{opacity:1;transform:scale(1.04) rotate(0)}to{opacity:1;transform:scale(1)}}@keyframes colossus-square-disperse{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.65) rotate(10deg);filter:blur(4px)}}@keyframes colossus-shield-wave{from{opacity:.68;transform:scale(.94)}to{opacity:1;transform:scale(1.05)}}
.iowa-muzzle-flash.dread-turtle-muzzle-flash{width:12px;height:7px;margin:-3px 0 0 -6px;background:radial-gradient(ellipse at 15% 50%,#fff 0 10%,#ffeab0 21%,#ffaf33 42%,#ff4924 63%,transparent 78%)}.dread-turtle-jump-trace{position:absolute;z-index:20;width:104px;height:140px;margin:-70px 0 0 -52px;display:grid;place-items:center;pointer-events:none;animation:hyperion-jump-trace .62s ease-out forwards}.dread-turtle-jump-trace .dread-turtle-topview{filter:brightness(4) grayscale(1) drop-shadow(0 0 8px #fff) drop-shadow(0 0 22px #b7efff);opacity:.94}.dread-turtle-jump-trace .battlecruiser-fx{display:none}.fx-dread-turtle-barrier{background-color:#b7dbfa;background-image:linear-gradient(180deg,#ffffff 0 7%,#dff3ffcc 8% 28%,#83b9e766 29% 76%,#f8fdff 77% 88%,#a5d0f066 89%),repeating-linear-gradient(90deg,transparent 0 13%,#ffffffc4 13.4% 14.2%,transparent 14.6% 28%),repeating-linear-gradient(90deg,#cbe9ff24 0 13%,transparent 13.4% 28%);background-size:100% 100%,100% 17px,100% 17px;background-position:0 0,0 0,14% 17px}.fx-dread-turtle-barrier::before{background:repeating-linear-gradient(90deg,transparent 0 13%,#ffffffdb 13.4% 14.1%,transparent 14.5% 28%),linear-gradient(180deg,transparent 46%,#ffffffb8 48% 53%,transparent 55%);background-size:100% 17px,100% 34px;background-position:14% 0,0 0}
.ship-topview.colossus-topview,.ship-topview.colossus-topview img{width:61px;height:119px}.fx-colossus-fighter{background:url("colossus-fighter.png") center/contain no-repeat!important;background-color:transparent!important;border:0;clip-path:none;box-shadow:none!important;filter:drop-shadow(0 0 2px #dff7ff) drop-shadow(0 0 5px #67bfff)}.fx-colossus-fighter.returning{transform:rotate(180deg);filter:brightness(1.22) drop-shadow(0 0 3px #a8edff)}.fx-colossus-fighter.docking{opacity:0;transform:rotate(180deg) scale(.2);transition:opacity .07s linear,transform .07s linear}.fx-colossus-square-shield{width:132px;height:166px;margin:-83px 0 0 -66px;border-radius:50% 50% 42% 42%;clip-path:polygon(50% 0,90% 13%,84% 64%,50% 100%,16% 64%,10% 13%);background:linear-gradient(135deg,#fff8,#dff5ff38 42%,#98cbff8a 72%,#fff9);box-shadow:inset 0 0 22px #fff9,0 0 14px #fff,0 0 33px #c9edff,0 0 61px #9acaff88}.fx-colossus-square-shield::before{inset:13px;border-radius:46% 46% 40% 40%}.fx-colossus-square-shield::after{background:repeating-linear-gradient(120deg,transparent 0 18px,#ffffff70 19px 21px,transparent 22px 39px);mix-blend-mode:screen}.ally-shield.colossus-reinforced{border:0;background:transparent;box-shadow:none;animation:none}.ally-shield.colossus-reinforced em{display:none}.ally-unit.colossus-shield-pulse .ship-topview{filter:brightness(1.78) grayscale(.3) drop-shadow(0 0 8px #fff) drop-shadow(0 0 22px #d8f1ff);animation:dread-turtle-hull-pulse .5s ease-in-out infinite alternate}
.ally-unit.colossus-unit{z-index:16}.fx-colossus-fighter{z-index:7}.fx-colossus-square-shield{width:148px;height:176px;margin:-88px 0 0 -74px;border:0;border-radius:0;clip-path:none;background:url("colossus-shield.png") center/contain no-repeat;box-shadow:none;filter:hue-rotate(138deg) saturate(.8) brightness(1.3) drop-shadow(0 0 7px #fff) drop-shadow(0 0 18px #a9ddff)}.fx-colossus-square-shield::before,.fx-colossus-square-shield::after{display:none}
.fx-colossus-square-shield{width:222px;height:264px;margin:-132px 0 0 -111px}.fx-colossus-shield-echo{position:absolute;z-index:26;width:62px;height:74px;margin:-37px 0 0 -31px;background:url("colossus-shield.png") center/contain no-repeat;filter:hue-rotate(138deg) saturate(.8) brightness(1.3) drop-shadow(0 0 4px #fff) drop-shadow(0 0 11px #a9ddff);transition:left .65s cubic-bezier(.18,.76,.2,1),top .65s cubic-bezier(.18,.76,.2,1),opacity .85s ease,transform .85s ease;pointer-events:none}.fx-colossus-shield-echo.settling{opacity:0;transform:scale(1.42);filter:hue-rotate(138deg) saturate(.8) brightness(1.3) drop-shadow(0 0 7px #fff) drop-shadow(0 0 19px #a9ddff)}
.fx-colossus-shield-echo.settling{opacity:.95;transform:scale(1.08)}.fx-colossus-shield-echo.fading{opacity:0;transform:scale(1.42);filter:hue-rotate(138deg) saturate(.8) brightness(1.3) drop-shadow(0 0 7px #fff) drop-shadow(0 0 19px #a9ddff)}.ally-health{position:relative;overflow:visible}.colossus-shield-gauge{position:absolute;z-index:2;inset:0;display:block;overflow:visible;pointer-events:none}.colossus-shield-gauge i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#efffff,#91ddff 46%,#4e9cff);box-shadow:0 0 4px #c8f5ff;transition:width .2s}.colossus-shield-gauge em{position:absolute;right:-1px;bottom:4px;color:#e7fbff;font:900 5px/1 var(--font-body);letter-spacing:.02em;text-shadow:0 0 4px #fff,0 0 7px #58cfff}
.ship-topview.bastion-topview{width:61px;height:132px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 8px #7fa7ff88)}.ship-topview.bastion-topview img{position:absolute;left:50%;top:50%;display:block;width:61px;height:132px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ship-topview.bastion-topview::after{display:none}.ally-unit.bastion-unit{z-index:16}.ally-unit.bastion-main-firing .bastion-topview{filter:brightness(1.42) drop-shadow(0 0 8px #fff1b2) drop-shadow(0 0 19px #ff9f36)}.fx-colossus-fighter.bastion-fighter{z-index:7;transform:rotate(var(--bastion-fighter-angle,0deg));transform-origin:50% 50%;transition:left 1s cubic-bezier(.25,.72,.22,1),top 1s cubic-bezier(.25,.72,.22,1),transform .18s ease;filter:brightness(1.08) drop-shadow(0 0 2px #dff7ff) drop-shadow(0 0 6px #67bfff)}.fx-colossus-fighter.bastion-fighter.returning{transform:rotate(var(--bastion-fighter-angle,180deg));filter:brightness(1.22) drop-shadow(0 0 3px #a8edff)}.iowa-muzzle-flash.bastion-muzzle-flash{width:17px;height:10px;margin:-5px 0 0 -8px;background:radial-gradient(ellipse at 50% 82%,#fff 0 10%,#ffe7a5 22%,#ffaf31 45%,#f14620 63%,transparent 78%);filter:drop-shadow(0 0 4px #ffb53c)}
.ship-topview.nimitz-topview{width:65px;height:136px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 8px #ffd37566)}.ship-topview.nimitz-topview img{position:absolute;left:50%;top:50%;display:block;width:65px;height:136px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ship-topview.nimitz-topview::after{display:none}.ally-unit.nimitz-unit{z-index:16}.ally-unit.nimitz-total-offensive .nimitz-topview{filter:brightness(1.34) saturate(1.25) drop-shadow(0 0 8px #fff4bc) drop-shadow(0 0 22px #ff9f2b)}.ally-unit.nimitz-total-offensive .nimitz-topview img{object-fit:fill}.ally-unit.nimitz-deck-cleared .nimitz-topview::before{content:'';position:absolute;z-index:2;left:25%;top:23%;width:50%;height:65%;background:linear-gradient(90deg,#50596844,#222b36aa 49%,#4c566544);mix-blend-mode:color;pointer-events:none}.fx-colossus-fighter.nimitz-fighter{z-index:7;transform:rotate(var(--bastion-fighter-angle,0deg));transform-origin:50% 50%;transition:left 1s cubic-bezier(.25,.72,.22,1),top 1s cubic-bezier(.25,.72,.22,1),transform .18s ease;filter:brightness(1.12) drop-shadow(0 0 2px #fff8d5) drop-shadow(0 0 6px #73cfff)}.fx-colossus-fighter.nimitz-fighter.returning{transform:rotate(var(--bastion-fighter-angle,180deg));filter:brightness(1.25) drop-shadow(0 0 4px #c5efff)}.ally-shield.nimitz-overdrive-shield{border-color:#ffd562;background:radial-gradient(ellipse,#fff2a344,#ffb32922 43%,transparent 69%);box-shadow:inset 0 0 13px #fff7bd,0 0 9px #ffe46f,0 0 21px #ff9e2888;animation:nimitz-overdrive-shield .4s ease-in-out infinite alternate}.ally-shield.nimitz-overdrive-shield em{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);color:#fff2ae;font-size:5px;font-style:normal;font-weight:1000;letter-spacing:.08em;white-space:nowrap;text-shadow:0 0 5px #fff,0 0 9px #ff9d2e}.energy-overload{color:#ff4d5e!important;font-size:7px!important;text-shadow:0 0 5px #ff2945,0 0 10px #ff2945!important;animation:nimitz-overload .45s ease-in-out infinite alternate}@keyframes nimitz-overdrive-shield{from{opacity:.65;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}@keyframes nimitz-overload{from{opacity:.5}to{opacity:1}}
.ally-shield.nimitz-overdrive-shield{border:0;background:transparent;box-shadow:none;animation:none}.ally-shield.nimitz-overdrive-shield em{display:none}.ally-unit.nimitz-shield-pulse .nimitz-topview{filter:brightness(1.35) saturate(1.45) hue-rotate(112deg) drop-shadow(0 0 7px #eaffff) drop-shadow(0 0 22px #22e8dd);animation:nimitz-shield-pulse .5s ease-in-out infinite alternate}.nimitz-shield-gauge{position:absolute;z-index:3;inset:0;display:block;overflow:visible;pointer-events:none}.nimitz-shield-gauge i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#eaffff,#79fff0 45%,#17c9c7);box-shadow:0 0 4px #adfff8;transition:width .2s}.nimitz-shield-gauge em{position:absolute;right:-1px;bottom:4px;color:#d8fffb;font:900 5px/1 var(--font-body);letter-spacing:.02em;text-shadow:0 0 4px #fff,0 0 7px #22e8dd}@keyframes nimitz-shield-pulse{from{opacity:.66}to{opacity:1}}
.ship-topview.carrier-topview{width:66px;height:132px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 9px #ffd74b99)}.ship-topview.carrier-topview img{position:absolute;left:50%;top:50%;display:block;width:66px;height:132px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ship-topview.carrier-topview::after{display:none}.ally-unit.carrier-unit{z-index:16}.ally-shield.carrier-energy-shield{border-color:#ffd85a;background:radial-gradient(ellipse,#fff6ba30,#ffc31b1b 47%,transparent 70%);box-shadow:inset 0 0 13px #fff3aa66,0 0 8px #ffe26a88,0 0 19px #ffaf2488;animation:carrier-energy-wave 1.6s ease-in-out infinite alternate}.ally-shield.carrier-energy-shield em{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);color:#fff3ad;font-size:5px;font-style:normal;font-weight:1000;letter-spacing:.07em;white-space:nowrap;text-shadow:0 0 5px #fff,0 0 8px #ffb42b}.fx-missile.carrier-interceptor{z-index:20;width:10px;height:17px;margin:-9px 0 0 -5px;border:0;border-radius:44% 44% 24% 24%;background:linear-gradient(90deg,#33290e 0 12%,#ffc92d 15% 30%,#fff9cf 43% 55%,#e59b14 68% 83%,#35260d 86%);box-shadow:0 0 4px #fff7c4,0 0 11px #ffcf3e,0 0 19px #ff8b28;filter:drop-shadow(0 0 3px #ffe267);animation-duration:.26s}.fx-missile.carrier-interceptor::before{left:-5px;top:7px;width:20px;height:5px;border:0;border-radius:45% 45% 12% 12%;background:linear-gradient(90deg,#684b12,#ffd83d 30%,#fff7bd 50%,#ffd83d 70%,#684b12)}.fx-missile.carrier-interceptor::after{bottom:-10px;height:11px;background:linear-gradient(#fff8bd,#ffcf36 42%,#ff5a21 76%,transparent)}@keyframes carrier-energy-wave{from{opacity:.65;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}
.carrier-interceptor-unit{position:absolute;z-index:7;width:21px;height:13px;margin:-7px 0 0 -11px;opacity:0;background:url("carrier-interceptor.png") center/contain no-repeat;transform:rotate(var(--bastion-fighter-angle,0deg)) scale(.45);transform-origin:50% 50%;filter:drop-shadow(0 0 2px #fff8cc) drop-shadow(0 0 6px #5edfff);transition:left .46s cubic-bezier(.22,.74,.25,1),top .46s cubic-bezier(.22,.74,.25,1),transform .16s ease,filter .1s;pointer-events:none}.carrier-interceptor-unit.deployed{opacity:1;transform:rotate(var(--bastion-fighter-angle,0deg)) scale(1)}.carrier-interceptor-unit.hit{filter:brightness(2.3) drop-shadow(0 0 6px #fff) drop-shadow(0 0 13px #ff5a35)}.carrier-interceptor-unit.destroyed{animation:carrier-interceptor-break .28s ease-out forwards}@keyframes carrier-interceptor-break{to{opacity:0;transform:rotate(var(--bastion-fighter-angle,0deg)) scale(.15)}}
.ally-shield.carrier-energy-shield{border:0;background:transparent;box-shadow:none;animation:none}.ally-shield.carrier-energy-shield em{display:none}.carrier-shield-gauge{position:absolute;z-index:3;inset:0;display:block;overflow:visible;pointer-events:none}.carrier-shield-gauge i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#efffff,#8ceaff 46%,#369eff);box-shadow:0 0 4px #b9f3ff;transition:width .2s}.carrier-shield-gauge em{position:absolute;right:-1px;bottom:4px;color:#e4faff;font:900 5px/1 var(--font-body);letter-spacing:.02em;text-shadow:0 0 4px #fff,0 0 7px #53c7ff}.carrier-shield-impact{position:absolute;z-index:24;width:25px;height:25px;margin:-13px;border:2px solid #dffaff;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#9aefff99 20%,#3b9fff33 43%,transparent 69%);box-shadow:0 0 7px #fff,0 0 18px #62cfff,0 0 29px #2275ff;animation:carrier-shield-impact .36s ease-out forwards;pointer-events:none}@keyframes carrier-shield-impact{from{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(1.9)}}
.ally-unit.carrier-overflow-active .carrier-topview{filter:brightness(1.42) saturate(1.35) drop-shadow(0 0 8px #fff5b3) drop-shadow(0 0 23px #ffad27);animation:carrier-overflow-pulse .45s ease-in-out infinite alternate}@keyframes carrier-overflow-pulse{from{opacity:.74}to{opacity:1}}
.ship-topview.carrier-topview,.ship-topview.carrier-topview img{width:82.5px;height:165px}.carrier-shield-health{position:relative;display:block;height:3px;margin:3px 13px 0;border:1px solid #315161;background:#07101a}.carrier-unit .ally-health{margin:1.5px 13px 0}.carrier-shield-health .carrier-shield-gauge{position:absolute;inset:0;z-index:1;display:block;overflow:visible}.carrier-shield-health .carrier-shield-gauge i{display:block;width:100%;height:100%}.carrier-shield-health .carrier-shield-gauge em{position:absolute;right:-1px;bottom:4px}
.iowa-muzzle-flash.supanokseon-front-muzzle-flash{width:7px;height:20px;margin:-10px 0 0 -3px;background:radial-gradient(ellipse at 50% 18%,#fff 0 9%,#ffe9aa 20%,#ffad34 42%,#f24b24 63%,transparent 78%);filter:drop-shadow(0 0 4px #ffb13b) drop-shadow(0 0 9px #ff6d2d)}.iowa-muzzle-flash.supanokseon-side-muzzle-flash{width:20px;height:7px;margin:-3px 0 0 -10px;background:radial-gradient(ellipse at 82% 50%,#fff 0 9%,#ffe9aa 20%,#ffad34 42%,#f24b24 63%,transparent 78%);filter:drop-shadow(0 0 4px #ffb13b) drop-shadow(0 0 9px #ff6d2d)}
.iowa-muzzle-flash.supanokseon-side-muzzle-flash{width:7px;height:20px;margin:-10px 0 0 -3px;background:radial-gradient(ellipse at 50% 82%,#fff 0 9%,#ffe9aa 20%,#ffad34 42%,#f24b24 63%,transparent 78%)}
.ship-topview.kddx-topview{width:61px;height:140px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 8px #a8dfff88);transition:filter .2s}.ship-topview.kddx-topview img{position:absolute;left:50%;top:50%;display:block;width:61px;height:140px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ship-topview.kddx-topview::after{display:none}.ally-unit.kddx-chain-firing .kddx-topview{filter:brightness(1.38) drop-shadow(0 0 8px #edffff) drop-shadow(0 0 20px #4abfff)}.enemy-unit.kddx-electrified,.boss-unit.kddx-electrified{filter:brightness(1.7) saturate(1.35) hue-rotate(155deg);box-shadow:0 0 10px #e5ffff,0 0 24px #45bfff;animation:kddx-electrified .42s ease-in-out infinite alternate}@keyframes kddx-electrified{from{opacity:.72}to{opacity:1}}
.kddx-topview .kddx-thrusters{z-index:0}.kddx-thrusters .bc-thruster{width:10px;height:15px;bottom:-2px;animation:bc-thruster .48s ease-in-out infinite alternate!important}.kddx-thrusters .bc-thruster:nth-child(1){left:calc(50% - 12px)}.kddx-thrusters .bc-thruster:nth-child(2){left:50%;animation-delay:.08s!important}.kddx-thrusters .bc-thruster:nth-child(3){left:calc(50% + 12px);animation-delay:.16s!important}
.kddx-thrusters .bc-thruster{bottom:0}.enemy-unit.kddx-electrified::before,.boss-unit.kddx-electrified::before{content:"";position:absolute;z-index:4;inset:-22% -18%;background:url("electric-strike-1.png") center/contain no-repeat;opacity:.72;mix-blend-mode:screen;filter:drop-shadow(0 0 3px #dffcff) drop-shadow(0 0 9px #31bfff);pointer-events:none;animation:kddx-residue .2s steps(2,end) infinite alternate}.boss-unit.kddx-electrified::before{inset:-12% -10%}@keyframes kddx-residue{from{opacity:.38;transform:scale(.88) rotate(-4deg)}to{opacity:.86;transform:scale(1.08) rotate(4deg)}}
.ship-topview.kddx-topview,.ship-topview.kddx-topview img{width:52px;height:119px}.ship-topview.kddx-topview .turtle-twin-thrusters{z-index:0}.ship-topview.kddx-topview .turtle-twin-thrusters .bc-thruster{bottom:0}
.ally-unit.kddx-chain-charging .kddx-topview{filter:brightness(1.45) drop-shadow(0 0 9px #e8ffff) drop-shadow(0 0 20px #39bfff)}.ally-unit.kddx-chain-charging .kddx-topview::before{content:"";position:absolute;z-index:5;left:50%;top:3%;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle,#fff 0 12%,#a6f8ff 25%,#36baffaa 48%,transparent 72%);box-shadow:0 0 10px #fff,0 0 24px #38bfff;transform:translate(-50%,-50%);animation:kddx-charge 1s ease-in forwards;pointer-events:none}@keyframes kddx-charge{from{opacity:.15;transform:translate(-50%,-50%) scale(.25)}to{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}
.fx-kddx-splash{position:absolute;z-index:23;display:block;margin:-56px 0 0 -56px;border:2px solid #bff9ff;border-radius:50%;background:radial-gradient(circle,#f4ffffaa 0 8%,#63cfff66 30%,#1879e955 56%,transparent 72%);box-shadow:0 0 9px #e8ffff,0 0 23px #55baff,inset 0 0 15px #98eaff;animation:kddx-splash .42s ease-out forwards;pointer-events:none}@keyframes kddx-splash{from{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(1)}}
.ally-unit.kddx-redeploying{transition:left .85s ease-out,top .85s ease-out,opacity .35s,filter .18s}.ally-unit.kddx-redeploying .kddx-topview{filter:brightness(1.35) drop-shadow(0 0 12px #dffaff) drop-shadow(0 0 25px #4bbcff)}
.ship-topview.pegasus-topview{width:66px;height:116px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 8px #54aaff88)}.ship-topview.pegasus-topview img{position:absolute;left:50%;top:50%;display:block;width:66px;height:116px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center;mix-blend-mode:multiply}.ship-topview.pegasus-topview::after{display:none}.pegasus-twin-thrusters{z-index:0}.pegasus-twin-thrusters .bc-thruster{width:12px;height:18px;bottom:-2px;animation:bc-thruster .46s ease-in-out infinite alternate}.pegasus-twin-thrusters .bc-thruster:first-child{left:calc(50% - 10px)}.pegasus-twin-thrusters .bc-thruster:last-child{left:calc(50% + 10px);animation-delay:0s!important}.fx-line.pegasus-piercing-laser{z-index:22;height:3px;transform-origin:0 50%;background:linear-gradient(90deg,#ffffff,#c4f5ff 18%,#5acbff 52%,#2269e8 80%,transparent);box-shadow:0 0 5px #fff,0 0 13px #72dcff,0 0 25px #2475ff;animation:pegasus-tracking-laser 3s linear forwards;pointer-events:none}.fx-line.pegasus-annihilation-laser{height:5px;background:linear-gradient(90deg,#fff8e7,#ffb9b9 16%,#ff3a45 48%,#ae0627 77%,transparent);box-shadow:0 0 6px #fff,0 0 16px #ff5360,0 0 30px #bd1236}.ally-unit.pegasus-annihilating .pegasus-topview{filter:brightness(1.42) saturate(1.35) drop-shadow(0 0 8px #fff0e0) drop-shadow(0 0 20px #ff344c);animation:pegasus-annihilation-pulse .32s ease-in-out infinite alternate}@keyframes pegasus-tracking-laser{0%{opacity:0;transform:var(--angle) scaleX(.1)}3%{opacity:1;transform:var(--angle) scaleX(1)}96%{opacity:1;transform:var(--angle) scaleX(1)}100%{opacity:0;transform:var(--angle) scaleX(1)}}@keyframes pegasus-annihilation-pulse{from{opacity:.75}to{opacity:1}}
.ally-unit.pegasus-incapacitated .pegasus-topview{filter:grayscale(.72) brightness(.62) drop-shadow(0 0 5px #a9bdd0);animation:none}.ally-unit.pegasus-incapacitated::before{content:"행동불능 · 재충전 정지";position:absolute;z-index:18;left:50%;top:-15px;transform:translateX(-50%);color:#c2d1de;font:900 5px/1 var(--font-body);letter-spacing:.04em;text-shadow:0 0 5px #8195a9;white-space:nowrap;pointer-events:none}
.ally-unit.planet-destroyer-unit{z-index:16}.ship-topview.planet-destroyer-topview{width:84px;height:160px;overflow:visible;filter:drop-shadow(0 8px 9px #000d) drop-shadow(0 0 8px #d9e6ff88)}.ship-topview.planet-destroyer-topview img{position:absolute;left:50%;top:50%;display:block;width:84px;height:160px;max-width:none;object-fit:contain;transform:translate(-50%,-50%)}.ship-topview.planet-destroyer-topview::after{display:none}.ship-topview.planet-destroyer-topview .turtle-twin-thrusters .bc-thruster{bottom:0}.planet-destroyer-unit.planet-destroyer-moving{transition:left 3s linear,top 3s linear,opacity .45s,filter .18s}.planet-destroyer-unit.planet-destroyer-returning{transition:left 2s ease-in-out,top 2s ease-in-out,opacity .45s,filter .18s}.fx-line.planet-destroyer-normal-laser{z-index:22;height:4px;background:linear-gradient(90deg,#fff,#d9eaff 25%,#77bcff 65%,transparent);box-shadow:0 0 6px #fff,0 0 15px #8dc8ff;animation:fx-line .18s ease-out forwards}.fx-colossus-fighter.planet-destroyer-fighter{background:linear-gradient(90deg,#172a39 0 20%,#e6f3ff 31% 49%,#8ba6c5 54% 72%,#172638 79%);filter:drop-shadow(0 0 3px #d7ebff) drop-shadow(0 0 7px #8ebdff)}
.ship-topview.pegasus-topview img{mix-blend-mode:normal}.fx-line.pegasus-piercing-laser{transform:var(--angle);animation:pegasus-laser-continuous 3s linear forwards}.fx-line.pegasus-piercing-laser[hidden]{display:none}@keyframes pegasus-laser-continuous{0%{opacity:0}3%,96%{opacity:1}100%{opacity:0}}
.planet-destroyer-charge-effect{position:absolute;z-index:24;left:50%;bottom:7px;width:44px;height:44px;margin-left:-22px;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#ffe7e9 14%,#ff516d 37%,#a9003388 62%,transparent 74%);box-shadow:0 0 12px #fff,0 0 26px #ff516b,0 0 45px #d71344;animation:planet-destroyer-charge 2s ease-in forwards;pointer-events:none}.planet-destroyer-charge-effect::after{content:"";position:absolute;inset:-9px;border:2px solid #ffbbcc;border-radius:50%;box-shadow:0 0 10px #fff,0 0 22px #ff164b;animation:planet-destroyer-charge-ring .43s linear infinite}
.planet-destroyer-supernova-beam{position:absolute;z-index:24;top:0;transform:translateX(-50%);border-radius:0 0 12px 12px;background:linear-gradient(90deg,#fa002c33 0%,#ff224bd9 5%,#ff7b93ee 13%,#ffe0e5 30%,#fff 48% 52%,#ffe0e5 70%,#ff7b93ee 87%,#ff224bd9 95%,#fa002c33 100%);box-shadow:0 0 16px #fff,0 0 35px #ff4467,0 0 66px #f50045,0 0 110px #c9003288;mix-blend-mode:screen;animation:planet-destroyer-beam 5s linear forwards;pointer-events:none;overflow:hidden}.planet-destroyer-supernova-beam::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 14px,#fff9 16px 19px,#ff224b99 23px 28px,transparent 33px 46px);mix-blend-mode:screen;animation:planet-destroyer-stream .17s linear infinite}.planet-destroyer-supernova-beam::after{content:"";position:absolute;inset:0 31%;background:linear-gradient(90deg,transparent,#fff 50%,transparent);box-shadow:0 0 16px #fff,0 0 38px #ffe5ed;animation:planet-destroyer-core .24s steps(2,end) infinite}
.fx-line.planet-destroyer-supernova-edge{z-index:25;height:5px;background:linear-gradient(90deg,#fff,#ffdce0 20%,#ff3852 65%,#c90036);box-shadow:0 0 8px #fff,0 0 18px #ff3458,0 0 34px #e1003d;animation:planet-destroyer-edge 5s ease-in-out forwards;pointer-events:none}.planet-destroyer-unit.planet-destroyer-charging .planet-destroyer-topview,.planet-destroyer-unit.planet-destroyer-firing .planet-destroyer-topview{filter:brightness(1.5) drop-shadow(0 0 10px #fff4f4) drop-shadow(0 0 26px #ff355a)}.planet-destroyer-unit.planet-destroyer-overheated .planet-destroyer-topview{filter:grayscale(.6) brightness(.63) drop-shadow(0 0 8px #a71532);animation:planet-destroyer-overheat .5s ease-in-out infinite alternate}@keyframes planet-destroyer-charge{from{opacity:.25;transform:scale(.25)}to{opacity:1;transform:scale(2.2)}}@keyframes planet-destroyer-charge-ring{from{transform:scale(.65) rotate(0);opacity:.85}to{transform:scale(1.45) rotate(90deg);opacity:0}}@keyframes planet-destroyer-beam{0%{opacity:0}2%,92%{opacity:1}96%{opacity:.82}100%{opacity:0}}@keyframes planet-destroyer-stream{from{background-position:0 0}to{background-position:0 -46px}}@keyframes planet-destroyer-core{0%,100%{opacity:.88}50%{opacity:.48}}@keyframes planet-destroyer-edge{0%{opacity:0;transform:var(--angle) scaleX(.1)}3%{opacity:1;transform:var(--angle) scaleX(1)}94%{opacity:1;transform:var(--angle) scaleX(1)}100%{opacity:0;transform:var(--angle) scaleX(1)}}@keyframes planet-destroyer-overheat{from{opacity:.68}to{opacity:1}}
.fx-construction-drone{position:absolute;z-index:27;width:58px;height:72px;margin:-36px 0 0 -29px;background:url("construction-drone-battle.png") center/contain no-repeat;filter:drop-shadow(0 0 3px #fff0a6) drop-shadow(0 0 11px #ffb72d);opacity:0;transform:rotate(var(--construction-drone-angle,0deg)) scale(.52);transform-origin:50% 50%;transition:left 1s cubic-bezier(.24,.74,.22,1),top 1s cubic-bezier(.24,.74,.22,1),transform .22s ease,opacity .25s ease;pointer-events:none}.fx-construction-drone.entered{opacity:1;transform:rotate(var(--construction-drone-angle,0deg)) scale(1)}.fx-construction-drone.repairing{filter:brightness(1.22) drop-shadow(0 0 5px #fff8af) drop-shadow(0 0 16px #63ff87);animation:construction-drone-repair .32s ease-in-out infinite alternate}.fx-construction-drone.exiting{opacity:0;transform:rotate(var(--construction-drone-angle,0deg)) scale(.5)}.fx-construction-repair-pulse{position:absolute;z-index:29;width:16px;height:16px;margin:-8px;pointer-events:none;animation:construction-repair-pulse .72s ease-out forwards}.fx-construction-repair-pulse::before,.fx-construction-repair-pulse::after{content:"";position:absolute;left:50%;top:50%;border-radius:2px;background:#8dff8c;box-shadow:0 0 4px #efffec,0 0 10px #52ff70}.fx-construction-repair-pulse::before{width:4px;height:16px;transform:translate(-50%,-50%)}.fx-construction-repair-pulse::after{width:16px;height:4px;transform:translate(-50%,-50%)}@keyframes construction-drone-repair{from{filter:brightness(.98) drop-shadow(0 0 3px #fff0a6) drop-shadow(0 0 9px #ffb72d)}to{filter:brightness(1.3) drop-shadow(0 0 6px #fff8af) drop-shadow(0 0 18px #63ff87)}}@keyframes construction-repair-pulse{0%{opacity:0;transform:translateY(6px) scale(.45)}25%{opacity:1;transform:translateY(0) scale(1.05)}100%{opacity:0;transform:translateY(-24px) scale(.72)}}.boss-unit.boss-giant-gasimon{width:132px;height:174px;margin:-87px 0 0 -66px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}.boss-unit.boss-giant-gasimon::before,.boss-unit.boss-giant-gasimon::after{display:none}.boss-unit.boss-giant-gasimon .boss-sprite{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:monster-wing-flight .42s ease-in-out infinite alternate;filter:drop-shadow(0 0 7px #ff5b8c) drop-shadow(0 0 18px #ff2a5d)}.boss-unit.boss-giant-gasimon>b{inset:auto;left:50%;top:-16px;transform:translateX(-50%);display:block;color:#ffd4df;font:900 9px/1 var(--font-body);letter-spacing:.12em;white-space:nowrap;text-shadow:0 0 5px #fff,0 0 13px #ff305f}
.enemy-unit.monster-gasimon,.enemy-unit.monster-jipgemon,.enemy-unit.monster-dokchimmon{border:0;background:none;box-shadow:none;opacity:0;overflow:visible;transform:scale(.45);transition:opacity .2s ease,transform .34s cubic-bezier(.16,.8,.3,1),filter .1s;will-change:left,top,transform}.enemy-unit.monster-gasimon{width:30px;height:43px;margin:-22px 0 0 -15px}.enemy-unit.monster-jipgemon{width:34px;height:47px;margin:-24px 0 0 -17px}.enemy-unit.monster-dokchimmon{width:31px;height:45px;margin:-23px 0 0 -16px}.enemy-unit.monster-gasimon.entered,.enemy-unit.monster-jipgemon.entered,.enemy-unit.monster-dokchimmon.entered{opacity:1;transform:scale(1)}.enemy-unit.monster-gasimon:not(.kddx-electrified)::before,.enemy-unit.monster-jipgemon:not(.kddx-electrified)::before,.enemy-unit.monster-dokchimmon:not(.kddx-electrified)::before{display:none}.enemy-unit .enemy-sprite{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 48%;animation:monster-wing-flight .42s ease-in-out infinite alternate;pointer-events:none}.enemy-unit.monster-gasimon .enemy-sprite,.enemy-unit.monster-jipgemon .enemy-sprite{mix-blend-mode:screen}.enemy-unit.monster-gasimon .enemy-hp,.enemy-unit.monster-jipgemon .enemy-hp,.enemy-unit.monster-dokchimmon .enemy-hp{z-index:5;left:50%;top:-5px;width:30px;height:2px;transform:translateX(-50%);background:#230714;border:1px solid #6d234b}.enemy-unit.monster-gasimon .enemy-hp i{background:#ff556e}.enemy-unit.monster-jipgemon .enemy-hp i{background:#ff9a48}.enemy-unit.monster-dokchimmon .enemy-hp i{background:#d950c7}.enemy-unit.monster-gasimon.attacking,.enemy-unit.monster-jipgemon.attacking,.enemy-unit.monster-dokchimmon.attacking{animation:none}.enemy-unit.projectile-recoil .enemy-sprite{animation:monster-projectile-recoil .26s cubic-bezier(.2,.8,.3,1)}.enemy-unit.claw-attacking .enemy-sprite{animation:monster-claw-lunge .36s cubic-bezier(.18,.76,.25,1)}.enemy-unit.monster-gasimon.destroyed,.enemy-unit.monster-jipgemon.destroyed,.enemy-unit.monster-dokchimmon.destroyed{animation:monster-break .34s forwards}.fx-enemy.monster-spike{width:15px;height:4px;margin:-2px 0 0 -7px;border-radius:60% 8% 8% 60%;clip-path:polygon(0 50%,32% 0,100% 35%,100% 65%,32% 100%);background:#ff6c86;box-shadow:0 0 6px #fff,0 0 13px #ff214b}.fx-enemy.monster-acid{width:11px;height:11px;margin:-6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#efffbd,#8cff47 35%,#2e9c27 67%,transparent 72%);box-shadow:0 0 8px #d8ff87,0 0 17px #4cff35}.fx-monster-claw{position:absolute;z-index:25;width:48px;height:42px;margin:-21px 0 0 -24px;pointer-events:none;animation:monster-claw-strike .36s ease-out forwards}.fx-monster-claw::before,.fx-monster-claw::after{content:"";position:absolute;top:4px;width:22px;height:34px;border:5px solid #f7e4db;border-bottom-color:transparent;border-radius:70% 25% 70% 20%;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px #ff4e61)}.fx-monster-claw::before{left:1px;transform:rotate(28deg)}.fx-monster-claw::after{right:1px;transform:scaleX(-1) rotate(28deg)}.ally-unit.monster-corroding{filter:drop-shadow(0 0 5px #82ff4a) drop-shadow(0 0 13px #3bbf28)}.ally-unit.monster-corroding::after{content:"부식 x" attr(data-corrosion-stacks);position:absolute;z-index:28;left:50%;top:-5px;transform:translateX(-50%);color:#baff78;font:900 6px/1 var(--font-body);text-shadow:0 0 5px #4dff31;white-space:nowrap}@keyframes monster-wing-flight{from{transform:scaleX(.93) rotate(-1.3deg)}to{transform:scaleX(1.04) rotate(1.3deg)}}@keyframes monster-projectile-recoil{0%{transform:translateY(0) scaleX(1)}28%{transform:translateY(-3px) scaleX(.95)}100%{transform:translateY(0) scaleX(1)}}@keyframes monster-claw-lunge{0%{transform:translateY(0) scale(1)}42%{transform:translateY(5px) scale(1.08)}100%{transform:translateY(0) scale(1)}}@keyframes monster-claw-strike{0%{opacity:0;transform:scale(1.5)}35%{opacity:1;transform:scale(.78)}100%{opacity:0;transform:scale(.35)}}@keyframes monster-break{to{opacity:0;transform:scale(1.8) rotate(25deg);filter:brightness(3)}}
.enemy-unit.monster-gasimon .enemy-sprite,.enemy-unit.monster-jipgemon .enemy-sprite{mix-blend-mode:normal}.ship-topview.hammer-topview{width:64px;height:136px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 8px #d7ecff88)}.ship-topview.hammer-topview img{position:absolute;left:50%;top:50%;display:block;width:64px;height:136px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ship-topview.hammer-topview::after{display:none}.ally-unit.hammer-unit{z-index:16}.ally-unit.hammer-drone-launching .hammer-topview{filter:brightness(1.38) drop-shadow(0 0 8px #eaffff) drop-shadow(0 0 20px #64bfff)}.iowa-muzzle-flash.hammer-muzzle-flash{width:12px;height:20px;margin:-10px 0 0 -6px;background:radial-gradient(ellipse at 50% 18%,#fff 0 9%,#dfefff 21%,#75b8ff 45%,#2b61d8 64%,transparent 78%);filter:drop-shadow(0 0 4px #d9f4ff) drop-shadow(0 0 10px #4d8dff)}.fx-missile.hammer-shell{z-index:22;width:5px;height:19px;margin:-10px 0 0 -2px;background:linear-gradient(90deg,#172234,#709ee5 24%,#f2fbff 50%,#618bd7 75%,#131c2b);border:1px solid #dff2ff;box-shadow:0 0 5px #fff,0 0 13px #5c9eff;filter:drop-shadow(0 0 3px #77baff);animation-duration:.12s}.fx-hammer-drone{position:absolute;z-index:25;width:19px;height:19px;margin:-10px;border-radius:50% 50% 35% 35%;background:radial-gradient(circle at 50% 32%,#f4fdff 0 10%,#85c7ff 12% 26%,#335a9c 29% 57%,#141e36 60%);border:1px solid #c5ecff;box-shadow:0 0 6px #e8faff,0 0 16px #4a91ff;opacity:0;transform-origin:50% 50%;pointer-events:none}.fx-hammer-drone::before,.fx-hammer-drone::after{content:"";position:absolute;top:8px;width:13px;height:5px;background:linear-gradient(90deg,transparent,#a9d9ff,#35599e);border-radius:80% 20% 20% 80%}.fx-hammer-drone::before{right:14px}.fx-hammer-drone::after{left:14px;transform:scaleX(-1)}.fx-hammer-drone.launched{animation:hammer-drone-flight .62s cubic-bezier(.18,.75,.25,1) forwards}@keyframes hammer-drone-flight{0%{opacity:0;transform:translate(0,0) rotate(var(--hammer-drone-angle)) scale(.5)}12%{opacity:1}100%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--hammer-drone-angle)) scale(1.05)}}.fx-explosion.hammer-drone{width:34px;height:34px;margin:-17px;background:radial-gradient(circle,#fff 0 9%,#cceeff 18%,#5ea7ff 38%,#3546c9 59%,transparent 70%);box-shadow:0 0 10px #fff,0 0 27px #61b7ff,0 0 43px #5364ff;animation:explosion .5s ease-out forwards}.enemy-unit.hammer-stunned,.boss-unit.hammer-stunned{filter:brightness(1.65) saturate(1.2) hue-rotate(155deg);box-shadow:0 0 10px #e7ffff,0 0 24px #5aaaff;animation:hammer-drone-stun .34s ease-in-out infinite alternate}.enemy-unit.hammer-stunned::after,.boss-unit.hammer-stunned::after{content:"정지";position:absolute;left:50%;top:-12px;transform:translateX(-50%);color:#d9f8ff;font:900 6px/1 var(--font-body);white-space:nowrap;text-shadow:0 0 5px #fff,0 0 10px #4ea3ff}@keyframes hammer-drone-stun{from{opacity:.72}to{opacity:1}}
.ally-unit.nimitz-total-offensive .nimitz-topview{transform:scale(1.5);transform-origin:center}
.ship-topview.carrier-topview,.ship-topview.carrier-topview img{width:82.5px;height:123.75px}
.ally-shield.assault-plasma-shield{display:none}
.ally-unit.assault-turtle-shield-pulse .assault-turtle-topview{filter:brightness(1.32) saturate(1.38) hue-rotate(112deg) drop-shadow(0 0 7px #eaffff) drop-shadow(0 0 20px #25e7d8);animation:assault-turtle-aqua-pulse .48s ease-in-out infinite alternate}
.assault-turtle-shield-gauge{position:absolute;z-index:3;inset:0;display:block;overflow:visible;pointer-events:none}.assault-turtle-shield-gauge i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#eaffff,#75fff0 45%,#18c9c4);box-shadow:0 0 4px #adfff8;transition:width .2s}.assault-turtle-shield-gauge em{position:absolute;right:-1px;bottom:4px;color:#d8fffb;font:900 5px/1 var(--font-body);letter-spacing:.02em;text-shadow:0 0 4px #fff,0 0 7px #22e8dd}
.assault-turtle-charge-silhouette,.assault-turtle-ram-silhouette{position:absolute;z-index:24;width:104px;height:118px;margin:-59px 0 0 -52px;display:grid;place-items:center;pointer-events:none}.assault-turtle-charge-silhouette{opacity:0;filter:brightness(6) grayscale(1) drop-shadow(0 0 7px #fff) drop-shadow(0 0 20px #dfffff);animation:assault-turtle-charge-silhouette .58s cubic-bezier(.16,.82,.22,1) var(--silhouette-delay) forwards}.assault-turtle-charge-silhouette .ship-topview{filter:inherit}.assault-turtle-charge-silhouette .battlecruiser-fx,.assault-turtle-ram-silhouette .battlecruiser-fx{display:none}.assault-turtle-ram-silhouette{filter:brightness(7) grayscale(1) drop-shadow(0 0 8px #fff) drop-shadow(0 0 24px #dfffff);opacity:0;transform:rotate(var(--ram-silhouette-angle));transform-origin:center}.assault-turtle-ram-silhouette.core{animation:assault-turtle-ram-core .56s cubic-bezier(.16,.76,.22,1) forwards}.assault-turtle-ram-radar{position:absolute;z-index:23;width:var(--ram-distance);height:var(--ram-radar-height);margin-top:var(--ram-radar-offset);transform:rotate(var(--ram-angle));transform-origin:0 50%;clip-path:polygon(0 50%,100% 0,100% 100%);background:repeating-radial-gradient(ellipse at 0 50%,transparent 0 18%,#eaffffab 19% 20%,transparent 21% 34%),linear-gradient(90deg,#dfffff4f,transparent 74%);box-shadow:inset 0 0 16px #7dffff35,0 0 7px #fff,0 0 19px #8effff;opacity:0;pointer-events:none;animation:assault-turtle-ram-radar .36s cubic-bezier(.18,.74,.2,1) .46s forwards}.assault-turtle-ram-radar::after{content:"";position:absolute;left:0;top:50%;width:100%;height:2px;background:linear-gradient(90deg,#fff,#bcffff 24%,transparent);box-shadow:0 0 6px #fff,0 0 16px #7ffcff}
.enemy-unit.assault-turtle-stunned,.boss-unit.assault-turtle-stunned{filter:brightness(1.58) saturate(1.35) hue-rotate(145deg);box-shadow:0 0 10px #e7ffff,0 0 24px #42e9dc;animation:assault-turtle-stun .38s ease-in-out infinite alternate}
@keyframes assault-turtle-aqua-pulse{from{opacity:.68}to{opacity:1}}@keyframes assault-turtle-charge-silhouette{0%{opacity:0;transform:translate(0,0) scale(.72)}18%{opacity:.9}100%{opacity:0;transform:translate(var(--charge-x),var(--charge-y)) scale(1.08)}}@keyframes assault-turtle-ram-core{0%{opacity:0;transform:rotate(var(--ram-silhouette-angle)) scale(.62)}12%{opacity:1}76%{opacity:.92}100%{opacity:0;transform:rotate(var(--ram-silhouette-angle)) translateX(var(--ram-distance)) scale(.92)}}@keyframes assault-turtle-ram-radar{0%{opacity:0;transform:translateY(-50%) rotate(var(--ram-angle)) scale(.16)}20%{opacity:.92}100%{opacity:0;transform:translateY(-50%) rotate(calc(var(--ram-angle) + var(--fan-angle))) scale(1)}}@keyframes assault-turtle-stun{from{opacity:.72}to{opacity:1}}

.ally-facing-shell{--ally-facing-angle:0rad;position:relative;display:grid;place-items:center;transform:rotate(var(--ally-facing-angle));transform-origin:50% 50%;transition:transform .2s ease-out;will-change:transform}
.fx-explosion.missile-cinematic{z-index:38;width:112px;height:112px;margin:-56px;border-radius:50%;background:none;box-shadow:none;animation:missile-explosion-impact .9s ease-out forwards;pointer-events:none;overflow:hidden}
.fx-explosion.missile-cinematic>i{position:absolute;inset:0;opacity:0;background-position:center;background-size:contain;background-repeat:no-repeat;mix-blend-mode:screen;filter:drop-shadow(0 0 5px #fff3c9) drop-shadow(0 0 18px #ff5b19)}
.fx-explosion.missile-cinematic>i:nth-child(1){background-image:url("missile-explosion-1.png");animation:missile-explosion-frame-1 .3s ease-out forwards}
.fx-explosion.missile-cinematic>i:nth-child(2){background-image:url("missile-explosion-2.png");animation:missile-explosion-frame-2 .5s .12s ease-out forwards}
.fx-explosion.missile-cinematic>i:nth-child(3){background-image:url("missile-explosion-3.png");animation:missile-explosion-frame-3 .58s .32s ease-out forwards}
.fx-giant-dokchimmon-wave{position:absolute;z-index:31;width:180vmax;aspect-ratio:1.444/1;margin:0;pointer-events:none;background:url("giant-dokchimmon-poison-wave.png") center/contain no-repeat;mix-blend-mode:screen;transform:translate(-50%,-50%) scale(.035) rotate(-7deg);transform-origin:center;filter:brightness(2.1) saturate(1.35) drop-shadow(0 0 12px #baff66) drop-shadow(0 0 32px #4cff27);animation:giant-dokchimmon-poison-wave 1.38s cubic-bezier(.15,.72,.23,1) forwards}.fx-giant-dokchimmon-wave::after{content:"";position:absolute;left:50%;top:50%;width:11%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#f5ffd6 0 10%,#c9ff43 25%,#38ea25aa 48%,transparent 72%);box-shadow:0 0 16px #efffc1,0 0 38px #53ff26;animation:giant-dokchimmon-poison-core .52s ease-out forwards}@keyframes giant-dokchimmon-poison-wave{0%{opacity:0;transform:translate(-50%,-50%) scale(.035) rotate(-7deg);filter:brightness(3.1) saturate(1.6)}10%{opacity:1}68%{opacity:.86;transform:translate(-50%,-50%) scale(1) rotate(2deg);filter:brightness(1.55) saturate(1.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.08) rotate(3deg);filter:brightness(.8) saturate(.8)}}@keyframes giant-dokchimmon-poison-core{0%{opacity:1;transform:translate(-50%,-50%) scale(.18)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}}
.fx-pojakseon-run{position:absolute;z-index:40;width:38px;height:62px;margin:-31px 0 0 -19px;display:grid;place-items:center;opacity:0;transform:rotate(var(--pojakseon-angle,0rad)) scale(.65);transition:left 2s cubic-bezier(.18,.76,.24,1),top 2s cubic-bezier(.18,.76,.24,1),opacity .2s ease,transform .2s ease;pointer-events:none}.fx-pojakseon-run .frigate-battle-topview{width:38px;height:62px;filter:brightness(1.08) drop-shadow(0 0 4px #fff0bd) drop-shadow(0 0 10px #ff3c3c)}.fx-pojakseon-run .frigate-battle-topview img{width:38px;height:62px}.ship-topview.pojakseon-battle-topview::after{display:none}.fx-pojakseon-run.entered{opacity:1;transform:rotate(var(--pojakseon-angle,0rad)) scale(1)}.fx-pojakseon-run.detonating{filter:brightness(2.2) saturate(1.35);animation:pojakseon-arming .44s ease-in-out infinite alternate}.fx-explosion.missile-cinematic.pojakseon{z-index:43;width:200px;height:200px;margin:-100px;animation-duration:1.05s}.enemy-unit.pojakseon-pulled,.boss-unit.pojakseon-pulled{filter:brightness(1.38) saturate(1.3) drop-shadow(0 0 7px #fff1b0) drop-shadow(0 0 14px #ff5147)}@keyframes pojakseon-arming{from{opacity:.72;transform:rotate(var(--pojakseon-angle,0rad)) scale(.96)}to{opacity:1;transform:rotate(var(--pojakseon-angle,0rad)) scale(1.07)}}
@keyframes missile-explosion-impact{0%{transform:scale(.28);filter:brightness(2.7)}30%{transform:scale(.96);filter:brightness(1.45)}68%{transform:scale(1)}100%{transform:scale(1);opacity:0}}
@keyframes missile-explosion-frame-1{0%{opacity:0;transform:scale(.22) rotate(-7deg)}18%{opacity:1}72%{opacity:.92;transform:scale(.9) rotate(2deg)}100%{opacity:0;transform:scale(1) rotate(5deg)}}
@keyframes missile-explosion-frame-2{0%{opacity:0;transform:scale(.42) rotate(8deg)}20%{opacity:1}70%{opacity:.95;transform:scale(.94) rotate(-3deg)}100%{opacity:0;transform:scale(1) rotate(-6deg)}}
@keyframes missile-explosion-frame-3{0%{opacity:0;transform:scale(.35)}22%{opacity:.98}75%{opacity:.82;transform:scale(.96)}100%{opacity:0;transform:scale(1)}}
.ally-shield.assault-plasma-shield{top:-92px;width:246px;height:138px;border:1px solid #dffcff99;border-radius:18% 18% 46% 46%;clip-path:polygon(50% 0,97% 76%,82% 100%,50% 84%,18% 100%,3% 76%);background:radial-gradient(ellipse at 50% 100%,transparent 0 48%,#8af4ff35 49% 53%,#55ddffc4 54% 57%,#edffffaa 58% 59%,transparent 61%),linear-gradient(180deg,#e8ffff38,#55cfff20 55%,transparent);box-shadow:0 0 10px #c9fbff,0 -8px 24px #43c8ff88,inset 0 -12px 22px #36d9ff44;filter:drop-shadow(0 0 5px #8df3ff) drop-shadow(0 -4px 16px #1e9fff);animation:assault-plasma-shield 1.1s ease-in-out infinite alternate,assault-plasma-shield-scan 2.2s linear infinite}
.ally-shield.assault-plasma-shield::before{inset:8px;border:1px solid #efffff99;border-radius:16% 16% 44% 44%;clip-path:polygon(50% 0,97% 76%,82% 100%,50% 84%,18% 100%,3% 76%);background:repeating-linear-gradient(90deg,transparent 0 22px,#c8ffff55 23px 24px,transparent 25px 46px),radial-gradient(ellipse at 50% 100%,transparent 0 52%,#f4ffffc9 54% 56%,transparent 59%);opacity:.78}
.ally-shield.assault-plasma-shield::after{content:"";position:absolute;left:50%;top:8px;width:2px;height:82%;transform:translateX(-50%);background:linear-gradient(180deg,transparent,#fff 22%,#b9faff 70%,transparent);box-shadow:0 0 9px #fff,0 0 18px #5be5ff;opacity:.72}
@keyframes assault-plasma-shield-scan{from{background-position:0 0,0 0}to{background-position:0 0,46px 0}}
/* Planet destroyer supernova layering and forward charge placement. */
.battle-allies:has(.planet-destroyer-unit.planet-destroyer-firing){z-index:30}
.planet-destroyer-unit.planet-destroyer-firing{z-index:31}
.planet-destroyer-topview .planet-destroyer-charge-effect{top:-18px;bottom:auto;z-index:40}
.ship-topview.fury-topview{width:70px;height:138px;overflow:visible;filter:drop-shadow(0 8px 9px #000d) drop-shadow(0 0 8px #ff9b4388)}.ship-topview.fury-topview img{position:absolute;left:50%;top:50%;display:block;width:70px;height:138px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ship-topview.fury-topview::after{display:none}.ally-unit.fury-unit{z-index:16}.ally-unit.fury-missile-firing .fury-topview{filter:brightness(1.35) drop-shadow(0 0 8px #fff0c1) drop-shadow(0 0 19px #ff8b2e)}.ally-unit.fury-bombarding .fury-topview{filter:brightness(1.55) saturate(1.25) drop-shadow(0 0 10px #fff0c4) drop-shadow(0 0 25px #ff6a25);animation:fury-launch-pulse .34s ease-in-out infinite alternate}.fx-missile.fury-missile{z-index:24;width:8px;height:27px;margin:-14px 0 0 -4px;background:linear-gradient(90deg,#29212a 0 13%,#d9e4f0 23% 37%,#ff9e32 44% 57%,#f2f6fa 65% 79%,#24202a 88%);border-color:#ffe8c2;box-shadow:0 0 5px #fff,0 0 13px #ffa23b,0 0 22px #ff4e20}.fx-missile.fury-missile::after{background:linear-gradient(#fff8d5,#ffb338 40%,#ff4921 75%,transparent)}.enemy-unit.fury-stunned::after,.boss-unit.fury-stunned::after{content:"기절";position:absolute;left:50%;top:-12px;transform:translateX(-50%);color:#ffe5be;font:900 6px/1 var(--font-body);white-space:nowrap;text-shadow:0 0 5px #fff,0 0 10px #ff752f}@keyframes fury-launch-pulse{from{opacity:.7}to{opacity:1}}
.ship-topview.brown-bess-topview{width:70px;height:136px;overflow:visible;filter:drop-shadow(0 8px 9px #000d) drop-shadow(0 0 8px #90a7c288);transition:filter .16s}.ship-topview.brown-bess-topview img{position:absolute;left:50%;top:50%;display:block;width:70px;height:136px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ship-topview.brown-bess-topview::after{display:none}.ally-unit.brown-bess-unit{z-index:16}.ally-unit.brown-bess-laser-firing .brown-bess-topview{filter:brightness(1.42) drop-shadow(0 0 8px #e7fbff) drop-shadow(0 0 19px #8baaff)}.ally-unit.brown-bess-sniping .brown-bess-topview{filter:brightness(1.55) drop-shadow(0 0 11px #f4f8ff) drop-shadow(0 0 26px #5f88ff);animation:brown-bess-charge .32s ease-in-out infinite alternate}.fx-line.brown-bess-laser{z-index:24;height:4px;transform:var(--angle);transform-origin:0 50%;background:linear-gradient(90deg,#fff,#c9f6ff 24%,#63baff 56%,#167aff 78%,transparent);box-shadow:0 0 6px #fff,0 0 15px #78d8ff,0 0 27px #317aff;animation:helios-laser .2s ease-out forwards;pointer-events:none}.fx-line.brown-bess-sniper-laser{z-index:27;height:12px;transform:var(--angle);transform-origin:0 50%;background:linear-gradient(90deg,#fff,#eafaff 16%,#8ddfff 48%,#4077ff 83%,transparent);box-shadow:0 0 7px #fff,0 0 17px #88e7ff,0 0 34px #426bff;animation:brown-bess-sniper-beam .28s ease-out forwards;pointer-events:none}.fx-brown-bess-scope{position:absolute;z-index:37;width:68px;height:68px;margin:-34px;border:1px solid #ff485d;border-radius:50%;background:linear-gradient(transparent calc(50% - .5px),#ff455c calc(50% - .5px) 50%,transparent 50%),linear-gradient(90deg,transparent calc(50% - .5px),#ff455c calc(50% - .5px) 50%,transparent 50%),radial-gradient(circle,transparent 49%,#ff445533 50% 52%,transparent 53%);box-shadow:0 0 7px #ff263f,0 0 17px #ed112f66;animation:brown-bess-scope-lock .35s ease-in-out infinite alternate;pointer-events:none}.enemy-unit.brown-bess-locked,.boss-unit.brown-bess-locked{filter:brightness(1.28) drop-shadow(0 0 6px #ff4058) drop-shadow(0 0 14px #e32045)}@keyframes brown-bess-charge{from{opacity:.74}to{opacity:1}}@keyframes brown-bess-beam{from{opacity:.15}to{opacity:1}}@keyframes brown-bess-sniper-beam{0%{opacity:.2;filter:brightness(1.7)}22%,84%{opacity:1}100%{opacity:0}}@keyframes brown-bess-scope-lock{from{opacity:.55;transform:scale(.86)}to{opacity:1;transform:scale(1.06)}}
.ship-topview.pandora-topview{width:76px;height:150px;overflow:visible;filter:drop-shadow(0 8px 9px #000d) drop-shadow(0 0 8px #ff9c4f88)}
.ship-topview.pandora-topview img{position:absolute;left:50%;top:50%;display:block;width:76px;height:150px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}
.ship-topview.pandora-topview::after{display:none}
.ship-topview.yamato-topview .battlecruiser-fx .bc-thruster{bottom:8px}
.ally-unit.pandora-unit{z-index:16}.fx-missile.pandora-missile{z-index:22;width:7px;height:28px;margin:-14px 0 0 -3.5px;background:linear-gradient(90deg,#291f1a 0 14%,#e2e6e8 22% 36%,#ffae45 43% 57%,#f2f5f5 64% 78%,#251d1b 86%);border-color:#ffe6ba;box-shadow:0 0 5px #fff,0 0 13px #ff8a34,0 0 22px #ff3d1d}.fx-missile.pandora-missile::after{background:linear-gradient(#fff8c6,#ffca55 42%,#ff4b20 76%,transparent)}
.fx-missile.pandora-heavy-missile{z-index:23;width:12px;height:38px;margin:-19px 0 0 -6px;background:linear-gradient(90deg,#1c1920 0 12%,#e4e9ed 20% 33%,#ffdf78 42% 58%,#f3f6fa 67% 80%,#211a1d 88%);border-color:#fff0bd;box-shadow:0 0 7px #fff,0 0 18px #ffb13b,0 0 30px #ff321f}.fx-missile.pandora-heavy-missile::after{height:18px;bottom:-16px;background:linear-gradient(#fffbd2,#ffd047 40%,#ff3c1c 75%,transparent)}
.ally-unit.pandora-missile-firing .pandora-topview{filter:brightness(1.35) drop-shadow(0 0 10px #ffe6a2) drop-shadow(0 0 20px #ff6b2c)}.ally-unit.pandora-main-charging .pandora-topview{filter:brightness(1.55) drop-shadow(0 0 11px #fff0c2) drop-shadow(0 0 28px #ff5c28);animation:pandora-charge-pulse .28s ease-in-out infinite alternate}
.enemy-unit.pandora-burning,.boss-unit.pandora-burning{filter:brightness(1.22) saturate(1.35) drop-shadow(0 0 5px #ffab42) drop-shadow(0 0 13px #ff3e1e)}
@keyframes pandora-charge-pulse{from{transform:scale(1)}to{transform:scale(1.035)}}
.fx-missile.pandora-missile{animation-duration:420ms}
.fx-missile.pandora-torpedo{width:10px;height:32px;margin:-16px 0 0 -5px;border-color:#c3fbff;background:linear-gradient(90deg,#142b44,#8af1ff 30%,#fff 50%,#4ed8ff 70%,#142b44);box-shadow:0 0 8px #e8ffff,0 0 20px #38dcff,0 0 32px #288fff;animation-duration:650ms}
.fx-missile.pandora-torpedo::after{background:linear-gradient(#fff,#8cf8ff 38%,#328eff 70%,transparent)}
.fx-line.pandora-laser{z-index:25;height:5px;transform:var(--angle);transform-origin:0 50%;background:linear-gradient(90deg,#fff,#d4f9ff 30%,#79bfff 76%,transparent);box-shadow:0 0 6px #fff,0 0 15px #73ceff;animation:helios-laser .19s ease-out forwards}
.fx-line.pandora-hope-laser{z-index:28;height:12px;transform:var(--angle);transform-origin:0 50%;background:linear-gradient(90deg,#fff,#e0faff 20%,#8ee5ff 54%,#6689ff 82%,transparent);box-shadow:0 0 8px #fff,0 0 19px #90dfff,0 0 32px #5c78ff;animation:pandora-hope-pulse .16s ease-in-out infinite alternate;pointer-events:none}
.ally-unit.pandora-main-charging .pandora-topview{filter:brightness(1.48) drop-shadow(0 0 11px #ddffff) drop-shadow(0 0 26px #35d5ff)}
.ally-unit.pandora-main-charging .pandora-topview::before{content:"";display:block;position:absolute;z-index:5;left:50%;top:3%;width:16px;height:16px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 16%,#9bffff 38%,#3b9fff 65%,transparent 72%);box-shadow:0 0 8px #fff,0 0 18px #5edfff;animation:pandora-hope-pulse .22s ease-in-out infinite alternate;pointer-events:none}
@keyframes pandora-hope-pulse{from{opacity:.67;filter:brightness(.85)}to{opacity:1;filter:brightness(1.35)}}
.fx-pandora-electric-field{position:absolute;z-index:28;width:90px;height:90px;margin:-45px 0 0 -45px;overflow:hidden;border:2px solid #a9faff;border-radius:50%;background:radial-gradient(circle,#dfffff55 0 12%,#39dcff55 30%,#1566cd44 62%,transparent 70%);box-shadow:inset 0 0 12px #d9ffff,0 0 9px #e5ffff,0 0 22px #32bfff;pointer-events:none;animation:pandora-electric-field 1.5s ease-out forwards}
.fx-pandora-electric-field::before,.fx-pandora-electric-field::after{content:"";position:absolute;inset:7px;border:1px solid #b6ffff;border-radius:50%;box-shadow:0 0 8px #7af6ff;animation:pandora-electric-ring .33s ease-in-out infinite alternate}.fx-pandora-electric-field::after{inset:20px;animation-delay:-.16s}
.fx-pandora-electric-field>i{position:absolute;left:50%;top:50%;width:38px;height:4px;transform-origin:0 50%;background:linear-gradient(90deg,#fff,#a0faff 32%,#328eff 75%,transparent);box-shadow:0 0 5px #fff,0 0 10px #40cfff;clip-path:polygon(0 0,20% 45%,37% 0,57% 65%,78% 15%,100% 60%,100% 100%,75% 65%,55% 100%,35% 40%,18% 100%,0 55%);animation:pandora-electric-arc .22s steps(2,end) infinite alternate}
.fx-pandora-electric-field>i:nth-child(1){transform:rotate(8deg);animation-delay:-.02s}.fx-pandora-electric-field>i:nth-child(2){transform:rotate(68deg);animation-delay:-.13s}.fx-pandora-electric-field>i:nth-child(3){transform:rotate(128deg);animation-delay:-.07s}.fx-pandora-electric-field>i:nth-child(4){transform:rotate(188deg);animation-delay:-.19s}.fx-pandora-electric-field>i:nth-child(5){transform:rotate(248deg);animation-delay:-.1s}.fx-pandora-electric-field>i:nth-child(6){transform:rotate(308deg);animation-delay:-.16s}
@keyframes pandora-electric-field{0%{opacity:0;transform:scale(.52)}12%,78%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}@keyframes pandora-electric-ring{from{opacity:.28;filter:brightness(.8)}to{opacity:1;filter:brightness(1.6)}}@keyframes pandora-electric-arc{from{opacity:.35;filter:brightness(.8)}to{opacity:1;filter:brightness(1.8)}}
.ship-topview.varyag-topview{width:76px;height:150px;overflow:visible;filter:drop-shadow(0 8px 9px #000d) drop-shadow(0 0 8px #61bfff88)}.ship-topview.varyag-topview img{position:absolute;left:50%;top:50%;display:block;width:76px;height:150px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ship-topview.varyag-topview::after{display:none}.ship-topview.varyag-topview .turtle-twin-thrusters .bc-thruster{bottom:0}.ally-unit.varyag-unit{z-index:16}.ally-unit.varyag-missile-firing .varyag-topview{filter:brightness(1.36) drop-shadow(0 0 8px #fff1bf) drop-shadow(0 0 20px #ff9b32)}.ally-unit.varyag-drone-launching .varyag-topview{filter:brightness(1.48) saturate(1.22) drop-shadow(0 0 9px #dff7ff) drop-shadow(0 0 24px #54b8ff);animation:varyag-drone-launch-pulse .25s ease-in-out infinite alternate}.fx-missile.varyag-missile{z-index:23;width:7px;height:25px;margin:-13px 0 0 -3.5px;background:linear-gradient(90deg,#172131 0 13%,#cce7f7 23% 35%,#ffb847 44% 56%,#e8f5ff 66% 79%,#172130 87%);border-color:#e5f6ff;box-shadow:0 0 5px #fff,0 0 13px #67bfff,0 0 22px #ff9e35}.fx-missile.varyag-missile::after{background:linear-gradient(#f2ffff,#72caff 40%,#ff9c32 75%,transparent)}.fx-varyag-suicide-drone{position:absolute;z-index:28;width:33px;height:33px;margin:-16px;background:url("varyag-suicide-drone.png") center/contain no-repeat;filter:drop-shadow(0 0 3px #e4f7ff) drop-shadow(0 0 9px #4ab8ff);transform-origin:50% 50%;pointer-events:none}.fx-varyag-suicide-drone::after{content:"";position:absolute;z-index:-1;left:50%;top:65%;width:9px;height:20px;transform:translateX(-50%);background:linear-gradient(#cfffff,#47c8ff 42%,transparent);filter:blur(1px);opacity:.82}.fx-line.varyag-tracking-laser{z-index:27;height:1px;transform:var(--angle);transform-origin:0 50%;background:linear-gradient(90deg,#ffbdc2,#ff2938 22%,#e50020 72%,#8d0015);box-shadow:0 0 2px #ff344b,0 0 5px #d90020;animation:varyag-laser-track .18s ease-in-out infinite alternate;pointer-events:none}@keyframes varyag-laser-track{from{opacity:.76}to{opacity:1}}@keyframes varyag-drone-launch-pulse{from{opacity:.76}to{opacity:1}}
.ship-topview.deimos-topview{width:54px;height:112.5px;overflow:visible;filter:drop-shadow(0 6px 7px #000d) drop-shadow(0 0 6px #679bdb88)}
.ally-unit.varyag-last-stand{z-index:19}.ally-unit.varyag-last-stand .varyag-topview{filter:brightness(1.4) drop-shadow(0 0 10px #fff6da) drop-shadow(0 0 25px #ff533d);animation:varyag-last-stand-pulse .38s ease-in-out infinite alternate}.ally-unit.varyag-last-stand .ally-health i{background:#ff654c;box-shadow:0 0 9px #ff3d35}@keyframes varyag-last-stand-pulse{from{opacity:.76}to{opacity:1}}
.fx-varyag-splash{position:absolute;z-index:27;width:96px;height:96px;margin:-48px 0 0 -48px;border:2px solid #ffca88;border-radius:50%;background:radial-gradient(circle,#fff6d9aa 0 8%,#ff9a4c88 20%,#ff542944 43%,transparent 68%);box-shadow:0 0 14px #ff9e5f,0 0 25px #ff512c;pointer-events:none;animation:varyag-splash .38s ease-out forwards}@keyframes varyag-splash{from{opacity:.9;transform:scale(.28)}to{opacity:0;transform:scale(1)}}
.ship-topview.deimos-topview img{position:absolute;left:50%;top:50%;display:block;width:54px;height:112.5px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center;mix-blend-mode:screen}
.deimos-star-thruster .bc-thruster{width:28px;height:24px;bottom:-3px}
.ship-topview.deimos-topview::after{display:none}.ally-unit.deimos-unit{z-index:16}.ally-unit.deimos-shotgun-firing .deimos-topview{filter:brightness(1.35) drop-shadow(0 0 9px #fff2dc) drop-shadow(0 0 22px #ff8b42);animation:deimos-shotgun-pulse .2s ease-in-out infinite alternate}
.iowa-muzzle-flash.deimos-cannon-muzzle-flash{width:14px;height:9px;margin:-4px 0 0 -7px;background:radial-gradient(ellipse at 50% 50%,#fff 0 9%,#ffe9ad 22%,#ffaf35 45%,#f34b24 65%,transparent 78%);filter:drop-shadow(0 0 4px #ffbe52) drop-shadow(0 0 10px #ff5a2b)}
.fx-line.deimos-shotgun-beam{z-index:23;height:5px;background:linear-gradient(90deg,#fff7e0,#ffd58e 28%,#ff7a2f 62%,transparent);box-shadow:0 0 6px #fff,0 0 15px #ff9d3e,0 0 27px #ef3d22;animation:deimos-shotgun-beam .25s var(--shotgun-delay,0ms) ease-out forwards}
.fx-deimos-shotgun-art{position:absolute;z-index:24;width:160px;height:400px;margin:-400px 0 0 -80px;transform-origin:50% 100%;transform:rotate(var(--shotgun-art-angle)) scale(.04);pointer-events:none;animation:deimos-shotgun-art-open 1s ease-out forwards;mix-blend-mode:screen}
.fx-deimos-shotgun-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px #ff9c37)}
.enemy-unit.deimos-knockback,.boss-unit.deimos-knockback{filter:brightness(1.5) drop-shadow(0 0 7px #ffb85a);animation:deimos-knockback .28s ease-out}
@keyframes deimos-shotgun-pulse{from{opacity:.78}to{opacity:1}}@keyframes deimos-shotgun-beam{0%{opacity:0;transform:var(--angle) scaleX(.08)}18%{opacity:1}100%{opacity:0;transform:var(--angle) scaleX(1)}}@keyframes deimos-knockback{from{filter:brightness(1.75) drop-shadow(0 0 12px #fff0b3)}to{filter:brightness(1) drop-shadow(0 0 0 transparent)}}
@keyframes deimos-shotgun-art-open{0%{opacity:.65;transform:rotate(var(--shotgun-art-angle)) scale(.04)}5%{opacity:1;transform:rotate(var(--shotgun-art-angle)) scale(1)}20%{opacity:.9}100%{opacity:0;transform:rotate(var(--shotgun-art-angle)) scale(1)}}
.ship-topview.uranus-topview{width:52.5px;height:117px;overflow:visible;filter:drop-shadow(0 6px 7px #000d) drop-shadow(0 0 6px #e64a5388)}
.ship-topview.uranus-topview img{position:absolute;left:50%;top:50%;display:block;width:52.5px;height:117px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center;mix-blend-mode:screen}
.ship-topview.uranus-topview::after{display:none}.ally-unit.uranus-unit{z-index:16}.ally-unit.uranus-barrage-firing .uranus-topview{filter:brightness(1.5) drop-shadow(0 0 10px #fff0c8) drop-shadow(0 0 25px #ff6240);animation:uranus-barrage-pulse .22s ease-in-out infinite alternate}
.iowa-muzzle-flash.uranus-cannon-muzzle-flash{width:13px;height:9px;margin:-4px 0 0 -6px;background:radial-gradient(ellipse at 50% 50%,#fff 0 9%,#ffe9ad 22%,#ffb239 45%,#f24829 65%,transparent 78%);filter:drop-shadow(0 0 4px #ffbd5a) drop-shadow(0 0 10px #f44a30)}
.iowa-muzzle-flash.uranus-barrage-muzzle-flash{width:17px;height:12px;margin:-6px 0 0 -8px;background:radial-gradient(ellipse at 50% 50%,#fff 0 9%,#ffe8b0 21%,#ffac32 44%,#f03f28 64%,transparent 79%);filter:drop-shadow(0 0 5px #ffe2a2) drop-shadow(0 0 14px #ff4a2c)}
.fx-line.uranus-barrage-shot{z-index:23;height:3px;background:linear-gradient(90deg,#fff7dd,#ffd27d 22%,#ff7d32 56%,#ef332d 78%,transparent);box-shadow:0 0 5px #fff,0 0 13px #ffa347,0 0 23px #f0392c;animation:uranus-barrage-shot .22s ease-out forwards}
@keyframes uranus-barrage-pulse{from{opacity:.8}to{opacity:1}}@keyframes uranus-barrage-shot{0%{opacity:0;transform:var(--angle) scaleX(.08)}16%{opacity:1}100%{opacity:0;transform:var(--angle) scaleX(1)}}
.ship-topview.spear-topview{width:54px;height:120px;overflow:visible;filter:drop-shadow(0 8px 9px #000d) drop-shadow(0 0 8px #b9dcff88)}
.ship-topview.spear-topview img{position:absolute;left:50%;top:50%;display:block;width:54px;height:120px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center;mix-blend-mode:screen}
.ship-topview.spear-topview::after{display:none}.ally-unit.spear-unit{z-index:16}.ally-unit.spear-volley-firing .spear-topview{filter:brightness(1.55) drop-shadow(0 0 10px #effaff) drop-shadow(0 0 23px #58bfff);animation:spear-volley-pulse .16s ease-in-out infinite alternate}
.fx-line.spear-laser{z-index:22;height:3px;background:linear-gradient(90deg,#fff,#d9f8ff 22%,#71c6ff 57%,#2b6eff 80%,transparent);box-shadow:0 0 5px #fff,0 0 13px #79d5ff,0 0 24px #377aff;animation:spear-laser .22s ease-out forwards}.fx-line.spear-volley-laser{height:4px;background:linear-gradient(90deg,#fff,#ebfbff 18%,#78dcff 52%,#2274ff 78%,transparent);box-shadow:0 0 7px #fff,0 0 17px #6fd8ff,0 0 30px #2464ff}
@keyframes spear-volley-pulse{from{opacity:.76}to{opacity:1}}@keyframes spear-laser{0%{opacity:0;transform:var(--angle) scaleX(.08)}18%{opacity:1}100%{opacity:0;transform:var(--angle) scaleX(1)}}
.ship-topview.blade-topview{width:68px;height:128px;overflow:visible;filter:drop-shadow(0 7px 8px #000d) drop-shadow(0 0 7px #d4ecff99)}
.ship-topview.blade-topview img{position:absolute;left:50%;top:50%;display:block;width:68px;height:128px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center;mix-blend-mode:screen}
.ship-topview.blade-topview::after{display:none}.ally-unit.blade-unit{z-index:16}.ally-unit.blade-piercing-firing .blade-topview{filter:brightness(1.32) drop-shadow(0 0 9px #effaff) drop-shadow(0 0 22px #5ab9ff)}.ally-unit.blade-main-firing .blade-topview{filter:brightness(1.62) drop-shadow(0 0 12px #fff) drop-shadow(0 0 29px #79bfff);animation:blade-main-pulse .2s ease-in-out infinite alternate}
.fx-line.blade-piercing-laser{z-index:23;height:3px;transform:var(--angle);background:linear-gradient(90deg,#fff,#dff7ff 17%,#78ceff 48%,#367fff 75%,transparent);box-shadow:0 0 5px #fff,0 0 14px #82d8ff,0 0 28px #3b82ff;animation:blade-beam-flicker .18s ease-in-out infinite alternate}.fx-line.blade-main-piercing-laser{z-index:24;height:4px;transform:var(--angle);background:linear-gradient(90deg,#fff,#effcff 14%,#a5e3ff 39%,#5687ff 70%,transparent);box-shadow:0 0 7px #fff,0 0 18px #a2e6ff,0 0 34px #4d7dff;animation:blade-beam-flicker .14s ease-in-out infinite alternate}
.fx-line.blade-aux-piercing-laser{z-index:24;height:2px;transform:var(--angle);background:linear-gradient(90deg,#fff,#e3ffff 18%,#8ff5ff 48%,#55aaff 76%,transparent);box-shadow:0 0 4px #fff,0 0 10px #79efff,0 0 20px #459cff;animation:blade-beam-flicker .16s ease-in-out infinite alternate}
@keyframes blade-main-pulse{from{opacity:.8}to{opacity:1}}@keyframes blade-beam-flicker{from{opacity:.7}to{opacity:1}}
.fx-bigeok.attached{z-index:28;transition:none}.iowa-muzzle-flash.supanokseon-side-muzzle-flash{width:13px;height:20px;margin:-10px 0 0 -6.5px;background:radial-gradient(ellipse at 50% 18%,#fff 0 10%,#ffe9aa 23%,#ffad34 45%,#f24b24 66%,transparent 78%)}
.ship-topview.omega-topview{width:76.5px;height:122.4px;overflow:visible;filter:drop-shadow(0 8px 9px #000d) drop-shadow(0 0 8px #ff6b4e88)}
.ship-topview.omega-topview img{position:absolute;left:50%;top:50%;display:block;width:76.5px;height:122.4px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}
.ally-unit.omega-unit{z-index:16}.fx-line.omega-piercing-laser{z-index:23;height:4px;background:linear-gradient(90deg,#fff5e8,#ffd0ae 22%,#ff6348 52%,#d31035 78%,transparent);box-shadow:0 0 7px #fff,0 0 16px #ff754d,0 0 28px #d91435;animation:omega-piercing-laser 3s linear forwards}.fx-line.omega-focus-laser{z-index:24;height:3px;background:linear-gradient(90deg,#fff,#ffe7cb 18%,#ff7050 45%,#ef173a 72%,transparent);box-shadow:0 0 7px #fff,0 0 16px #ff7451,0 0 30px #d70b37;animation:omega-focus-laser 3s linear forwards}.ally-unit.omega-piercing-firing .omega-topview{filter:brightness(1.35) drop-shadow(0 0 10px #ffe5c9) drop-shadow(0 0 21px #ff5035)}.ally-unit.omega-focus-firing .omega-topview{filter:brightness(1.7) drop-shadow(0 0 13px #fff0d7) drop-shadow(0 0 31px #ff4134);animation:omega-focus-pulse .22s ease-in-out infinite alternate}@keyframes omega-piercing-laser{0%{opacity:0;transform:var(--angle) scaleX(.08)}5%,92%{opacity:.93;transform:var(--angle) scaleX(1)}100%{opacity:0;transform:var(--angle) scaleX(1)}}@keyframes omega-focus-laser{0%{opacity:0;transform:var(--angle) scaleX(.05)}6%,94%{opacity:1;transform:var(--angle) scaleX(1)}100%{opacity:0;transform:var(--angle) scaleX(1)}}@keyframes omega-focus-pulse{from{transform:scale(.98)}to{transform:scale(1.04)}}
.fx-explosion.omega-focus-blast{z-index:29;width:58px;height:58px;margin:-29px;background:radial-gradient(circle,rgba(255,255,255,.98) 0 7%,rgba(255,219,174,.95) 14%,rgba(255,104,67,.88) 30%,rgba(236,29,61,.68) 48%,rgba(105,20,55,.22) 68%,transparent 74%);box-shadow:0 0 12px #fff,0 0 28px #ff754a,0 0 46px #ec1d55;animation:omega-focus-blast .48s ease-out forwards;pointer-events:none}@keyframes omega-focus-blast{0%{opacity:1;transform:scale(.28)}45%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.2)}}
.ship-topview.ironfist-topview{width:82px;height:132px;overflow:visible;filter:drop-shadow(0 8px 9px #000d) drop-shadow(0 0 8px #8ed6ff88)}.ship-topview.ironfist-topview img{position:absolute;left:50%;top:50%;display:block;width:82px;height:132px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ally-unit.ironfist-unit{z-index:16}.ally-unit.ironfist-main-firing .ironfist-topview{filter:brightness(1.38) drop-shadow(0 0 11px #e7f8ff) drop-shadow(0 0 25px #62bfff);animation:ironfist-pulse .2s ease-in-out infinite alternate}.iowa-muzzle-flash.ironfist-cannon-muzzle-flash{width:12px;height:19px;margin:-9px 0 0 -6px;background:radial-gradient(ellipse at 50% 15%,#fff 0 9%,#e9f7ff 21%,#8ccaff 43%,#4d79d8 64%,transparent 80%);filter:drop-shadow(0 0 4px #effaff) drop-shadow(0 0 11px #5a9fff)}.iowa-muzzle-flash.ironfist-main-muzzle-flash{width:19px;height:25px;margin:-12px 0 0 -9.5px;background:radial-gradient(ellipse at 50% 14%,#fff 0 10%,#dff5ff 19%,#6bb8ff 43%,#2d59c9 64%,transparent 80%);filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 14px #4ca7ff)}.fx-missile.ironfist-missile{z-index:23;width:7px;height:23px;margin:-11px 0 0 -3.5px;border-color:#dff5ff;background:linear-gradient(90deg,#1b2e4a 0 18%,#86c7ff 29% 43%,#fff 50% 57%,#4a8ee7 71% 84%,#11233e);box-shadow:0 0 5px #effaff,0 0 14px #4d9bff;filter:drop-shadow(0 0 3px #79c8ff);animation-duration:.45s}@keyframes ironfist-pulse{from{transform:scale(1)}to{transform:scale(1.035)}}
.frigate-wave.skill-radiation{border-color:#c8ff68;box-shadow:0 0 15px #9dff38,0 0 32px #4cff2d;background:radial-gradient(circle,#efffc866,transparent 62%);animation:frigate-wave 1.1s ease-out forwards}.enemy-unit.radiation-marked,.boss-unit.radiation-marked,.enemy-unit.science-radiation-marked,.boss-unit.science-radiation-marked{filter:brightness(1.3) saturate(1.35) drop-shadow(0 0 5px #b7ff4b) drop-shadow(0 0 14px #55d52c)}.fx-science-radiation-cloud{position:absolute;z-index:8;left:50%;top:50%;width:78px;height:53px;transform:translate(-50%,-50%) scale(.18);transform-origin:center;background:url("science-drone-radiation.png") center/contain no-repeat;mix-blend-mode:screen;filter:brightness(1.18) saturate(1.32) drop-shadow(0 0 5px #b3ff43);opacity:0;pointer-events:none;animation:science-radiation-contaminate 3s cubic-bezier(.16,.67,.24,1) forwards}.boss-unit .fx-science-radiation-cloud{width:164px;height:112px}.fx-science-radiation-cloud.dispersing{animation:science-radiation-disperse .44s ease-in forwards}@keyframes science-radiation-contaminate{0%{opacity:0;transform:translate(-50%,-50%) scale(.16);filter:brightness(1.8) saturate(1.55) blur(3px)}18%{opacity:.94;transform:translate(-50%,-50%) scale(.72);filter:brightness(1.42) saturate(1.38) blur(.6px)}54%{opacity:.82;transform:translate(-50%,-50%) scale(1.1) rotate(2deg)}78%{opacity:.68;transform:translate(-50%,-50%) scale(1.18) rotate(-2deg)}100%{opacity:.56;transform:translate(-50%,-50%) scale(1.25) rotate(1deg)}}@keyframes science-radiation-disperse{from{opacity:.56;transform:translate(-50%,-50%) scale(1.25)}to{opacity:0;transform:translate(-50%,-50%) scale(1.58);filter:brightness(1.5) blur(4px)}}.fx-explosion.radiation{background:#dcff9c;box-shadow:0 0 8px #f5ffbd,0 0 22px #a7ff45,0 0 38px #43c72d}.ally-shield.science-drone-shield{z-index:16;inset:-7px -7px 7px;border:2px solid #73cfff;border-radius:44%;background:radial-gradient(ellipse,#3aaeff16,transparent 67%);box-shadow:inset 0 0 10px #a5efff66,0 0 8px #65d5ff,0 0 19px #267aff;animation:science-drone-shield-pulse .78s ease-in-out infinite alternate}.ally-unit.science-drone-shielded .ship-topview{filter:drop-shadow(0 0 3px #e4fbff) drop-shadow(0 0 10px #2d9cff)}.enemy-unit.science-drone-emp-stunned,.boss-unit.science-drone-emp-stunned{filter:brightness(1.5) hue-rotate(110deg) drop-shadow(0 0 8px #83efff) drop-shadow(0 0 17px #446dff)}@keyframes science-drone-shield-pulse{from{opacity:.63;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}
.fx-lepanto-strike-ship{transition:left 2s cubic-bezier(.18,.75,.24,1),top 2s cubic-bezier(.18,.75,.24,1),opacity 2s ease,transform 2s ease}.fx-lepanto-strike-ship.leaving{opacity:0;transform:scale(.82);filter:brightness(1.35) blur(1px)}.fx-orb.lepanto-cannon-shell{z-index:43;width:9px;height:9px;margin:-4.5px;border:1px solid #ffe6a0;background:radial-gradient(circle at 32% 28%,#fff9cf 0 10%,#ffd15a 24%,#b66c1e 62%,#38200d 100%);box-shadow:0 0 3px #fff3b0,0 0 8px #ffb13b,0 0 13px #c75619;animation:fx-orb .24s linear forwards}
.fx-lepanto-strike-ship{opacity:1;transform:scale(1);filter:none;transition:left 2s cubic-bezier(.18,.75,.24,1),top 2s cubic-bezier(.18,.75,.24,1)}.fx-lepanto-strike-ship.entered{opacity:1;transform:scale(1)}.fx-lepanto-strike-ship.leaving{opacity:1;transform:scale(1);filter:none}
.fx-celestial-shield-ship{opacity:1;transform:rotate(-78deg) scale(.95);transition:left 2.4s cubic-bezier(.22,.64,.38,.96),top 2.4s cubic-bezier(.22,.64,.38,.96),opacity .2s ease,transform 2.4s cubic-bezier(.22,.64,.38,.96)}.fx-celestial-shield-ship.entered{opacity:1;transform:rotate(0deg) scale(1)}.fx-celestial-shield-ship.leaving{opacity:1;transform:rotate(-34deg) scale(.95);filter:none}
.ally-unit.tank-unit{z-index:16}.ship-topview.tank-topview{width:82px;height:148px;overflow:visible;filter:drop-shadow(0 8px 9px #000d) drop-shadow(0 0 8px #ffca6a66)}.ship-topview.tank-topview img{position:absolute;left:50%;top:50%;display:block;width:82px;height:148px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ship-topview.tank-topview::after{display:none}.ship-topview.tank-topview .turtle-twin-thrusters .bc-thruster{bottom:0}.iowa-muzzle-flash.tank-cannon-muzzle-flash{width:13px;height:20px;margin:-10px 0 0 -6px;background:radial-gradient(ellipse at 50% 16%,#fff9da 0 9%,#ffe09a 20%,#ffae3d 45%,#b64a1c 66%,transparent 80%);filter:drop-shadow(0 0 4px #fff0b4) drop-shadow(0 0 11px #ff8435)}.ally-unit.tank-petrified .tank-topview{filter:grayscale(.72) sepia(.42) brightness(1.32) drop-shadow(0 0 8px #e3c58a) drop-shadow(0 0 21px #93784d);animation:tank-petrification-pulse .45s ease-in-out infinite alternate}.ally-unit.tank-immune::before{content:"";position:absolute;z-index:4;inset:-17px -13px 2px;border:2px solid #ead7a0;border-radius:46%;background:radial-gradient(ellipse,#f6e9c41c,transparent 67%);box-shadow:inset 0 0 17px #fff2c777,0 0 11px #f1d38a,0 0 27px #9f7d49;pointer-events:none}.enemy-unit.tank-taunted,.boss-unit.tank-taunted{filter:brightness(1.3) saturate(1.18) drop-shadow(0 0 6px #ffcf5c) drop-shadow(0 0 16px #e68d24)}.enemy-unit.tank-taunted::after,.boss-unit.tank-taunted::after{content:"도발";position:absolute;left:50%;top:-13px;transform:translateX(-50%);color:#ffe6a0;font:900 6px/1 var(--font-body);text-shadow:0 0 5px #fff,0 0 10px #ef9d27;white-space:nowrap}@keyframes tank-petrification-pulse{from{opacity:.78}to{opacity:1}}
.ally-unit.tank-petrified .tank-topview{filter:drop-shadow(0 0 5px #edc85e) drop-shadow(0 0 15px #9c7628);animation:none}.ally-unit.tank-petrified .tank-topview::before{content:"";position:absolute;z-index:1;inset:0;background:url("tank-battle-topview.png") center/contain no-repeat;filter:brightness(0) sepia(1) saturate(4) hue-rotate(2deg) drop-shadow(0 0 5px #fff1a7) drop-shadow(0 0 15px #f5ba35) drop-shadow(0 0 27px #b56d13);opacity:.9;transform:scale(1.055);transform-origin:center;animation:tank-golden-silhouette-pulse .58s ease-in-out infinite alternate;pointer-events:none}.ally-unit.tank-petrified .tank-topview img{z-index:2}@keyframes tank-golden-silhouette-pulse{from{opacity:.48;transform:scale(1.035)}to{opacity:1;transform:scale(1.085)}}
.ally-unit.tank-immune::before{display:none}.fx-celestial-shield-oval,.fx-celestial-shield-oval::before{border-color:transparent}
.ship-topview.tank-topview::after{display:block}
.ally-unit.tank-petrified .tank-topview{filter:grayscale(.72) sepia(.2) brightness(1.08);animation:none}
.ally-unit.tank-petrified .tank-topview::before{filter:brightness(0) invert(1);opacity:.32;transform:none;animation:tank-white-silhouette-pulse .58s ease-in-out infinite alternate}
.ally-unit.tank-petrified .tank-topview img{filter:grayscale(1) brightness(1.28) contrast(.92)}
.enemy-unit.tank-electrified,.boss-unit.tank-electrified{filter:hue-rotate(155deg)}
.enemy-unit.tank-taunted,.boss-unit.tank-taunted{filter:sepia(.32) saturate(1.18) hue-rotate(342deg)}
.enemy-unit.tank-taunted::after,.boss-unit.tank-taunted::after{text-shadow:none}
@keyframes tank-white-silhouette-pulse{from{opacity:.22}to{opacity:.42}}
.ally-unit.dozer-unit{z-index:16}.ship-topview.dozer-topview{width:78px;height:148px;overflow:visible;filter:drop-shadow(0 8px 9px #000d) drop-shadow(0 0 8px #b6d9ff77)}.ship-topview.dozer-topview img{position:absolute;left:50%;top:50%;display:block;width:78px;height:148px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ship-topview.dozer-topview::after{display:none}.ship-topview.dozer-topview .turtle-twin-thrusters{z-index:0}.ship-topview.dozer-topview .turtle-twin-thrusters .bc-thruster{width:18px;height:22px;bottom:-1px;animation:dozer-thruster-pulse .36s ease-in-out infinite alternate}.ship-topview.dozer-topview .turtle-twin-thrusters .bc-thruster:first-child{left:calc(50% - 12px)}.ship-topview.dozer-topview .turtle-twin-thrusters .bc-thruster:last-child{left:calc(50% + 12px);animation-delay:.18s}.iowa-muzzle-flash.dozer-cannon-muzzle-flash{width:14px;height:9px;margin:-4px 0 0 -7px;background:radial-gradient(ellipse at 50% 50%,#fff 0 10%,#ffe6a9 22%,#ffad35 45%,#f04722 65%,transparent 79%);filter:drop-shadow(0 0 4px #ffbf58) drop-shadow(0 0 11px #ff522d)}.ally-unit.dozer-evasive .dozer-topview{filter:brightness(1.42) drop-shadow(0 0 8px #e8f8ff) drop-shadow(0 0 20px #53aeff);animation:dozer-evasion-shift .3s ease-in-out infinite alternate}.ally-unit.dozer-evasive::before{content:"회피기동";position:absolute;z-index:18;left:50%;top:-15px;transform:translateX(-50%);color:#bdeeff;font:900 6px/1 var(--font-body);letter-spacing:.08em;text-shadow:0 0 5px #fff,0 0 12px #3bafff;white-space:nowrap}@keyframes dozer-thruster-pulse{from{transform:translateX(-50%) scaleY(.62);opacity:.48}to{transform:translateX(-50%) scaleY(1.22);opacity:1}}@keyframes dozer-evasion-shift{from{transform:translateX(-2px) scale(1)}to{transform:translateX(2px) scale(1.025)}}
.ship-topview.bangpaeseon-battle-topview::after{display:none}
.ship-topview.fury-topview .bc-thruster{width:36px;height:46px;bottom:-5px;border-radius:0;clip-path:polygon(50% 100%,0 0,50% 16%,100% 0);background:linear-gradient(180deg,#edffff 0 10%,#9eefff 24%,#3da7de 53%,#0b3f83aa 76%,transparent);box-shadow:none;filter:drop-shadow(0 0 5px #48dfff) drop-shadow(0 0 12px #207fbd);transform-origin:50% 0}
.brown-bess-twin-thrusters{z-index:0;inset:0;transform:none;pointer-events:none}
.brown-bess-twin-thrusters .bc-thruster{width:9px;height:12px;bottom:-1px;background:radial-gradient(ellipse at 50% 12%,#edffff 0 8%,#9eefff 19%,#3da7de 43%,#0b3f8388 64%,transparent 76%);box-shadow:0 1px 4px #48dfff38,0 3px 8px #207fbd24;filter:blur(.35px);animation:brown-bess-thruster-pulse .48s ease-in-out infinite alternate;transform-origin:50% 0}
.brown-bess-twin-thrusters .bc-thruster:first-child{left:18px}.brown-bess-twin-thrusters .bc-thruster:last-child{left:52px;animation-delay:0s!important}
@keyframes brown-bess-thruster-pulse{from{transform:translateX(-50%) scaleY(.7);opacity:.48}to{transform:translateX(-50%) scaleY(1.12);opacity:.9}}
.ship-topview.dozer-topview .turtle-twin-thrusters .bc-thruster:first-child,.ship-topview.dozer-topview .turtle-twin-thrusters .bc-thruster:last-child{animation-delay:0s!important}
.ally-unit.angela-unit{z-index:16}.ship-topview.angela-topview{width:84px;height:156px;overflow:visible;filter:drop-shadow(0 8px 9px #000d) drop-shadow(0 0 8px #f1d79588)}.ship-topview.angela-topview img{position:absolute;left:50%;top:50%;display:block;width:84px;height:156px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.iowa-muzzle-flash.angela-cannon-muzzle-flash{width:15px;height:20px;margin:-10px 0 0 -7px;background:radial-gradient(ellipse at 50% 16%,#fff 0 9%,#fff0be 21%,#ffd15a 45%,#e57725 66%,transparent 80%);filter:drop-shadow(0 0 4px #fff1b1) drop-shadow(0 0 12px #ffb13c)}.ally-shield.angela-wing-shield{display:none}.ally-unit.angel-wing-blessing::before{content:"";position:absolute;z-index:17;left:50%;top:50%;width:380px;height:208px;background:url("angela-wings.png") center/contain no-repeat;transform:translate(-50%,-50%);filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px #a9c9ff);pointer-events:none}.enemy-unit.angela-taunted,.boss-unit.angela-taunted{filter:brightness(1.28) saturate(1.15) drop-shadow(0 0 6px #fff0a2) drop-shadow(0 0 16px #e5a334)}.enemy-unit.angela-taunted::after,.boss-unit.angela-taunted::after{content:"도발";position:absolute;left:50%;top:-13px;transform:translateX(-50%);color:#fff0ae;font:900 6px/1 var(--font-body);text-shadow:0 0 5px #fff,0 0 10px #e99f2d;white-space:nowrap}
.ally-unit.angela-unit{z-index:16}.ship-topview.angela-topview{width:84px;height:156px;overflow:visible;filter:drop-shadow(0 8px 9px #000d) drop-shadow(0 0 8px #f1d79588)}.ship-topview.angela-topview img{position:absolute;left:50%;top:50%;display:block;width:84px;height:156px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.iowa-muzzle-flash.angela-cannon-muzzle-flash{width:15px;height:20px;margin:-10px 0 0 -7px;background:radial-gradient(ellipse at 50% 16%,#fff 0 9%,#fff0be 21%,#ffd15a 45%,#e57725 66%,transparent 80%);filter:drop-shadow(0 0 4px #fff1b1) drop-shadow(0 0 12px #ffb13c)}.ally-shield.angela-wing-shield{display:none}.ally-unit.angel-wing-blessing::before{content:"";position:absolute;z-index:17;left:50%;top:50%;width:380px;height:208px;background:url("angela-wings.png") center/contain no-repeat;transform:translate(-50%,-50%);opacity:.7;filter:drop-shadow(0 0 4px #e9f3ff) drop-shadow(0 0 12px #a9c9ff);animation:angela-wing-silhouette-pulse 1s ease-in-out infinite alternate;pointer-events:none}.ally-unit.angel-wing-blessing::after{display:none}.enemy-unit.angela-taunted,.boss-unit.angela-taunted{filter:brightness(1.28) saturate(1.15) drop-shadow(0 0 6px #fff0a2) drop-shadow(0 0 16px #e5a334)}.enemy-unit.angela-taunted::after,.boss-unit.angela-taunted::after{content:"도발";position:absolute;left:50%;top:-13px;transform:translateX(-50%);color:#fff0ae;font:900 6px/1 var(--font-body);text-shadow:0 0 5px #fff,0 0 10px #e99f2d;white-space:nowrap}@keyframes angela-wing-silhouette-pulse{from{transform:translate(-50%,-50%) scale(.97);filter:drop-shadow(0 0 3px #edf5ff) drop-shadow(0 0 9px #93bcff)}to{transform:translate(-50%,-50%) scale(1.035);filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 22px #a9c9ff) drop-shadow(0 0 36px #86aeff)}}
.battle-viewport.oort-colony-gate:not(.oort-camera-active) .oort-colony-backdrop{animation:none;background-position:center bottom}
.battle-viewport.oort-colony-gate.oort-camera-active .oort-colony-backdrop{animation:oort-colony-rise 28s linear forwards}
.fx-plasma-cannon-shot{position:absolute;z-index:27;width:106px;height:34px;margin-top:-17px;transform:translate(0,0) rotate(var(--plasma-angle));transform-origin:0 50%;background:url("plasma-cannon-shot.png") 0 50%/100% 100% no-repeat;filter:drop-shadow(0 0 4px #e8ffff) drop-shadow(0 0 11px #43dcff) drop-shadow(0 0 21px #7b42ff);pointer-events:none;animation:plasma-cannon-shot var(--plasma-travel,250ms) linear forwards}.fx-plasma-cannon-shot.star-cruiser-photon{z-index:18;width:113px;height:37px;margin-top:-18.5px}.fx-plasma-cannon-shot.brown-bess-sniper{z-index:30;width:140px;height:46px;margin-top:-23px;filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 20px #66e9ff) drop-shadow(0 0 36px #784dff)}@keyframes plasma-cannon-shot{0%{opacity:0;transform:translate(0,0) rotate(var(--plasma-angle)) scale(.72)}10%{opacity:1}80%{opacity:1;filter:brightness(1.28) drop-shadow(0 0 7px #fff) drop-shadow(0 0 20px #51e6ff) drop-shadow(0 0 34px #784dff)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--plasma-angle)) scale(.95);filter:brightness(1.7) drop-shadow(0 0 11px #fff) drop-shadow(0 0 28px #65efff) drop-shadow(0 0 48px #945bff)}}
.fx-plasma-cannon-shot.plasma-cannon-trail{z-index:17;opacity:.28;animation:plasma-cannon-trail .5s ease-out forwards}.fx-plasma-cannon-shot.plasma-cannon-trail.star-cruiser-photon{z-index:17}.fx-plasma-cannon-shot.plasma-cannon-trail.brown-bess-sniper{z-index:29;opacity:.23}.fx-plasma-cannon-impact{position:absolute;z-index:38;left:50%;top:50%;width:74px;height:74px;margin:-37px;background:url("plasma-explosion.jpg") center/contain no-repeat;mix-blend-mode:screen;filter:brightness(1.25) saturate(1.35) drop-shadow(0 0 7px #e4ffff) drop-shadow(0 0 17px #43cfff);pointer-events:none;animation:plasma-cannon-impact .52s ease-out forwards}.fx-plasma-cannon-impact.boss-impact{width:136px;height:136px;margin:-68px}@keyframes plasma-cannon-trail{0%{opacity:.3;transform:rotate(var(--plasma-angle)) scale(.86)}100%{opacity:0;transform:rotate(var(--plasma-angle)) scale(.62)}}@keyframes plasma-cannon-impact{0%{opacity:0;transform:scale(.28) rotate(-14deg)}18%{opacity:1;transform:scale(.78) rotate(5deg)}72%{opacity:.82;transform:scale(1.12) rotate(-3deg)}100%{opacity:0;transform:scale(1.38) rotate(4deg)}}

/* Yamato: forward twin cannons, broadside missile pods and a fixed-facing power barrage. */
.ship-topview.yamato-topview{width:78px;height:156px;overflow:visible;filter:drop-shadow(0 8px 9px #000d) drop-shadow(0 0 8px #7ab7ff88);transition:filter .16s}.ship-topview.yamato-topview img{position:absolute;left:50%;top:50%;display:block;width:90%;height:90%;max-width:none;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center}.ship-topview.yamato-topview::after{display:none}.ally-unit.yamato-unit{z-index:16}.ally-unit.yamato-cannon-firing .yamato-topview{filter:brightness(1.38) drop-shadow(0 0 8px #fff0c8) drop-shadow(0 0 19px #ff8b32)}.ally-unit.yamato-full-barrage{z-index:25}.ally-unit.yamato-full-barrage .yamato-topview{filter:brightness(1.58) saturate(1.2) drop-shadow(0 0 11px #dff8ff) drop-shadow(0 0 28px #4cbbff);animation:yamato-power-pulse .42s ease-in-out infinite alternate}.iowa-muzzle-flash.yamato-cannon-muzzle-flash{width:15px;height:9px;margin:-4px 0 0 -7.5px;background:radial-gradient(ellipse at 15% 50%,#fff 0 10%,#ffe6a3 22%,#ffae36 45%,#f04826 66%,transparent 80%);filter:drop-shadow(0 0 4px #ffd077) drop-shadow(0 0 11px #ff5b2c)}.fx-missile.yamato-missile{z-index:26;width:8px;height:29px;margin:-15px 0 0 -4px;background:linear-gradient(90deg,#182331 0 13%,#dcecf8 23% 36%,#ffb442 45% 56%,#f4f8ff 66% 79%,#20222b 88%);border-color:#e6f8ff;box-shadow:0 0 5px #fff,0 0 13px #62bfff,0 0 23px #ff9238}.fx-missile.yamato-missile::after{background:linear-gradient(#f1ffff,#78caff 39%,#ff9c32 74%,transparent)}.fx-line.yamato-piercing-laser{z-index:28;height:7px;transform:var(--angle);transform-origin:0 50%;background:linear-gradient(90deg,#fff,#ddfbff 13%,#6ee7ff 38%,#278dff 68%,#8d65ff 84%,transparent);box-shadow:0 0 7px #fff,0 0 18px #70eaff,0 0 34px #4775ff;animation:yamato-piercing-pulse .36s ease-in-out infinite alternate;pointer-events:none}@keyframes yamato-power-pulse{from{opacity:.78}to{opacity:1}}@keyframes yamato-piercing-pulse{from{opacity:.72;filter:brightness(.9)}to{opacity:1;filter:brightness(1.55)}}
.fx-line.yamato-piercing-laser{background:linear-gradient(90deg,#fff,#ffe1e1 13%,#ff6868 38%,#ed2020 68%,#a90018 84%,transparent);box-shadow:0 0 7px #fff,0 0 18px #ff4b4b,0 0 34px #d00024}
.fx-yamato-bow-flash{position:absolute;z-index:29;width:36px;height:40px;margin:-20px 0 0 -18px;border-radius:50%;background:radial-gradient(ellipse at 50% 52%,#fff 0 9%,#fff3dc 18%,#ff7777 33%,#f01835 52%,#bd001d66 68%,transparent 74%);filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 15px #ff193c);pointer-events:none;animation:yamato-bow-flash .3s ease-out forwards}@keyframes yamato-bow-flash{0%{opacity:0;transform:scale(.2)}22%{opacity:1;transform:scale(1.08)}100%{opacity:0;transform:scale(1.55)}}
.fx-yamato-bow-charge{position:absolute;z-index:29;width:46px;height:50px;margin:-25px 0 0 -23px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 8%,#bffcff 10%,transparent 13% 22%,#62dfff 24%,transparent 27% 42%,#fff 44%,transparent 47% 62%,#8b9fff 64%,transparent 67% 82%,#d9ffff 84%,transparent 87%);filter:drop-shadow(0 0 5px #85eaff) drop-shadow(0 0 13px #477bff);pointer-events:none;animation:yamato-bow-charge-spin .7s linear infinite,yamato-bow-charge-pulse .32s ease-in-out infinite alternate}.fx-yamato-bow-charge>i{position:absolute;inset:10px;border:1px solid #e2ffff;border-radius:50%;background:radial-gradient(circle,#fff 0 9%,#d5ffff 16%,#65d9ff 34%,#537cffaa 54%,transparent 72%);box-shadow:0 0 7px #fff,0 0 16px #49caff}.fx-yamato-bow-charge>b{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 8px 3px #9fffff,0 0 17px 7px #438dff;animation:yamato-bow-charge-core .48s ease-in-out infinite alternate}@keyframes yamato-bow-charge-spin{to{rotate:360deg}}@keyframes yamato-bow-charge-pulse{from{opacity:.72;scale:.86}to{opacity:1;scale:1.12}}@keyframes yamato-bow-charge-core{from{scale:.72}to{scale:1.5}}
.ally-unit.yamato-last-stand{z-index:30}.ally-unit.yamato-last-stand .yamato-topview{filter:brightness(2) saturate(.15) drop-shadow(0 0 12px #fff) drop-shadow(0 0 28px #a7eaff);animation:yamato-last-stand-pulse .24s ease-in-out infinite alternate}@keyframes yamato-last-stand-pulse{from{opacity:.76}to{opacity:1}}
.yamato-bow-charge-effect{top:auto;bottom:auto;width:31px;height:31px;margin:-15.5px 0 0 -15.5px;z-index:31;box-shadow:0 0 8px #fff,0 0 18px #ff516b,0 0 32px #d71344}.yamato-bow-charge-effect::after{inset:-6px;border-width:1.4px}
.battle-effects{overflow:visible}

/* Dread Turtle: a white silhouette races ahead of the charge while the 90-degree damage range remains unchanged. */
.dread-turtle-charge-silhouette,.dread-turtle-charge-afterimage{position:absolute;z-index:24;width:66px;height:132px;margin:-66px 0 0 -33px;pointer-events:none}.dread-turtle-charge-silhouette{filter:brightness(0) invert(1) drop-shadow(0 0 7px #fff) drop-shadow(0 0 18px #c5f0ff);transition:left .65s cubic-bezier(.12,.74,.18,1),top .65s cubic-bezier(.12,.74,.18,1);opacity:.96}.dread-turtle-charge-silhouette img,.dread-turtle-charge-afterimage img{width:100%;height:100%;object-fit:contain}.dread-turtle-charge-afterimage{filter:brightness(0) invert(1) drop-shadow(0 0 6px #c8f3ff);opacity:.54;animation:dread-turtle-afterimage .44s ease-out forwards}@keyframes dread-turtle-afterimage{to{opacity:0;transform:scale(.78);filter:brightness(0) invert(1) drop-shadow(0 0 2px #c8f3ff)}}
.ally-unit.dread-turtle-gwimyeon-active{z-index:26}
.ally-shield.dread-turtle-gwimyeon-shield{display:none}
.ally-shield.dread-turtle-gwimyeon-shield::before{display:none}
.fx-dread-turtle-gwimyeon-unfold{position:absolute;z-index:25;width:222px;height:264px;margin:-132px 0 0 -111px;background:url("dread-turtle-gwimyeon-shield.png") center/contain no-repeat;filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 18px #a9ddff);pointer-events:none;animation:colossus-square-unfold 1s cubic-bezier(.14,.72,.22,1) forwards}.fx-dread-turtle-gwimyeon-unfold.dispersing{animation:colossus-square-disperse .65s ease-in forwards}
.fx-dread-turtle-gwimyeon-echo{position:absolute;z-index:26;width:62px;height:74px;margin:-37px 0 0 -31px;background:url("dread-turtle-gwimyeon-shield.png") center/contain no-repeat;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 11px #a9ddff);transition:left .65s cubic-bezier(.18,.76,.2,1),top .65s cubic-bezier(.18,.76,.2,1),opacity .85s ease,transform .85s ease;pointer-events:none}.fx-dread-turtle-gwimyeon-echo.settling{opacity:.95;transform:scale(1.08)}.fx-dread-turtle-gwimyeon-echo.attached{z-index:27}.fx-dread-turtle-gwimyeon-echo.fading{opacity:0;transform:scale(1.42);filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 19px #a9ddff)}
.dread-turtle-shield-gauge{position:absolute;z-index:3;inset:0;display:block;overflow:visible;pointer-events:none}.dread-turtle-shield-gauge i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#f5ffff,#a7e9ff 48%,#5aaeff);box-shadow:0 0 4px #e9fbff;transition:width .2s}.dread-turtle-shield-gauge em{position:absolute;right:-1px;bottom:4px;color:#def8ff;font:900 5px/1 var(--font-body);font-style:normal;text-shadow:0 0 4px #fff,0 0 8px #5acaff;white-space:nowrap}
.ally-shield.dread-turtle-gwimyeon-shield.broken{animation:dread-turtle-gwimyeon-break .42s ease-out forwards}
@keyframes dread-turtle-gwimyeon-unfold{0%{opacity:0;transform:translate(-50%,-50%) scale(.08) rotate(0deg)}38%{opacity:.8}100%{opacity:.62;transform:translate(-50%,-50%) scale(1) rotate(360deg)}}
@keyframes dread-turtle-gwimyeon-glow{from{opacity:.18;filter:brightness(0) invert(1) blur(1px)}to{opacity:.38;filter:brightness(0) invert(1) blur(3px)}}
@keyframes dread-turtle-gwimyeon-break{to{opacity:0;transform:translate(-50%,-50%) scale(1.5) rotate(390deg);filter:blur(7px)}}
.dread-turtle-feared{filter:drop-shadow(0 0 8px #bb69ff) saturate(.7)!important}
.dread-turtle-feared::after{content:'공포';position:absolute;z-index:30;left:50%;top:-12px;transform:translateX(-50%);color:#e0aaff;font:900 9px/1 var(--font-body);text-shadow:0 0 6px #8824ff;pointer-events:none}
.enemy-unit.blue-variant{width:46px;height:54px;margin:-27px 0 0 -23px;border:0;background:none;box-shadow:none;opacity:0;overflow:visible;transform:scale(.42);transition:opacity .2s ease,transform .34s cubic-bezier(.16,.8,.3,1),filter .1s;will-change:left,top,transform}
.enemy-unit.blue-variant.entered{opacity:1;transform:scale(1)}
.enemy-unit.blue-variant::before{display:none}
.enemy-unit.blue-variant .enemy-sprite{mix-blend-mode:screen;filter:saturate(1.2) drop-shadow(0 0 4px #42aaff) drop-shadow(0 0 10px #165cff)}
.enemy-unit.blue-variant .enemy-hp{z-index:5;left:50%;top:-6px;width:34px;height:3px;transform:translateX(-50%);background:#061438;border:1px solid #4daeff}
.enemy-unit.blue-variant .enemy-hp i{background:linear-gradient(90deg,#55e9ff,#2879ff)}
.enemy-unit.blue-variant.attacking .enemy-sprite{animation:blue-monster-pulse .32s ease-in-out infinite alternate}
.enemy-unit.blue-variant.destroyed{animation:blue-monster-break .34s forwards}
@keyframes blue-monster-pulse{from{transform:scale(.96)}to{transform:scale(1.06)}}
@keyframes blue-monster-break{to{opacity:0;transform:scale(1.65) rotate(-12deg);filter:brightness(2.8) drop-shadow(0 0 18px #4deaff)}}
.fx-plasma-cannon-impact{background-image:url("plasma-explosion-transparent.png");border-radius:0;clip-path:none;-webkit-mask-image:none;mask-image:none}
.ally-unit.angela-unit.angela-judgment-active::after{content:"";position:absolute;z-index:19;left:50%;top:-13%;width:13px;height:78px;transform:translate(-50%,-75%) rotate(-8deg);transform-origin:50% 100%;clip-path:polygon(50% 0,100% 34%,64% 100%,50% 80%,36% 100%,0 34%);background:linear-gradient(90deg,#fff8c7 0%,#fff 24%,#8be8ff 48%,#fff 70%,#ffc43d 100%);filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 14px #5ee8ff) drop-shadow(0 0 25px #ffc43d);animation:angela-judgment-blade .9s cubic-bezier(.16,.72,.3,1) both;pointer-events:none}@keyframes angela-judgment-blade{0%{opacity:0;transform:translate(-50%,-15%) scale(.25) rotate(-24deg)}24%{opacity:1;transform:translate(-50%,-76%) scale(1.18) rotate(0)}68%{opacity:1;transform:translate(-50%,-76%) scale(1) rotate(0)}100%{opacity:0;transform:translate(-50%,-84%) scale(.72) rotate(12deg)}}
.ally-unit.nimitz-unit.nimitz-skill-immunity{filter:brightness(1.5) drop-shadow(0 0 7px #f4ffff) drop-shadow(0 0 19px #66eaff);animation:nimitz-skill-immunity-pulse .24s ease-in-out infinite alternate}@keyframes nimitz-skill-immunity-pulse{from{opacity:.78}to{opacity:1}}
.ally-unit.dread-turtle-unit.dread-turtle-maneuver-moving{transition:none!important}
.fx-colossus-shield-throw{position:absolute;z-index:29;width:70px;height:84px;margin:-42px 0 0 -35px;background:url("colossus-shield.png") center/contain no-repeat;filter:hue-rotate(138deg) saturate(.9) brightness(1.55) drop-shadow(0 0 8px #fff) drop-shadow(0 0 17px #94deff);transform:rotate(var(--colossus-shield-angle,0rad));pointer-events:none}
.fx-explosion.colossus-shield-hit{background:radial-gradient(circle,#fff 0 12%,#c5efff 28%,#61b9ff99 55%,transparent 75%);box-shadow:0 0 12px #d8f6ff,0 0 25px #75caff}
.ship-topview.fury-topview .bc-thruster{width:18px;height:40px;bottom:-3px;border-radius:45% 45% 50% 50%;clip-path:none;background:linear-gradient(90deg,transparent 0%,#4dcaff55 18%,#9ff4ff 48%,#55cfff88 66%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000d 38%,#0008 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000d 38%,#0008 62%,transparent 100%);box-shadow:none;filter:drop-shadow(0 0 4px #8deaff) drop-shadow(0 0 9px #208de0);transform-origin:50% 0}
.fury-twin-thrusters{z-index:0}.fury-twin-thrusters .bc-thruster{width:12px}.fury-twin-thrusters .bc-thruster:first-child{left:calc(50% - 9px)}.fury-twin-thrusters .bc-thruster:last-child{left:calc(50% + 9px);animation-delay:.12s}
.fx-explosion.assault-turtle-return{z-index:35;width:224px;height:224px;margin:-112px;border:3px solid #b9f8ff;border-radius:50%;background:radial-gradient(circle,#fff 0 5%,#ffa69b99 15%,#f5425b66 38%,transparent 70%);box-shadow:0 0 20px #fff,0 0 42px #ff4d65,0 0 70px #dd183f;pointer-events:none;animation:assault-turtle-return-blast .43s ease-out forwards}
@keyframes assault-turtle-return-blast{from{opacity:1;transform:scale(.18)}to{opacity:0;transform:scale(1)}}
.ship-topview.assault-turtle-topview::after{display:none}
.ship-topview.assault-turtle-topview .turtle-twin-thrusters{z-index:0}
.ship-topview.assault-turtle-topview .turtle-twin-thrusters .bc-thruster{width:12px;height:20px;bottom:0;background:radial-gradient(ellipse at 50% 8%,#fff 0 8%,#c9fbff 20%,#73e8ff 43%,#329ddd88 68%,transparent 100%);box-shadow:0 0 6px #7ceaff;filter:blur(.25px);animation:assault-turtle-engine-pulse .48s ease-in-out infinite alternate;transform-origin:50% 0}
.ship-topview.assault-turtle-topview .turtle-twin-thrusters .bc-thruster:first-child{left:calc(50% - 11px);animation-delay:0s}
.ship-topview.assault-turtle-topview .turtle-twin-thrusters .bc-thruster:last-child{left:calc(50% + 11px);animation-delay:0s}
.assault-turtle-charge-silhouette .assault-turtle-topview{transform:rotate(var(--charge-facing-angle));transform-origin:center}
.assault-turtle-ram-silhouette{transform:rotate(var(--ram-angle))}
.assault-turtle-ram-silhouette .assault-turtle-topview{transform:rotate(var(--ram-facing-angle));transform-origin:center}
@keyframes assault-turtle-engine-pulse{from{transform:translateX(-50%) scaleY(.62);opacity:.42}to{transform:translateX(-50%) scaleY(1.12);opacity:.95}}
@keyframes assault-turtle-ram-core{0%{opacity:0;transform:rotate(var(--ram-angle)) scale(.62)}12%{opacity:1}76%{opacity:.92}100%{opacity:0;transform:rotate(var(--ram-angle)) translateX(var(--ram-distance)) scale(.92)}}
.ally-shield.ironfist-defense-shield{z-index:15;inset:-7px -8px 7px;border-color:#9ad9ff;background:radial-gradient(ellipse,#76caff22 0 28%,transparent 68%);box-shadow:inset 0 0 15px #8ed7ff88,0 0 10px #60bdff99,0 0 23px #357aff66;animation:ironfist-shield-pulse .5s ease-in-out infinite alternate}.ally-shield.ironfist-defense-shield em{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);color:#c6edff;font-size:5px;font-style:normal;font-weight:1000;white-space:nowrap;text-shadow:0 0 5px #5fbaff}.ally-unit.ironfist-status-immune .ironfist-topview{filter:brightness(1.14) drop-shadow(0 0 5px #b8e7ff)}@keyframes ironfist-shield-pulse{from{opacity:.62;transform:scale(.96)}to{opacity:1;transform:scale(1.03)}}
.ship-topview.supanokseon-topview{transition:transform var(--supanokseon-turn-duration,1500ms) cubic-bezier(.35,.75,.25,1),filter .2s}
.fx-line.supanokseon-ricochet{z-index:25;height:4px;transform:var(--angle);background:linear-gradient(90deg,#fff7d6,#ffc463 50%,#ff7737 82%,transparent);box-shadow:0 0 6px #fff2cb,0 0 15px #ffb34c,0 0 24px #f4652d;animation:fx-line .22s ease-out forwards;pointer-events:none}
.deimos-burn-flame{position:absolute;z-index:32;left:50%;top:50%;width:34px;height:42px;transform:translate(-50%,-58%);pointer-events:none;filter:drop-shadow(0 0 5px #ff8c24) drop-shadow(0 0 9px #e9380b);animation:deimos-burn-flicker .24s ease-in-out infinite alternate}
.deimos-burn-flame::before,.deimos-burn-flame::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#ff3208 4%,#ff7b11 44%,#ffe399 78%,transparent 96%);clip-path:polygon(10% 100%,7% 54%,25% 64%,28% 14%,47% 44%,55% 0,68% 47%,83% 24%,75% 74%,94% 62%,88% 100%);opacity:.88}
.deimos-burn-flame::after{inset:9px 9px 2px;filter:brightness(1.4);transform:scaleX(-1);opacity:.9}
@keyframes deimos-burn-flicker{from{opacity:.72;transform:translate(-50%,-58%) scale(.88) rotate(-4deg)}to{opacity:1;transform:translate(-50%,-62%) scale(1.08) rotate(4deg)}}
.ally-shield.planet-destroyer-defense-shield{z-index:16;inset:-4px -12px 6px;border:2px solid #ff8f9f;border-radius:50%;background:radial-gradient(ellipse,#e9324430 0 35%,transparent 73%);box-shadow:inset 0 0 15px #ff8997aa,0 0 13px #fb445caa,0 0 28px #e91a4477;animation:shield-wave 1.1s ease-in-out infinite}
.planet-destroyer-defense-shield em{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);font-size:6px;font-style:normal;font-weight:900;color:#ffe7e9;text-shadow:0 0 5px #fb304c;white-space:nowrap}
.planet-destroyer-extinction-flash{position:fixed;z-index:99999;inset:0;background:#f3162f;pointer-events:none;animation:planet-destroyer-extinction-flash 1s ease-out forwards}
@keyframes planet-destroyer-extinction-flash{0%{opacity:.95}18%{opacity:.85}100%{opacity:0}}
.ally-unit.pegasus-incapacitated.pegasus-healing .pegasus-topview{filter:brightness(1.18) drop-shadow(0 0 9px #b7fff2) drop-shadow(0 0 19px #4debb8)}
.fx-pegasus-silver-lance{position:absolute;z-index:36;width:0;height:0;transform:rotate(var(--pegasus-lance-angle));pointer-events:none;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 11px #c8e8ff) drop-shadow(0 0 18px #7eafff)}
.fx-pegasus-silver-lance::before{content:"";position:absolute;left:-104px;top:-4px;width:91px;height:8px;clip-path:polygon(0 50%,14% 0,21% 32%,100% 32%,100% 68%,21% 68%,14% 100%);background:linear-gradient(180deg,#71869e 0%,#f8ffff 35%,#c8deed 55%,#6d82a1 100%)}
.fx-pegasus-silver-lance::after{content:"";position:absolute;left:-19px;top:-14px;width:29px;height:28px;clip-path:polygon(0 9%,100% 50%,0 91%,24% 50%);background:linear-gradient(180deg,#7d93a8 0%,#fff 44%,#d8f4ff 55%,#6c83a7 100%)}
.fx-enemy.oort-final-wing-spike{width:30px;height:8px;margin:-4px 0 0 -14px}
.ship-topview.garuda-topview{width:94px;height:74px;overflow:visible;filter:drop-shadow(0 5px 7px #000d) drop-shadow(0 0 8px #ffad4f88)}.ship-topview.garuda-topview img{position:absolute;left:50%;top:50%;display:block;width:94px;height:74px;max-width:none;object-fit:contain;transform:translate(-50%,-50%) rotate(18deg);transform-origin:center}.ally-unit.garuda-unit{z-index:17}.ally-unit.garuda-missile-firing .garuda-topview,.ally-unit.garuda-guardian-firing .garuda-topview{filter:brightness(1.45) drop-shadow(0 0 9px #fff0bc) drop-shadow(0 0 20px #ff9e39)}.ally-unit.garuda-guardian-firing .garuda-topview{animation:garuda-guardian-pulse .32s ease-in-out 2 alternate}.garuda-wingman{z-index:18;width:72px;height:84px;pointer-events:none;transition:left .32s ease-out,top .32s ease-out,opacity .45s,filter .18s}.garuda-wingman .garuda-topview{transform:scale(.72)}.garuda-wingman .ally-info{width:72px;bottom:-3px}.garuda-wingman .ally-info b{font-size:6px}.garuda-wingman .ally-health{margin:2px 14px 0;height:2px}.garuda-wingman-arriving{opacity:.25;transform:translateX(26px) scale(.76)}.garuda-wingman-arriving .garuda-topview{filter:brightness(1.6) drop-shadow(0 0 12px #fff) drop-shadow(0 0 24px #ffad44)}.fx-missile.garuda-missile{z-index:28;width:7px;height:25px;border-color:#fff0ca;background:linear-gradient(90deg,#34251b 0 15%,#ce9d62 25% 42%,#fff7d8 49% 57%,#da7627 72% 86%,#39251c);box-shadow:0 0 5px #fff1cf,0 0 14px #ffae45,0 0 22px #e05b24;filter:drop-shadow(0 0 3px #ffc16a)}.fx-missile.garuda-missile::after{background:linear-gradient(#fff6cb,#ffc65c 42%,#ff692f 76%,transparent)}@keyframes garuda-guardian-pulse{from{opacity:.76}to{opacity:1}}
/* Use the supplied transparent claw image for melee hits; cycle through three hit points. */
.fx-monster-claw{position:absolute;z-index:25;width:64px;height:44px;margin:-22px 0 0 -32px;object-fit:contain;pointer-events:none;mix-blend-mode:screen;animation:monster-claw-strike .36s ease-out forwards}
.fx-monster-claw::before,.fx-monster-claw::after{content:none}
@keyframes monster-claw-strike{0%{opacity:0;transform:scale(1.28)}24%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}

/* Magenta atmosphere mid-boss: four-wing beast */
.boss-four-wing{width:min(29vw,310px);height:min(20vw,205px);min-width:190px;min-height:126px;margin:0;translate:-50% -50%;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible;animation:four-wing-hover 2.8s ease-in-out infinite}
.boss-four-wing::before,.boss-four-wing::after{content:none!important;display:none!important}
.boss-four-wing .boss-sprite{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 9px rgba(60,155,255,.52));pointer-events:none}
.boss-four-wing.four-wing-charging .boss-sprite{filter:drop-shadow(0 0 12px rgba(65,170,255,.95)) brightness(1.24);animation:four-wing-charge .7s ease-in-out infinite alternate}
.boss-four-wing.four-wing-volley .boss-sprite{filter:drop-shadow(0 0 14px rgba(100,195,255,.9)) brightness(1.3)}
.ally-unit.four-wing-net-stunned .ship-topview{filter:drop-shadow(0 0 8px #57caff) brightness(1.25);animation:four-wing-net-pulse .42s ease-in-out infinite alternate}
.fx-line.four-wing-laser{height:3px;background:linear-gradient(90deg,rgba(180,245,255,.12),#e5fbff 42%,#42b8ff 72%,rgba(45,145,255,.12));box-shadow:0 0 7px #54bfff,0 0 15px rgba(65,160,255,.9);z-index:28}
@keyframes four-wing-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes four-wing-charge{from{transform:scale(.98);opacity:.83}to{transform:scale(1.035);opacity:1}}
@keyframes four-wing-net-pulse{from{filter:drop-shadow(0 0 4px #54bfff) brightness(1.08)}to{filter:drop-shadow(0 0 11px #a2eaff) brightness(1.4)}}

/* Keep the combat viewport and its controls inside changing mobile viewports. */
#battle.battle-screen{height:100vh;height:100dvh;min-height:0}
#battle .battle-viewport{height:100%;min-height:0}
#battle .battle-command-bar{height:calc(70px + env(safe-area-inset-top));padding-top:calc(10px + env(safe-area-inset-top))}
#battle .battle-boss-hud,#battle .gate-progress-hud{top:calc(70px + env(safe-area-inset-top))}
#battle .space-battlefield{inset:calc(90px + env(safe-area-inset-top)) 0 calc(78px + env(safe-area-inset-bottom))}
#battle .battle-controls{top:auto;bottom:calc(8px + env(safe-area-inset-bottom));left:50%;right:auto;width:min(170px,calc(100% - 24px));transform:translateX(-50%)}
@media(max-height:680px){#battle .space-battlefield{inset:calc(82px + env(safe-area-inset-top)) 0 calc(70px + env(safe-area-inset-bottom))}#battle .battle-controls{top:auto;bottom:calc(6px + env(safe-area-inset-bottom));width:min(155px,calc(100% - 24px))}}
.battle-skip{position:absolute;z-index:24;right:9px;bottom:calc(9px + env(safe-area-inset-bottom));width:42px;height:34px;padding:0;border:1px solid transparent;border-radius:7px;background:#07152355;color:#fff;font:900 18px/1 var(--font-body);letter-spacing:-.08em;text-align:center;backdrop-filter:blur(4px);transition:background .12s ease,color .12s ease,transform .12s ease}
.battle-skip:hover,.battle-skip:focus-visible{border-color:transparent;background:#071523aa;color:#fff;outline:2px solid #70dfff66;outline-offset:2px}
.battle-skip:active{transform:translateY(2px);background:#071523e8}
.battle-skip[hidden]{display:none!important}

/* Magenta atmosphere gate 10: machine beast */
.boss-unit.boss-machine-beast{width:clamp(180px,36vw,260px);height:clamp(152px,31vw,220px);margin:0;translate:-50% -50%;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.boss-machine-beast::before,.boss-machine-beast::after{display:none!important}
.boss-machine-beast .boss-sprite{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 13px #56c7ff);pointer-events:none}
.boss-machine-beast.machine-taking-off{animation:machine-beast-ascent .8s cubic-bezier(.55,.05,.8,.28) forwards;pointer-events:none}
.boss-machine-beast.machine-reappearing{animation:machine-beast-return .55s ease-out forwards}
.fx-line.machine-icebeam{z-index:29;height:6px;background:linear-gradient(90deg,#f5ffff,#b9f6ff 25%,#55cbff 68%,#d7faff);box-shadow:0 0 7px #fff,0 0 17px #7ce7ff,0 0 28px #359cff;animation:fx-line .22s ease-out forwards;pointer-events:none}
.machine-shockwave{position:absolute;z-index:27;width:70px;height:70px;margin:-35px 0 0 -35px;border:3px solid #e8ffff;border-radius:50%;background:radial-gradient(circle,#efffff99 0 6%,#78d8ff55 18%,transparent 65%);box-shadow:0 0 14px #fff,inset 0 0 14px #8deaff,0 0 38px #44adff;pointer-events:none;animation:machine-shockwave .85s ease-out forwards}
.machine-afterimage{position:absolute;z-index:28;width:clamp(180px,36vw,260px);height:clamp(152px,31vw,220px);object-fit:contain;pointer-events:none;filter:grayscale(1) brightness(3.8) drop-shadow(0 0 14px #fff) drop-shadow(0 0 30px #b2eaff);animation:machine-afterimage .85s ease-in forwards}
.ally-unit.machine-frozen .ship-topview{filter:drop-shadow(0 0 9px #98eaff) brightness(1.16)}
.machine-freeze-badge{position:absolute;z-index:30;left:50%;top:-19px;transform:translateX(-50%);padding:2px 5px;border:1px solid #9cecff;border-radius:8px;background:#06263dde;color:#e7fdff;font:700 10px/1 var(--font-body);white-space:nowrap;box-shadow:0 0 9px #68cfff;pointer-events:none}
@keyframes machine-beast-ascent{0%{transform:scale(1);opacity:1}28%{transform:scale(1.12);filter:brightness(2.6)}100%{transform:translateY(-120vh) scale(.46);opacity:0}}
@keyframes machine-beast-return{0%{transform:scale(1.35);filter:brightness(4);opacity:0}35%{opacity:1}100%{transform:scale(1);filter:brightness(1);opacity:1}}
@keyframes machine-shockwave{0%{transform:scale(.3);opacity:1}100%{transform:scale(15);opacity:0}}
@keyframes machine-afterimage{0%{transform:translate(-50%,-50%) scale(1);opacity:.95}100%{transform:translate(-50%,90vh) scale(.85);opacity:0}}
.ship-topview.supanokseon-topview{width:57.6px;height:127.8px}
.ship-topview.supanokseon-topview img{width:57.6px;height:127.8px}
.supanokseon-twin-thrusters{z-index:0}
.supanokseon-twin-thrusters .bc-thruster{width:10px;height:15px;bottom:-1px;background:radial-gradient(ellipse at 50% 8%,#fff 0 8%,#c9fbff 20%,#73e8ff 43%,#329ddd88 68%,transparent 100%);box-shadow:0 0 5px #7ceaff;filter:blur(.25px);animation:supanokseon-engine-pulse .48s ease-in-out infinite alternate;transform-origin:50% 0}
.supanokseon-twin-thrusters .bc-thruster:first-child{left:calc(50% - 7px)}
.supanokseon-twin-thrusters .bc-thruster:last-child{left:calc(50% + 7px);animation-delay:.12s}
@keyframes supanokseon-engine-pulse{from{transform:translateX(-50%) scaleY(.68);opacity:.55}to{transform:translateX(-50%) scaleY(1.18);opacity:1}}
.boss-unit.kepler-alien-vessel{z-index:8;width:clamp(64px,11vw,84px);height:clamp(118px,20.5vw,156px);margin:0;left:50%;translate:-50% -50%;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;opacity:0;transform:none}
.boss-unit.kepler-alien-vessel::before,.boss-unit.kepler-alien-vessel::after{display:none}
.boss-unit.kepler-alien-vessel.entered{top:17%;opacity:1;transform:none}
.boss-unit.kepler-alien-vessel.alien-retreating{opacity:0;transform:translateY(-170px) scale(.72);filter:brightness(1.35);transition:opacity .76s ease-in,transform .76s cubic-bezier(.5,0,1,.6),filter .76s ease-in;pointer-events:none}
.boss-unit.kepler-alien-vessel .boss-sprite{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.boss-unit.kepler-alien-angela .boss-sprite{filter:drop-shadow(0 0 5px #e6fbff88) drop-shadow(0 0 14px #3caeff66)}
.boss-unit.kepler-alien-escort .boss-sprite{filter:drop-shadow(0 0 5px #61dfff99) drop-shadow(0 0 14px #228bff77)}
.boss-unit.kepler-alien-starcruiser .boss-sprite{transform:rotate(180deg);filter:drop-shadow(0 0 5px #e6fbff88) drop-shadow(0 0 14px #3caeff66)}
.boss-unit.kepler-alien-angela.angel-wing-blessing::before{display:block;content:"";position:absolute;z-index:17;left:50%;top:50%;width:380px;height:208px;background:url("angela-wings.png") center/contain no-repeat;transform:translate(-50%,-50%);opacity:.7;filter:drop-shadow(0 0 4px #e9f3ff) drop-shadow(0 0 12px #a9c9ff);animation:angela-wing-silhouette-pulse 1s ease-in-out infinite alternate;pointer-events:none}
.boss-unit.kepler-alien-vessel>span{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:4px;color:#dff8ff;font:800 clamp(8px,1.8vw,11px)/1.1 var(--font-body);letter-spacing:.09em;white-space:nowrap;text-shadow:0 0 5px #2dbdff,0 1px 3px #020817}
.fx-line.kepler-alien-laser{z-index:22;height:3px;background:linear-gradient(90deg,#e8ffff,#7deaff 30%,#388bff 75%,transparent);box-shadow:0 0 6px #d9ffff,0 0 14px #42caff,0 0 24px #426dff;animation:kepler-alien-laser .3s ease-out forwards}
@keyframes kepler-alien-laser{from{opacity:0;transform:var(--angle) scaleX(.1)}20%{opacity:1}to{opacity:0;transform:var(--angle) scaleX(1)}}
.boss-unit.kepler-alien-vessel.kepler-alien-shielded .boss-sprite{filter:brightness(1.2) drop-shadow(0 0 5px #fff) drop-shadow(0 0 13px #63e9ff)}
.kepler-alien-shield{position:absolute;z-index:2;inset:-7px -9px;border:2px solid #9cf8ff;border-radius:48%;background:radial-gradient(ellipse at center,#5beaff18 45%,#6eeaff38 72%,transparent 76%);box-shadow:inset 0 0 10px #6beaff88,0 0 9px #69eaff,0 0 22px #318bff99;pointer-events:none;animation:kepler-alien-shield-pulse .72s ease-in-out infinite alternate}
.fx-line.kepler-blade-piercing-laser{z-index:24;height:4px;transform:var(--angle);background:linear-gradient(90deg,#fff,#effcff 14%,#a5e3ff 39%,#5687ff 70%,transparent);box-shadow:0 0 7px #fff,0 0 18px #a2e6ff,0 0 34px #4d7dff;animation:blade-beam-flicker .14s ease-in-out infinite alternate}
@keyframes kepler-alien-shield-pulse{from{opacity:.58;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}
.fx-varyag-suicide-drone::after{display:none}
/* 전투 배속 버튼(멤버십): 스킵 버튼 바로 위에 같은 모양으로 둡니다. 2배속 중에는 금빛, 멤버십이 없으면 자물쇠 표시 */
.battle-speed{position:absolute;z-index:24;right:9px;bottom:calc(49px + env(safe-area-inset-bottom));width:42px;height:34px;padding:0;border:1px solid #70dfff55;border-radius:7px;background:#07152399;color:#e8f6ff;font:900 15px/1 var(--font-body);letter-spacing:-.02em;text-align:center;cursor:pointer}
.battle-speed:hover,.battle-speed:focus-visible{background:#071523cc;outline:2px solid #70dfff66;outline-offset:2px}
.battle-speed:active{transform:translateY(2px);background:#071523e8}
.battle-speed.is-fast{border-color:#ffd76a;color:#ffe08a;text-shadow:0 0 8px #ffc24a;box-shadow:0 0 10px #ffc24a55,inset 0 0 8px #ffc24a33}
.battle-speed.is-locked{color:#8fa4b8;border-color:#5f738a66}
.battle-speed.is-locked::after{content:"🔒";position:absolute;right:-5px;top:-7px;font-size:11px;line-height:1;filter:drop-shadow(0 1px 1px #000)}
.battle-speed[hidden]{display:none!important}
/* 타격감: 데미지 숫자(크기·색 3단계), 피격 반짝임+밀림, 보스 큰 피해 시 가벼운 흔들림 */
.damage-one{z-index:50;font-family:var(--font-num);font-size:13px;font-weight:700;color:#fff;letter-spacing:.02em;font-variant-numeric:tabular-nums;-webkit-text-stroke:.6px #2a0710;paint-order:stroke fill;text-shadow:0 1px 0 #000,0 0 6px #ff4f66aa;transform:translate(-50%,-50%);pointer-events:none;animation:damage-pop .62s cubic-bezier(.2,.9,.3,1) forwards}
.damage-one.dmg-big{font-size:17px;color:#ffe066;-webkit-text-stroke:.8px #4a2600;text-shadow:0 1px 0 #000,0 0 8px #ffb02e}
.damage-one.dmg-huge{font-size:22px;color:#ff9a2e;-webkit-text-stroke:1px #3d1000;text-shadow:0 1px 0 #000,0 0 10px #ff5a1f,0 0 2px #fff;animation-duration:.8s}
.damage-one.dmg-note{font-size:11px;color:#9fe3ff;text-shadow:0 0 6px #3fb5ff}
@keyframes damage-pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-80%) scale(1.25)}35%{transform:translate(-50%,-110%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-190%) scale(.95)}}
.enemy-unit.hit{filter:brightness(2.4) drop-shadow(0 0 4px #fff);translate:0 -2px}
.boss-unit.hit{filter:brightness(1.7) drop-shadow(0 0 6px #fff)}
.battle-viewport.hit-shake{animation:hit-shake .18s linear}
@keyframes hit-shake{0%,100%{translate:0 0}25%{translate:-2px 1px}50%{translate:2px -1px}75%{translate:-1px -1px}}
@media (prefers-reduced-motion:reduce){.damage-one{animation-duration:.01s}.enemy-unit.hit{translate:none}.battle-viewport.hit-shake{animation:none}}
/* 처치 보상감: 처치 지점에서 GATE 진행 막대로 날아가는 빛 조각과, 도착 시 막대 번쩍임 */
.kill-orb{position:absolute;z-index:60;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle,#fff 0 25%,#aaf4ff 45%,#38c8ff 70%,transparent 72%);box-shadow:0 0 8px 2px #4fd8ffcc,0 0 16px #2aa8ff88;pointer-events:none;will-change:transform,opacity}
.gate-progress-hud.gate-pulse .gate-progress i{animation:gate-pulse .36s ease-out}
.gate-progress-hud.gate-pulse em{animation:gate-label-pop .36s ease-out}
@keyframes gate-pulse{0%{filter:brightness(2.4) saturate(1.3);box-shadow:0 0 12px #8ff0ff,0 0 3px #fff}100%{filter:none}}
@keyframes gate-label-pop{0%{transform:scale(1.25);color:#fff;text-shadow:0 0 8px #8ff0ff}100%{transform:none}}
/* 보스 출현 경고: 가운데 경고 띠(줄무늬 + WARNING + 보스 이름) + 화면 가장자리 붉은 맥동. 터치는 막지 않음 */
.boss-warning{position:absolute;inset:0;z-index:58;display:grid;place-items:center;pointer-events:none}
.boss-warning::before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 60px 18px #ff1e3c88;animation:boss-warning-vignette .7s ease-in-out 3 both}
.boss-warning-band{position:relative;width:100%;display:grid;justify-items:center;gap:2px;padding:10px 0 8px;background:linear-gradient(90deg,transparent,#2a0309e6 12%,#3d0610f0 50%,#2a0309e6 88%,transparent);animation:boss-warning-band 2s cubic-bezier(.2,.8,.2,1) both}
.boss-warning-band strong{font-family:var(--font-display);font-size:38px;line-height:1;letter-spacing:.32em;padding-left:.32em;color:#ff3d55;text-shadow:0 0 12px #ff1e3c,0 0 2px #fff;animation:boss-warning-blink .35s steps(1,end) 5}
.boss-warning-band small{font-family:var(--font-body);font-size:13px;font-weight:700;color:#ffd7dc;letter-spacing:.08em}
.boss-warning-stripes{display:block;width:100%;height:7px;background:repeating-linear-gradient(-45deg,#ff2d48 0 10px,#1a0206 10px 20px);background-size:28px 7px;animation:boss-warning-stripes .6s linear infinite;opacity:.9}
.boss-warning-stripes.bottom{animation-direction:reverse}
@keyframes boss-warning-band{0%{opacity:0;transform:scaleY(.1)}10%{opacity:1;transform:scaleY(1)}85%{opacity:1;transform:none}100%{opacity:0;transform:scaleY(.6)}}
@keyframes boss-warning-blink{0%{opacity:1}50%{opacity:.25}}
@keyframes boss-warning-stripes{to{background-position:28px 0}}
@keyframes boss-warning-vignette{0%,100%{opacity:0}50%{opacity:1}}
/* 보스 체력 막대 단계: 50% 이하 밝은 주황, 25% 이하 진한 빨강으로 깜빡임 */
.battle-boss-hud-row i.phase-mid{background:linear-gradient(90deg,#ff6a1a,#ffd24a);box-shadow:0 0 10px #ff8a2a}
.battle-boss-hud-row i.phase-low{background:linear-gradient(90deg,#c8001e,#ff3a4a);box-shadow:0 0 12px #ff1e3c;animation:boss-bar-danger .7s ease-in-out infinite}
@keyframes boss-bar-danger{0%,100%{filter:brightness(1)}50%{filter:brightness(1.7)}}
@media (prefers-reduced-motion:reduce){.boss-warning::before,.boss-warning-band strong,.boss-warning-stripes,.battle-boss-hud-row i.phase-low{animation:none}}

/* 거북선 돌진 충격파 (battle-engine.js playDreadTurtleShockwave / playAssaultTurtleShockwave) */
.turtle-bow-flash,.turtle-bow-core,.turtle-bow-spark,.turtle-shock-wave,.turtle-shock-cone,.turtle-shock-chevron,.turtle-shock-hitburst{position:absolute;pointer-events:none;z-index:26}
.turtle-bow-flash{width:150px;height:150px;transform:translate(-50%,-50%);mix-blend-mode:screen;
  clip-path:polygon(50% 0,53% 44%,100% 50%,53% 56%,50% 100%,47% 56%,0 50%,47% 44%);background:radial-gradient(circle,#fff 0 22%,#fff6d8 34%,#ffc66e 52%,transparent 72%)}
.turtle-bow-flash.blue{background:radial-gradient(circle,#fff 0 22%,#e6faff 34%,#7fd6ff 52%,transparent 72%)}
.turtle-bow-core{width:64px;height:64px;border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:screen;background:radial-gradient(circle,#fff 0 20%,#fff3c8 36%,#ffb85a88 56%,transparent 72%)}
.turtle-bow-core.blue{background:radial-gradient(circle,#fff 0 20%,#dff7ff 36%,#62c8ff88 56%,transparent 72%)}
.turtle-bow-lightning{position:absolute;width:220px;height:220px;pointer-events:none;z-index:27;overflow:visible;mix-blend-mode:screen}
.turtle-bow-lightning polyline{fill:none;stroke-linejoin:miter;stroke-linecap:square}
.turtle-bow-lightning .glow{stroke:#ffb347;stroke-width:5;opacity:.55;filter:blur(2px)}
.turtle-bow-lightning .bolt{stroke:#fffbe8;stroke-width:1.6}
.turtle-bow-lightning.blue .glow{stroke:#4fc8ff}
.turtle-bow-lightning.blue .bolt{stroke:#f0fbff}
.turtle-bow-spark{width:2px;height:22px;margin:-11px -1px;border-radius:1px;background:linear-gradient(#fff,#ffc66e);box-shadow:0 0 6px #ffc66e}
.turtle-bow-spark.blue{background:linear-gradient(#fff,#8fe4ff);box-shadow:0 0 6px #8fe4ff}
.turtle-shock-wave{border-radius:50%;transform:translate(-50%,-50%) scale(.06);mix-blend-mode:screen;
  -webkit-mask:conic-gradient(from -45deg,transparent 0deg,#000 14deg,#000 76deg,transparent 90deg);mask:conic-gradient(from -45deg,transparent 0deg,#000 14deg,#000 76deg,transparent 90deg)}
.turtle-shock-wave.gold{background:radial-gradient(circle closest-side,transparent 76%,#ff8a3c22 82%,#ffb24fbb 88%,#fff4d6 94%,#fff 95.5%,transparent 98%);filter:drop-shadow(0 0 8px #ff9a3c)}
.turtle-shock-wave.haze{background:radial-gradient(circle closest-side,#ffb45a2e 0%,#ff8a3c12 60%,transparent 90%)}
.turtle-shock-cone{border-radius:50%;transform:translate(-50%,-50%);
  -webkit-mask:conic-gradient(from -45deg,#000 0 90deg,transparent 90deg);mask:conic-gradient(from -45deg,#000 0 90deg,transparent 90deg);
  background:radial-gradient(circle closest-side,#d8f6ffcc 0%,#7fd6ff55 45%,transparent 100%)}
.turtle-shock-chevron{width:120px;height:34px;transform-origin:50% 50%;clip-path:polygon(50% 0,100% 78%,100% 100%,50% 34%,0 100%,0 78%);
  background:linear-gradient(180deg,#fff,#9fe8ff 45%,#3fb6ff00);filter:drop-shadow(0 0 6px #7fdcff)}
.turtle-shock-hitburst{width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--turtle-shock-color,#ffd27a);box-shadow:0 0 10px var(--turtle-shock-color,#ffd27a)}
.turtle-shock-cracks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:22;overflow:visible}
.turtle-shock-cracks polyline{fill:none;stroke:#ffcf7a;stroke-width:2;stroke-linejoin:bevel;filter:drop-shadow(0 0 4px #ff9a3c)}
.turtle-stun-stars{position:absolute;left:50%;top:-6px;width:46px;height:14px;margin-left:-23px;pointer-events:none;z-index:3}
.turtle-stun-stars b{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;background:#bff3ff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 4px #4fd2ff)}
.turtle-stun-stars b:nth-child(1){animation:turtle-stun-orbit .6s linear infinite}
.turtle-stun-stars b:nth-child(2){animation:turtle-stun-orbit .6s linear -.2s infinite}
.turtle-stun-stars b:nth-child(3){animation:turtle-stun-orbit .6s linear -.4s infinite}
.battle-viewport.turtle-impact-punch{animation:turtle-impact-punch .36s cubic-bezier(.2,.7,.3,1)}
@keyframes turtle-stun-orbit{0%{translate:18px 0;opacity:1}25%{translate:0 5px;opacity:1}50%{translate:-18px 0;opacity:.5}75%{translate:0 -5px;opacity:.45}100%{translate:18px 0;opacity:1}}
@keyframes turtle-impact-punch{0%{scale:1;translate:0 0}12%{scale:1.018;translate:0 -3px}30%{scale:1;translate:-6px 3px}45%{translate:5px -4px}60%{translate:-4px -2px}78%{translate:2px 2px}100%{scale:1;translate:0 0}}
@media (prefers-reduced-motion:reduce){.turtle-bow-spark,.turtle-shock-cracks{display:none}}

/* 리틀보이 핵폭탄 (battle-engine.js armNuclearStrike / detonateNuclearStrike) */
.nuclear-target-marker.final{border-color:#ff5a4a;box-shadow:0 0 14px #ff3b2f,0 0 34px #ff2a2a88;animation-duration:.32s!important;filter:hue-rotate(-18deg) saturate(1.6)}
.nuclear-bomb{position:absolute;z-index:38;width:16px;height:30px;pointer-events:none;border-radius:8px 8px 5px 5px;
  background:linear-gradient(90deg,#3a4250,#9aa6b6 45%,#525c6c);box-shadow:0 0 0 1px #11161e,6px 10px 8px #0008,0 0 10px #ffb34755}
.nuclear-bomb::before{content:"";position:absolute;left:-5px;right:-5px;bottom:-5px;height:9px;background:linear-gradient(90deg,#2a3038,#6b7685,#2a3038);clip-path:polygon(0 100%,22% 0,78% 0,100% 100%)}
.nuclear-bomb::after{content:"";position:absolute;left:50%;top:6px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#ff4a3a;box-shadow:0 0 6px #ff3b2f;animation:nuclear-bomb-blink .3s steps(2,end) infinite}
.nuclear-flash{position:absolute;inset:0;z-index:70;pointer-events:none;opacity:0;
  background:radial-gradient(circle at var(--nuke-x,50%) var(--nuke-y,29%),#fff 0%,#fffbe8 35%,#fff3d0e6 65%,#ffe2aacc 100%)}
.battle-viewport.nuclear-silhouette .enemy-unit,.battle-viewport.nuclear-silhouette .boss-unit,.battle-viewport.nuclear-silhouette .ally-unit{filter:brightness(0) contrast(2)!important}
.nuclear-fireball{position:absolute;z-index:35;width:300px;height:300px;border-radius:50%;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(circle,#fff 0 18%,#fff6c8 28%,#ffd36a 42%,#ff9a3c 58%,#ff5a2a99 70%,transparent 76%)}
.nuclear-shockwave{position:absolute;z-index:36;border-radius:50%;pointer-events:none;border:3px solid #fff6dc;
  box-shadow:0 0 12px #fff,0 0 30px #ffc46a,inset 0 0 22px #ffb34788}
.nuclear-smoke{position:absolute;z-index:33;border-radius:50%;pointer-events:none;filter:blur(6px);
  background:radial-gradient(circle,#2b1d1acc 0%,#3e2a24aa 30%,transparent 68%),conic-gradient(from 0deg,#5a3a2a55,transparent 20%,#3a2a2466 40%,transparent 60%,#5a3a2a55 80%,transparent);
  -webkit-mask:radial-gradient(circle,#000 40%,transparent 70%);mask:radial-gradient(circle,#000 40%,transparent 70%)}
.nuclear-ember{position:absolute;z-index:37;width:4px;height:4px;border-radius:50%;pointer-events:none;background:#ffe2a0;box-shadow:0 0 6px 1px #ff8a3c}
.nuclear-afterglow{position:absolute;inset:0;z-index:60;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle at 50% 29%,#ff8a3c55 0%,#ff5a2a22 45%,#3a0a0011 100%)}
.battle-viewport.nuclear-shake{animation:nuclear-shake .62s linear}
@keyframes nuclear-bomb-blink{0%{opacity:1}50%{opacity:.2}}
@keyframes nuclear-shake{0%,100%{translate:0 0}8%{translate:-12px 7px}18%{translate:11px -9px}28%{translate:-9px -6px}40%{translate:8px 8px}52%{translate:-6px 4px}66%{translate:4px -4px}82%{translate:-2px 2px}}
@media (prefers-reduced-motion:reduce){.nuclear-ember,.nuclear-smoke{display:none}.battle-viewport.nuclear-shake{animation:none}}
.fx-explosion.cannon-splash{width:112px;height:112px;margin:-56px;border-radius:50%;border:2px solid #ffc46a;background:radial-gradient(circle,#fff3c8aa 0 12%,#ff9a3c66 34%,#ff6a2a22 56%,transparent 70%);box-shadow:0 0 14px #ff9a3c88;mix-blend-mode:screen;animation:cannon-splash-ring .38s ease-out forwards}
@keyframes cannon-splash-ring{from{transform:scale(.25);opacity:1}to{transform:scale(1);opacity:0}}
/* 리틀보이 최종기술 Fat Man: 남은 연속 출격 횟수 */
.frigate-skill .frigate-charges{position:absolute;right:6px;top:-9px;z-index:3;padding:2px 6px;border:1px solid #ff9a5a;border-radius:6px;background:linear-gradient(180deg,#5a1e0c,#2a0d06);color:#ffd2a8;font:800 9px/1.2 var(--font-num,var(--font-body));letter-spacing:.06em;box-shadow:0 0 8px #ff6a2a66;pointer-events:none}
/* 수리 드론 보조기술 회복: 3초 상태이상 면역 표시 */
.ally-unit.repair-drone-immune{filter:drop-shadow(0 0 6px #7dffcf) drop-shadow(0 0 14px #2fd6a0)}
.ally-unit.repair-drone-immune::after{content:"";position:absolute;inset:-14%;border-radius:50%;border:2px solid #8dffd8aa;box-shadow:0 0 12px #3fe0b0,inset 0 0 10px #3fe0b066;pointer-events:none;animation:repair-immune-pulse .9s ease-in-out infinite alternate}
@keyframes repair-immune-pulse{from{opacity:.45;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}
/* 포작선 최종기술 죽음의 무도: 폭발 지점의 소용돌이 */
.fx-pojakseon-vortex{position:absolute;z-index:25;width:260px;height:260px;margin:-130px;border-radius:50%;pointer-events:none;mix-blend-mode:screen;
  background:conic-gradient(from 0deg,transparent 0deg,#ff7a2a55 40deg,transparent 90deg,#ff3d2a44 150deg,transparent 200deg,#ffb04a55 260deg,transparent 320deg);
  -webkit-mask:radial-gradient(circle,transparent 18%,#000 30%,#000 55%,transparent 70%);mask:radial-gradient(circle,transparent 18%,#000 30%,#000 55%,transparent 70%);animation:pojakseon-vortex 1.1s linear infinite,pojakseon-vortex-in .5s ease-out}
.fx-pojakseon-vortex::after{content:"";position:absolute;inset:38%;border-radius:50%;background:radial-gradient(circle,#ffd29a 0 18%,#ff7a2a88 45%,transparent 72%);filter:blur(2px)}
@keyframes pojakseon-vortex{to{transform:rotate(-360deg)}}
@keyframes pojakseon-vortex-in{from{opacity:0;scale:.3}to{opacity:1;scale:1}}
.fx-celestial-shield-oval.thorned{border-color:#ffe08a;box-shadow:inset 0 0 18px #fff8b066,0 0 10px #ffe66b,0 0 27px #f0bb2688,0 0 0 3px #ff9d2a33}.fx-celestial-shield-oval.thorned::after{content:"";position:absolute;inset:-9px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffd75a 0 2deg,transparent 2deg 15deg);-webkit-mask:radial-gradient(ellipse,transparent 62%,#000 64% 70%,transparent 72%);mask:radial-gradient(ellipse,transparent 62%,#000 64% 70%,transparent 72%);filter:drop-shadow(0 0 3px #ffb02e);animation:celestial-thorn-spin 6s linear infinite}.fx-celestial-thorn{position:absolute;z-index:46;height:3px;margin-top:-1.5px;transform-origin:0 50%;background:linear-gradient(90deg,#fff7c6,#ffcf45 40%,#ff7a1f 80%,transparent);box-shadow:0 0 6px #ffe48a,0 0 14px #ff9b2a;animation:celestial-thorn .26s ease-out forwards;pointer-events:none}@keyframes celestial-thorn{from{opacity:1;clip-path:inset(0 100% 0 0)}60%{opacity:1;clip-path:inset(0 0 0 0)}to{opacity:0;clip-path:inset(0 0 0 60%)}}@keyframes celestial-thorn-spin{to{transform:rotate(360deg)}}
/* 아레나 전투 HUD · 상성 표시 · 전투 로그 · 스킬 콜아웃 */
.arena-hud{position:absolute;z-index:60;left:8px;right:8px;top:6px;display:grid;gap:4px;padding:6px 8px;border:1px solid #3a7f96aa;border-radius:6px;background:#04101aD9;pointer-events:none}
.arena-hud-side{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;font-size:11px;color:#d7f6ff}
.arena-hud-side>span:first-child{white-space:nowrap;font-weight:700}
.arena-hud-side.enemy>span:first-child{color:#ff9d96}
.arena-hud-side.friendly>span:first-child{color:#9ef4ff}
.arena-hud-bar{position:relative;height:7px;border-radius:999px;background:#0b2230;overflow:hidden;border:1px solid #2a5a6c}
.arena-hud-bar i{position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,#2fd1ff,#8af3ff);transition:width .4s ease}
.arena-hud-side.enemy .arena-hud-bar i{background:linear-gradient(90deg,#ff5d5d,#ffab8a)}
.arena-hud-side small{font-variant-numeric:tabular-nums;font-weight:800;color:#e9fbff}
.arena-combat-log{position:absolute;z-index:58;left:8px;right:8px;bottom:8px;display:grid;gap:2px;margin:0;padding:0;list-style:none;font-size:11px;pointer-events:none}
.arena-combat-log li{padding:2px 8px;border-radius:4px;background:#04101acc;color:#e6f9ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.arena-combat-log li.friendly{border-left:2px solid #5fdcff}
.arena-combat-log li.enemy{border-left:2px solid #ff7a7a}
.arena-skill-callout{position:absolute;z-index:57;transform:translate(-50%,-150%);padding:2px 7px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;pointer-events:none;animation:arena-callout-rise 1.1s ease-out forwards;background:#06131fdd;border:1px solid #7fe9ff;color:#e9fdff;text-shadow:0 0 6px #6fe6ff}
.arena-skill-callout.enemy{border-color:#ff9a8a;color:#ffe4df;text-shadow:0 0 6px #ff7a6a}
.arena-skill-callout.skill{font-size:12px;box-shadow:0 0 12px #5fdcff66}
.arena-skill-callout.counter-up{border-color:#6ff0a3;color:#d6ffe6;text-shadow:0 0 6px #5fe39a}
.arena-skill-callout.counter-down{border-color:#ff8a8a;color:#ffe0e0;text-shadow:0 0 6px #ff6b6b}
@keyframes arena-callout-rise{0%{opacity:0;transform:translate(-50%,-100%) scale(.8)}15%{opacity:1;transform:translate(-50%,-150%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-220%)}}
.arena-vessel-matchup{display:inline-flex;gap:3px;margin-left:4px;font-style:normal;font-size:10px;font-weight:800;vertical-align:middle}
.arena-vessel-matchup .up{color:#6ff0a3}
.arena-vessel-matchup .down{color:#ff8a8a}
/* 아레나 피격·발사·퇴각 연출 (PvE 피격 밝기, 반동, 포구 불빛, 퇴각 이동) */
.arena-vessel.arena-hit{filter:brightness(2) saturate(.5)}
.arena-vessel.friendly.arena-firing .arena-vessel-sprite{animation:arena-recoil-up .26s ease-out}
.arena-vessel.enemy.arena-firing .arena-vessel-sprite{animation:arena-recoil-down .26s ease-out}
@keyframes arena-recoil-up{0%{translate:0 0}35%{translate:0 -6px}100%{translate:0 0}}
@keyframes arena-recoil-down{0%{translate:0 0}35%{translate:0 6px}100%{translate:0 0}}
.arena-muzzle{position:absolute;z-index:44;width:18px;height:18px;margin:-9px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff 0 18%,#ffe27a 42%,#ff8a3d 68%,transparent 72%);box-shadow:0 0 12px #ffd36a;animation:arena-muzzle-flash .18s ease-out forwards}
.arena-muzzle.enemy{background:radial-gradient(circle,#fff 0 18%,#ffb1a6 42%,#ff4f5e 68%,transparent 72%);box-shadow:0 0 12px #ff7a7a}
@keyframes arena-muzzle-flash{0%{transform:scale(.3);opacity:1}100%{transform:scale(1.6);opacity:0}}
.arena-vessel{transition:opacity .6s ease,filter .2s ease,transform .6s ease}
.arena-vessel.retreating{opacity:0;transform:translate(-50%,-50%) translateY(80px) scale(.7)}
.arena-vessel.enemy.retreating{transform:translate(-50%,-50%) translateY(-80px) scale(.7)}
/* 아레나 발사선: 아군은 PvE 기본 청색 레이저, 적군은 적색, 스킬 피해는 굵게 */
.fx-line.enemy-line{background:linear-gradient(90deg,#fff0ef,#ff5a6a 40%,#ff9a6b);box-shadow:0 0 6px #ffd9d4,0 0 16px #ff3d55}
.fx-line.heavy{height:6px}
/* 아레나 실시간 전투의 상대 함선 */
.arena-enemy-ship{position:absolute;z-index:6;width:104px;height:118px;margin:-59px 0 0 -52px;transition:opacity .9s ease,transform .9s ease;pointer-events:none}
.arena-enemy-ship .arena-enemy-model{width:100%;height:100%;display:grid;place-items:center;transform:scale(.86) rotate(180deg)}
.arena-enemy-ship .enemy-hp{position:absolute;left:10%;right:10%;bottom:-4px;height:5px;border-radius:999px;background:#2a0b12;overflow:hidden}
.arena-enemy-ship .enemy-hp i{position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,#ff5d5d,#ffab8a)}
.arena-enemy-ship b{position:absolute;left:0;right:0;bottom:-18px;text-align:center;font-size:10px;color:#ffd6d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arena-enemy-ship.retreating{opacity:0;transform:translateY(-80px) scale(.7)}

/* 레이저 '용융 레이저포': 피격된 함선이 녹아내리는 연출 */
.melting-target{filter:drop-shadow(0 0 6px rgba(255,120,40,.95)) drop-shadow(0 4px 6px rgba(255,80,20,.5)) saturate(1.25)}
.melting-target::after{content:"";position:absolute;left:18%;right:18%;top:100%;height:14px;background:linear-gradient(#ff8a3d,rgba(255,90,30,0));border-radius:0 0 6px 6px;animation:melting-drip 1s ease-in infinite;pointer-events:none}
@keyframes melting-drip{0%{transform:scaleY(.4);opacity:.9}100%{transform:scaleY(1.2);opacity:0}}

/* 케플러 비밀기지 작전지역 전투 배경: 우주 흐름 대신 비밀기지 배경 그림을 깐다 */
.battle-viewport.kepler-secret-base-gate .battle-space-flow,.battle-viewport.kepler-secret-base-gate .battle-nebula{display:none}
.battle-viewport.kepler-secret-base-gate::before{display:block;content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#02071166 0%,#02071100 40%,#020711b3 100%),url('kepler-secret-base-background.png') center var(--kepler-secret-base-y, 0%)/auto 200% no-repeat;opacity:1;animation:none}