/* A contained game viewport: parchment, enamel, brass, and illustrated heraldry. */
.war-screen{--brass:#bca675;--ivory:#f0dfb3;--war-line:#b7a57970;--enamel:#172a34;position:relative;isolation:isolate;width:100%;max-width:none;height:100svh;min-height:560px;margin:0;padding:0!important;display:grid;grid-template-rows:48px minmax(0,1fr) auto;background:#101e25;color:#efe5cd;font-family:'Malgun Gothic',sans-serif;overflow:clip}
.war-screen button{font-family:'Malgun Gothic',sans-serif;touch-action:manipulation}
.war-screen button:focus-visible{outline:2px solid #ffe6a1;outline-offset:3px;z-index:5}
.war-topbar{display:flex;gap:12px;align-items:center;padding:0 20px;border-bottom:1px solid var(--war-line);background:linear-gradient(180deg,#27353b,#14232a);box-shadow:0 2px 12px #0005;z-index:4}
.war-title{display:flex;align-items:center;gap:13px}.war-title>b{font:18px Georgia,serif;letter-spacing:4px;color:#e8d3a2}.war-title>span{font-size:10px;letter-spacing:2px;color:#b9bdae;border-left:1px solid #a3947066;padding-left:13px}
.war-battle-mode{margin-left:16px;display:flex;align-items:center;gap:9px;font:8px Georgia,serif;letter-spacing:1px;color:#94a8ab}.war-battle-mode i{width:3px;height:3px;background:#b7a778;transform:rotate(45deg)}
.war-tools{margin-left:auto;display:flex;gap:5px}.war-screen .war-tool{display:flex;align-items:center;justify-content:center;gap:6px;min-width:40px;min-height:40px;padding:6px 9px;background:transparent;border:1px solid transparent;border-radius:3px;color:#d4c7a4;font-size:10px}.war-tool .ui-icon{width:18px;height:18px}.war-tool b{font:18px Georgia,serif}.war-screen .war-tool:hover{background:#b9a57618;border-color:#b9a57666}.war-tool[aria-pressed=true]{color:#ffe2a1;background:#bfa55a16}.war-back{margin-right:3px;border-right-color:#9d946055!important}
.war-field{position:relative;container-type:size;min-width:0;min-height:0;overflow:hidden;background:#14272e}
.war-field:before{content:'';position:absolute;inset:-30px;background:url('/art/battle/v2/battlefield.webp') center/cover;filter:blur(23px) brightness(.5) saturate(.65);opacity:.7;pointer-events:none}
.war-canvas-wrap{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.war-canvas-wrap>canvas{display:block;width:min(100cqw,225cqh);height:auto;aspect-ratio:1440/640;max-width:none;filter:drop-shadow(0 0 40px #162028b3);mask-image:linear-gradient(transparent,#000 5%,#000 94%,transparent)}
.war-field-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b1928a0,transparent 13%,transparent 87%,#0b1928a0),linear-gradient(#0d1e286b,transparent 29%,transparent 77%,#091923dd)}
.war-field:after{content:'';position:absolute;inset:6px 10px 0;border:1px solid #c5b48035;border-bottom:0;pointer-events:none}
.war-hud-row{position:absolute;left:28px;right:28px;top:12px;display:grid;grid-template-columns:minmax(0,1fr) 85px minmax(0,1fr);gap:20px;align-items:start;z-index:2;pointer-events:none}
.war-company{--company-color:#8cc7cb;position:relative;display:flex;align-items:center;gap:15px;padding:10px 15px 10px 10px;max-width:480px;border:1px solid #c5b480aa;border-radius:3px 3px 22px 3px;background:linear-gradient(110deg,#1b3948f2,#132b37e8 73%,#172d37b3);box-shadow:inset 0 0 0 3px #18222a88,0 4px 10px #0003}
.war-company:before{content:'';position:absolute;left:5px;right:5px;top:5px;bottom:5px;border:1px solid #c5b48033;border-radius:0 0 16px 0;pointer-events:none}
.war-company.enemy{--company-color:#d59788;margin-left:auto;flex-direction:row-reverse;border-radius:3px 3px 3px 22px;padding:10px 10px 10px 15px;background:linear-gradient(-110deg,#543439f2,#31292fe8 73%,#352a32b3)}
.war-company.enemy:before{border-radius:0 0 0 16px}.war-face{display:block;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 25%,#78867c,#283a40 75%)}.war-face img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 12%;filter:drop-shadow(0 2px 3px #0006)}
.war-commander-face{width:70px;height:82px;flex-shrink:0;border:1px solid #d8c797;clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%)}.war-commander-face img{height:132%;object-position:center top;top:-1%}
.war-class-seal{position:absolute;left:59px;top:65px;display:grid;place-content:center;width:28px;height:28px;border:1px solid #d5ba7e;background:linear-gradient(#344a51,#132833);color:#e7d29b;transform:rotate(45deg);box-shadow:0 2px 6px #0007}.war-class-seal .ui-icon{width:18px;height:18px;transform:rotate(-45deg)}.enemy .war-class-seal{left:auto;right:59px;background:linear-gradient(#76514b,#3a2930)}
.war-company-data{flex:1;min-width:0}.war-company-name{display:flex;align-items:baseline;gap:9px;margin-bottom:9px;position:relative}.war-company-name>span{position:absolute;top:-19px;left:-1px;color:var(--company-color);font-size:8px;letter-spacing:2px;background:#1e3039;padding:2px 9px;border:1px solid #b8aa7a88}.enemy .war-company-name>span{background:#493038;color:var(--company-color);left:auto;right:0}.war-company-name h2{margin:0;font:bold clamp(15px,1.5vw,20px) 'Batang','Malgun Gothic',serif;color:#f0e6ce;white-space:nowrap}.war-company-name>small{font-size:9px;color:var(--company-color);margin-left:auto;white-space:nowrap}
.war-vital{display:flex;align-items:center;gap:7px;margin:6px 0;font-size:9px;line-height:1}.war-vital>span{width:20px;flex-shrink:0;color:#b7c4bb}.war-health-track{height:6px;flex:1;min-width:15px;overflow:hidden;border:1px solid #bbcaac55;background:#061017;transform:skew(-15deg);box-shadow:0 0 0 1px #08161dc7}.war-health-track i{display:block;height:100%;background:linear-gradient(#d5ebe1,#70ada6);transition:width .25s ease}.enemy .troop .war-health-track i{background:linear-gradient(#f1cbb3,#b47770)}.hero .war-health-track i{background:linear-gradient(#f9e4a9,#b19653)}.war-vital>b{min-width:64px;text-align:right;font:13px Georgia,serif;color:#f7e8b8}.war-vital small{font:9px Georgia,serif;color:#9daeb0}
.war-company-state{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#afc1c0;margin-top:9px;gap:6px}.war-company-state .changed{color:#f6c78a}.war-muhun{display:flex;align-items:center;gap:9px}.war-muhun small{font-size:8px;white-space:nowrap;color:#b2b6ab}.war-muhun.ready small{color:#fbe2a0}.war-gems{display:inline-flex;gap:6px;padding:2px;flex-shrink:0;align-items:center}.war-gems i{width:7px;height:7px;border:1px solid #c6ad71;transform:rotate(45deg);background:#0b1c26}.war-gems i.charged{background:linear-gradient(135deg,#fff4cc,#b5924b);box-shadow:0 0 7px #e7c47e77}
.war-buffs{position:absolute;top:calc(100% + 6px);left:10px;display:flex;gap:5px;flex-wrap:wrap}.enemy .war-buffs{left:auto;right:10px;justify-content:flex-end}.war-buffs span{padding:3px 7px;border:1px solid #82bcb877;border-radius:2px;background:#183538dd;color:#c3e9d9;font-size:9px}.war-buffs .negative{border-color:#c4817277;color:#e4b3a7;background:#412a2de6}
.war-turn-seal{position:relative;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:73px;height:86px;margin-top:-13px;padding-bottom:10px;clip-path:polygon(0 0,100% 0,100% 79%,50% 100%,0 79%);background:linear-gradient(110deg,#a78f5c,#efe3b1 45%,#b39a66);color:#1f3136;filter:drop-shadow(0 4px 5px #0007)}.war-turn-seal:before{content:'';position:absolute;inset:0 3px 4px;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);background:linear-gradient(#33444b,#172932);z-index:-1}.war-turn-seal small{font:8px Georgia,serif;letter-spacing:2px;color:#baaf91}.war-turn-seal b{font:33px/1.1 Georgia,serif;color:#f1d99e}.war-turn-seal>span{font:8px Georgia,serif;color:#aaa790}
.war-field-caption{position:absolute;bottom:59px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;white-space:nowrap;color:#e0d6b682;font:8px Georgia,serif;letter-spacing:3px}.war-field-caption i{width:26px;height:1px;background:#c1b58d70}
.war-announcement{position:absolute;bottom:0;left:0;right:0;min-height:44px;display:flex;align-items:center;gap:12px;padding:8px 28px;background:linear-gradient(90deg,#122530eb,#1e303ad9 50%,#122530eb);border-top:1px solid #b9a77166;color:#e8dcc0;z-index:3}.war-announcement p{margin:0;font:12px/1.6 'Malgun Gothic',sans-serif;flex:1}.war-announcement-mark{color:#c5ae73}.war-announcement .ui-icon{width:19px;height:19px}.war-live-light{width:5px;height:5px;background:#bcb596;transform:rotate(45deg);margin-right:4px}.is-playing .war-live-light{background:#f8d98d;box-shadow:0 0 9px #f9d98bcc;animation:war-pulse 1s ease-in-out infinite}
.war-command-dock{position:relative;z-index:4;padding:8px 26px 17px;border-top:1px solid #d1b67b;background:radial-gradient(ellipse at 55% 0,#3c4946aa,transparent 70%),linear-gradient(#273740,#12232e);box-shadow:0 -5px 24px #0a151c66,inset 0 3px 0 #131e27,inset 0 4px 0 #b19b5744}
.war-command-dock:before{content:'';position:absolute;top:-5px;left:50%;width:9px;height:9px;border:1px solid #e2ce94;background:#3c4848;transform:rotate(45deg)}
.war-orders-heading{display:flex;align-items:center;justify-content:space-between;min-height:34px;margin-bottom:7px;border-bottom:1px solid #b5a77638;padding-bottom:6px}.war-orders-heading>div{display:flex;align-items:center;gap:10px}.war-orders-heading h2{font:16px 'Batang','Malgun Gothic',serif;color:#ead9ae;margin:0;font-weight:700;letter-spacing:2px}.war-order-diamond{width:6px;height:6px;transform:rotate(45deg);border:1px solid #dbc690;background:#998756}.war-orders-caption{font-size:9px;color:#aeb6ae;margin-left:8px}.war-screen .war-text-tool{display:flex;align-items:center;gap:6px;padding:4px 0 4px 10px;border:0;background:transparent;color:#cbc6ab;font-size:10px;min-height:28px}.war-text-tool .ui-icon{width:15px;height:15px}
.war-orders-grid{display:grid;grid-template-columns:210px minmax(300px,1fr) 310px;gap:23px}.war-orders-grid>section{min-width:0}.war-section-label{height:22px;display:flex;align-items:center;justify-content:space-between;gap:5px;margin:0 0 5px;color:#d2cbb0;font-size:10px;letter-spacing:1px}.war-section-label>small{font-size:8px;color:#97b4b8;letter-spacing:0}.war-charge-label{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:0;color:#b1bdaf}.war-charge-label .war-gems{gap:5px}.war-charge-label b{font:10px Georgia,serif;color:#e5cf92}
.war-reserve-row{display:flex;gap:8px}.war-screen .war-reserve{flex:1;position:relative;min-width:0;height:96px;overflow:hidden;padding:0;border:1px solid #a99b6fa3;border-radius:3px 3px 12px 3px;background:#18313b;opacity:1;box-shadow:inset 0 0 0 2px #1c252d}.war-reserve .war-face{position:absolute;inset:0 0 10px}.war-reserve .war-face img{height:138%;object-position:center top}.war-reserve:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 42%,#0b1b29e8 80%);pointer-events:none}.war-reserve>i{position:absolute;left:4px;top:3px;font:9px Georgia,serif;color:#d3d3b9;text-shadow:0 1px 3px #000;z-index:1}.war-reserve-state{position:absolute;right:3px;top:3px;font-size:8px;color:#ece1c6;background:#21343bcc;padding:2px 4px;z-index:1;border:1px solid #abaf9655;border-radius:2px}.war-reserve>b{position:absolute;bottom:17px;left:1px;right:1px;font-size:10px;z-index:1;letter-spacing:-.6px;font-weight:500;white-space:nowrap}.war-reserve-bars{position:absolute;left:5px;right:5px;bottom:5px;display:grid;gap:3px;z-index:1}.war-reserve-bars>i{height:2px;background:linear-gradient(90deg,#8dcabc var(--hp),#0a1925 var(--hp))}.war-reserve-bars>i+ i{background:linear-gradient(90deg,#d2b873 var(--hp),#0a1925 var(--hp))}.war-screen .war-reserve.active{border-color:#d8c08a;box-shadow:0 0 0 1px #d8c08a22}.war-reserve.active .war-reserve-state{background:#d3bc85;color:#1a2c35;border-color:#edd7a2}.war-reserve:disabled:not(.active){filter:grayscale(.7);opacity:.55}.war-reserve.fallen .war-face{filter:grayscale(1);opacity:.3}.war-reserve:not(:disabled):hover .war-face img{transform:scale(1.06);transition:transform .2s}.war-reserve:not(:disabled):hover{box-shadow:0 0 15px #cabc7350;border-color:#f0dc9c}
.war-skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.war-screen .war-skill{height:96px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 3px 6px;border-radius:3px 3px 10px 3px;border:1px solid #a0a887aa;box-shadow:inset 0 0 0 3px #101f2c77,0 3px 5px #06121e66;background:radial-gradient(ellipse at 50% 12%,#58727a55,transparent 75%),linear-gradient(150deg,#334d5b,#182e3e);color:#efe4c6;overflow:hidden}
.war-skill:before{content:'';position:absolute;inset:4px;border:1px solid #c8bf921f;border-radius:1px 1px 7px 1px;pointer-events:none}.war-skill-art{position:relative;display:grid;place-content:center;width:41px;height:41px;border:1px solid #bfad7480;border-radius:50%;color:#e5d09c;background:radial-gradient(#a49a5633,#192b3a44);box-shadow:inset 0 0 0 3px #10233388}.war-skill-art .ui-icon{width:27px;height:27px;filter:drop-shadow(0 0 4px #ecda9655)}.war-skill-art i{position:absolute;left:-22px;top:10px;color:#a2aea244;font:12px Georgia,serif}.war-skill-copy{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;max-width:100%}.war-skill-copy b{font-size:12px;font-weight:500;white-space:nowrap}.war-skill-copy small{font-size:8px;color:#a6bdc2;white-space:nowrap}.war-skill>em{position:absolute;right:6px;top:5px;color:#b6cabc;font:7px 'Malgun Gothic',sans-serif}.war-skill.swift{background:radial-gradient(ellipse at 50% 0,#a89d6244,transparent 75%),linear-gradient(150deg,#334b50,#192f38)}.war-skill.support{background:radial-gradient(ellipse at 50% 0,#82a7883b,transparent 75%),linear-gradient(150deg,#344e48,#213435)}.war-skill.support .war-skill-art{color:#b8d7b0;border-color:#8cb3a580}.war-screen .war-skill:hover:not(:disabled){background:linear-gradient(#48616b,#293f49);border-color:#ebd89b;transform:translateY(-2px);box-shadow:0 3px 17px #e0ca6225,inset 0 0 0 3px #101f2c55}.war-skill:active:not(:disabled),.war-special:active:not(:disabled){transform:translateY(1px)}
.war-special-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.war-screen .war-special{position:relative;height:96px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 5px;border:1px solid #cab87f99;border-radius:3px 3px 12px 3px;background:radial-gradient(ellipse at 15% 0,#92844d44,transparent 80%),linear-gradient(120deg,#394747,#22363e);box-shadow:inset 0 0 0 3px #1a293366;overflow:hidden}.war-special:after{content:'';position:absolute;inset:4px;border:1px solid #cbb78126;border-radius:0 0 8px 0;pointer-events:none}.war-special>span:last-child{display:flex;flex-direction:column;gap:7px;min-width:0}.war-special small{font-size:8px;color:#bdbb9e;letter-spacing:1px}.war-special b{font-size:12px;color:#eee1b8;font-weight:500;white-space:nowrap}.war-special em{font:8px 'Malgun Gothic',sans-serif;color:#b6c0b1;white-space:nowrap}.war-special-crest{display:grid;place-content:center;flex-shrink:0;width:32px;height:43px;color:#dac181;border-top:1px solid #bdab6c77;border-bottom:1px solid #bdab6c77;background:linear-gradient(transparent,#c8ad5230,transparent)}.war-special-crest .ui-icon{width:26px;height:26px}.war-screen .war-special:disabled{opacity:.55;filter:saturate(.45)}.war-screen .war-special.finisher{background:linear-gradient(120deg,#4c4234,#302e32);border-color:#b2a078}.war-screen .war-special.finisher.is-ready{opacity:1;filter:none;border-color:#f6d991;background:radial-gradient(ellipse at 50% 0,#d9bb6790,transparent 85%),linear-gradient(110deg,#7e653e,#493b2b);box-shadow:inset 0 0 0 3px #dcc07744,0 0 19px #e2b95c55;animation:war-ready 2.2s ease-in-out infinite}.finisher.is-ready b,.finisher.is-ready .war-special-crest{color:#fff1c2}.finisher.is-ready em{color:#f8da8e}.finisher.awakened.is-ready{background:linear-gradient(130deg,#627281,#514658);border-color:#e7e2ff;box-shadow:0 0 22px #c6c6ff55}.war-screen .war-special:hover:not(:disabled){border-color:#fae4a3;background:linear-gradient(120deg,#685c40,#384343)}.war-screen .war-awaken{position:absolute;right:26px;top:-37px;display:flex;align-items:center;gap:6px;min-height:28px;padding:5px 12px;background:linear-gradient(135deg,#615b75,#24394a);border:1px solid #d8c89b99;border-radius:3px;color:#f2e4c4;font-size:10px;box-shadow:inset 0 0 0 2px #17233055}.war-awaken .ui-icon{width:14px;height:14px}.war-screen .war-awaken:disabled{opacity:.55}.is-playing .war-command-dock{border-top-color:#ab9b7288}.needs-replacement .war-reserves{filter:drop-shadow(0 0 9px #e7ca5733)}.needs-replacement .war-reserve:not(:disabled){border-color:#ffe29e;animation:war-ready 2s ease infinite}.needs-replacement .war-section-label>span{color:#ffe29e}
.war-detail-copy{font:13px/1.9 'Malgun Gothic',sans-serif}.war-detail-copy>p>b{color:#ebd392}.war-detail-skills{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.war-detail-skills article{display:flex;flex-direction:column;padding:12px;border:1px solid #bbab7566;background:#293c4033}.war-detail-skills b{font-size:13px;color:#dfcea4}.war-detail-skills span{font-size:11px;color:#a9bcbc}
.war-result{position:relative;isolation:isolate;max-width:none;min-height:100svh;margin:0;padding:35px 24px 25px;text-align:center;font-family:'Malgun Gothic',sans-serif;background:linear-gradient(#0f2630ed,#182b38cf 40%,#0b1e2af2),url('/art/battle/v2/battlefield.webp') center/cover;overflow:clip}.war-result:before{content:'';position:absolute;inset:15px;border:1px solid #c5b48055;pointer-events:none}.war-result-ornament{display:grid;place-content:center;margin:0 auto 13px;width:59px;height:59px;color:#d5bc80;border:1px solid #c5b48077;border-radius:50%;box-shadow:0 0 0 4px #c5b48010,0 0 32px #d4b4701a}.war-result-ornament .ui-icon{width:32px;height:32px}.war-result-kicker{font:27px Georgia,serif;color:#f2dba2;letter-spacing:9px;margin:0 0 12px}.war-result h1{font:27px 'Batang','Malgun Gothic',serif;letter-spacing:2px;color:#eee0bc}.war-result-reason{font-size:11px;color:#b0b8b1;margin:13px 0 24px}.war-result-units{display:flex;justify-content:center;gap:17px;max-width:780px;margin:auto}.war-result-units article{position:relative;flex:1;min-width:0;border:1px solid #b5a37277;background:linear-gradient(#324c5855,#112b36);border-radius:3px 3px 20px 3px;overflow:hidden}.war-result-units .war-face{height:220px;background:radial-gradient(ellipse at 50% 30%,#62757566,transparent);overflow:hidden}.war-result-units img{height:130%;object-position:center top}.war-result-units article>span:not(.war-face){position:absolute;top:12px;left:12px;color:#d7c18d}.war-result-units article>div{position:relative;padding:15px 8px 20px;background:linear-gradient(#122733c9,#102630);box-shadow:0 -18px 20px #122733c9}.war-result-units h2{font:19px 'Batang','Malgun Gothic',serif;color:#e8d8af;margin:0 0 8px}.war-result-units p{font-size:10px;color:#aac8c5;margin:0 0 10px}.war-result-units small{font-size:10px;display:block;color:#95aaa9;margin-top:7px}.war-result .fallen .war-face{filter:grayscale(.8);opacity:.5}.war-result-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px auto 14px;max-width:650px}.war-result-actions .game-deploy{width:290px;height:68px;padding:12px 23px}.war-result-actions .game-deploy b{font-size:19px;letter-spacing:3px}.war-result-actions>button:not(.game-deploy){height:52px;min-width:120px;border-color:#aaab8066;background:#223b49;font-size:12px}.war-result-links{display:flex;align-items:center;justify-content:center;gap:19px;color:#a9936180}.war-result-links button{border:0;background:none;font-size:10px;color:#b8bdaa}.war-result.defeat .war-result-kicker{color:#c5bbbd}
@keyframes war-ready{50%{box-shadow:inset 0 0 0 3px #dcc07744,0 0 24px #e2b95c77}}@keyframes war-pulse{50%{opacity:.3}}
@media(min-width:1600px){.war-screen{grid-template-rows:54px minmax(0,1fr) auto}.war-command-dock{padding:10px 4% 22px}.war-orders-grid{grid-template-columns:255px minmax(450px,1fr) 365px;gap:30px}.war-screen .war-skill,.war-screen .war-special,.war-screen .war-reserve{height:113px}.war-skill-art{width:47px;height:47px}.war-skill-art .ui-icon{width:32px;height:32px}.war-skill-copy b,.war-special b{font-size:14px}.war-hud-row{left:4%;right:4%;top:19px}.war-company{max-width:550px}.war-company-name h2{font-size:22px}.war-screen .war-awaken{right:4%}}
@media(max-width:1100px){.war-orders-grid{grid-template-columns:180px minmax(260px,1fr) 270px;gap:14px}.war-command-dock{padding-left:18px;padding-right:18px}.war-screen .war-awaken{right:18px}.war-hud-row{left:18px;right:18px;gap:14px;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}.war-company{gap:10px;padding-right:10px}.war-company.enemy{padding-left:10px}.war-commander-face{width:53px;height:73px}.war-class-seal{left:44px;top:63px;width:23px;height:23px}.enemy .war-class-seal{right:44px}.war-class-seal .ui-icon{width:15px;height:15px}.war-company-name{flex-wrap:wrap;gap:4px;margin-bottom:7px}.war-company-name>small{font-size:8px}.war-vital{gap:5px}.war-company-state{font-size:7px;gap:4px}.war-muhun{gap:5px}.war-special-crest{display:none}.war-skill-copy b{font-size:11px}.war-skill-copy small{font-size:7px}.war-reserve>b{font-size:9px}.war-orders-caption{margin-left:0}.war-turn-seal{width:60px;height:78px}.war-turn-seal b{font-size:28px}.war-skill-grid{gap:7px}}
@media(max-width:850px) and (min-height:551px){.war-orders-grid{grid-template-columns:minmax(0,1fr) 245px}.war-reserves{grid-column:1/-1;grid-row:2}.war-reserves .war-section-label{display:none}.war-reserve-row{max-width:600px;margin:0 auto}.war-screen .war-reserve{height:46px;padding-left:48px;display:flex;flex-direction:column;align-items:start;justify-content:center;border-radius:3px 3px 8px 3px}.war-reserve .war-face{left:0;right:auto;width:42px;bottom:0}.war-reserve .war-face img{height:138%}.war-reserve>i{display:none}.war-reserve>b{position:static;font-size:10px;text-align:left;margin:0 0 5px}.war-reserve-state{font-size:7px;top:auto;bottom:6px;left:48px;right:auto;border:0;background:none;padding:0}.war-reserve-bars{left:80px;bottom:9px}.war-reserve:after{background:linear-gradient(90deg,transparent 20%,#10263177 45%)}.war-reserve.active .war-reserve-state{background:none;color:#edcd89}.war-screen .war-skill,.war-screen .war-special{height:90px}.war-orders-grid{gap:12px}.war-orders-caption{display:none}.war-command-dock{padding:7px 16px 13px}.war-hud-row{left:12px;right:12px;gap:10px;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr)}.war-turn-seal{width:46px;height:70px}.war-turn-seal b{font-size:24px}.war-company-name h2{font-size:15px}.war-company-name>small{display:none}.war-company-state>span:first-child{display:none}.war-commander-face{width:43px;height:70px}.war-company{gap:8px;padding:8px}.war-company.enemy{padding:8px}.war-class-seal{left:32px;top:63px;width:21px;height:21px}.enemy .war-class-seal{right:32px}.war-company-name>span{font-size:7px;letter-spacing:1px;top:-16px}.war-vital>b{min-width:53px;font-size:12px}.war-vital small{font-size:8px}}
@media(max-width:600px) and (min-height:551px){.war-screen{min-height:680px;grid-template-rows:45px minmax(0,1fr) auto}.war-topbar{gap:2px;padding:0 7px}.war-title>b{font-size:14px;letter-spacing:2px}.war-title>span,.war-battle-mode{display:none}.war-tools{gap:0}.war-tool span{display:none}.war-tool b{font-size:16px}.war-screen .war-tool{min-width:37px;min-height:40px;padding:7px}.war-hud-row{top:13px;left:8px;right:8px;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:5px}.war-company{display:block;padding:8px 9px 8px;border-radius:2px 2px 13px 2px}.war-company.enemy{display:block;padding:8px 9px 8px;border-radius:2px 2px 2px 13px}.war-commander-face{width:39px;height:46px;position:absolute;left:7px;top:7px}.enemy .war-commander-face{left:auto;right:7px}.war-company-name{margin:0 0 14px 41px;min-height:33px;align-items:center;justify-content:flex-start}.enemy .war-company-name{margin-left:0;margin-right:41px;justify-content:flex-end}.war-company-name h2{font-size:12px;white-space:normal;word-break:keep-all;line-height:1.4}.war-company-name>span{left:-41px;top:-16px;white-space:nowrap;font-size:6px;letter-spacing:1px;padding:2px 5px}.enemy .war-company-name>span{right:-41px;left:auto}.war-class-seal{left:37px;top:37px;width:18px;height:18px}.enemy .war-class-seal{right:37px}.war-class-seal .ui-icon{width:12px;height:12px}.war-vital{gap:4px;font-size:8px;margin:7px 0}.war-vital>span{width:17px}.war-vital>b{font-size:10px;min-width:25px}.war-vital small{display:none}.war-health-track{height:5px}.war-company-state{margin-top:9px;justify-content:flex-end}.war-muhun{gap:5px}.war-muhun small{font-size:7px}.war-gems{gap:4px}.war-gems i{width:6px;height:6px}.war-turn-seal{width:30px;height:62px;margin-top:-14px}.war-turn-seal b{font-size:20px}.war-turn-seal small{font-size:6px;letter-spacing:0}.war-turn-seal>span{font-size:7px}.war-buffs{left:0;top:calc(100% + 4px)}.war-buffs span{font-size:7px;padding:2px 4px}.enemy .war-buffs{right:0}.war-field-vignette{background:linear-gradient(#10242c66,transparent 45%,#12273011 70%,#102331ee)}.war-canvas-wrap{top:95px;bottom:39px}.war-canvas-wrap>canvas{width:100%;height:auto;filter:none}.war-field-caption{display:none}.war-field:after{inset:4px 5px 0}.war-announcement{min-height:40px;gap:8px;padding:7px 12px}.war-announcement p{font-size:10px}.war-announcement .ui-icon{width:15px;height:15px}.war-announcement-mark{flex-shrink:0}.war-announcement p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.war-command-dock{padding:5px 12px max(12px,env(safe-area-inset-bottom))}.war-orders-heading{margin-bottom:4px;min-height:34px}.war-orders-heading h2{font-size:14px;letter-spacing:1px}.war-orders-heading>div{gap:8px}.war-screen .war-text-tool{font-size:9px;min-height:32px}.war-orders-grid{grid-template-columns:1fr;gap:10px}.war-section-label{height:17px;margin-bottom:6px;font-size:9px}.war-troop-orders{grid-row:1}.war-hero-orders{grid-row:2}.war-reserves{grid-row:3;grid-column:auto}.war-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.war-screen .war-skill{height:56px;flex-direction:row;justify-content:flex-start;gap:10px;padding:6px 9px}.war-skill-art{width:30px;height:30px;flex-shrink:0}.war-skill-art .ui-icon{width:20px;height:20px}.war-skill-art i{display:none}.war-skill-copy{align-items:flex-start;gap:5px}.war-skill-copy b{font-size:11px}.war-skill-copy small{font-size:7px}.war-skill>em{font-size:6px;top:4px;right:4px}.war-special-row{gap:7px}.war-screen .war-special{height:68px;gap:8px;padding:7px}.war-special-crest{display:grid;width:29px;height:39px}.war-special-crest .ui-icon{width:22px;height:22px}.war-special>span:last-child{gap:5px}.war-special b{font-size:11px}.war-special small{font-size:7px}.war-special em{font-size:7px}.war-screen .war-awaken{top:-33px;right:12px;min-height:27px;font-size:9px;padding:4px 8px}.war-screen .war-reserve{height:49px;padding-left:40px}.war-reserve .war-face{width:36px}.war-reserve>b{font-size:9px;letter-spacing:-.5px}.war-reserve-state{left:40px;font-size:7px;bottom:6px}.war-reserve-bars{left:63px;right:5px}.war-reserve-row{gap:7px}.war-detail-skills{grid-template-columns:1fr}.war-result{padding:29px 20px 24px}.war-result h1{font-size:21px}.war-result-units{gap:8px}.war-result-units .war-face{height:180px}.war-result-units h2{font-size:13px}.war-result-units small{font-size:8px;line-height:1.7}.war-result-units article>div{padding:12px 4px 16px}.war-result-units article>span:not(.war-face){left:7px;top:7px}.war-result-units article>span:not(.war-face) .ui-icon{width:17px;height:17px}.war-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.war-result-actions .game-deploy{width:100%;grid-column:1/-1}.war-result-actions>button:not(.game-deploy){height:44px;min-width:0}.war-result-reason{margin-bottom:20px}.war-result-kicker{font-size:25px}}
/* Short landscape phones keep all commands reachable; no forced orientation. */
@media(max-height:550px) and (min-width:601px){.war-screen{min-height:350px;grid-template-rows:34px minmax(0,1fr) auto}.war-topbar{padding:0 9px;gap:7px}.war-title>b{font-size:14px}.war-title>span,.war-battle-mode{display:none}.war-screen .war-tool{min-height:30px;min-width:32px;padding:3px 7px}.war-tool span{display:none}.war-hud-row{top:8px;left:10px;right:10px;gap:13px;grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr)}.war-company{padding:6px 9px;gap:9px;max-width:315px}.war-company.enemy{padding:6px 9px}.war-commander-face{width:36px;height:48px}.war-company-name{margin-bottom:4px}.war-company-name h2{font-size:12px}.war-company-name>span,.war-company-name>small,.war-company-state>span:first-child,.war-class-seal{display:none}.war-vital{margin:4px 0;font-size:7px}.war-vital>b{font-size:10px;min-width:46px}.war-vital small{font-size:7px}.war-health-track{height:4px}.war-company-state{position:absolute;bottom:-15px;right:7px;margin:0;background:#14262add;padding:2px 5px;border-radius:2px}.war-muhun small{font-size:6px}.war-gems i{width:5px;height:5px}.war-turn-seal{width:42px;height:55px;margin-top:-9px}.war-turn-seal b{font-size:22px}.war-turn-seal small{font-size:6px}.war-buffs{top:calc(100% + 2px);max-width:200px}.war-buffs span{font-size:6px;padding:2px 3px}.war-announcement{min-height:28px;padding:5px 13px;gap:7px}.war-announcement p{font-size:8px}.war-announcement .ui-icon{width:12px;height:12px}.war-field-caption{display:none}.war-command-dock{padding:3px 12px 7px}.war-orders-heading{min-height:24px;margin-bottom:1px;padding-bottom:2px}.war-orders-heading h2{font-size:11px;letter-spacing:1px}.war-orders-caption{display:none}.war-screen .war-text-tool{min-height:24px;font-size:8px;padding:3px}.war-text-tool .ui-icon{width:12px;height:12px}.war-orders-grid{grid-template-columns:150px minmax(230px,1fr) 210px;gap:10px}.war-section-label{height:16px;font-size:8px;margin:0 0 3px}.war-section-label>small{font-size:7px}.war-charge-label{font-size:7px;gap:5px}.war-screen .war-reserve,.war-screen .war-skill,.war-screen .war-special{height:62px}.war-reserve>b{font-size:8px;bottom:14px}.war-reserve-state{font-size:6px;padding:1px 2px}.war-reserve .war-face img{height:140%}.war-reserve-row{gap:5px}.war-skill-grid{gap:5px}.war-skill-art{width:26px;height:26px}.war-skill-art .ui-icon{width:18px;height:18px}.war-skill-art i{display:none}.war-screen .war-skill{gap:3px;padding:3px}.war-skill-copy{gap:3px}.war-skill-copy b{font-size:9px}.war-skill-copy small{font-size:6px}.war-skill>em{font-size:6px;right:3px;top:3px}.war-special-row{gap:5px}.war-special>span:last-child{gap:4px}.war-special b{font-size:10px}.war-special small,.war-special em{font-size:7px}.war-screen .war-awaken{top:-25px;right:12px;min-height:21px;font-size:8px;padding:2px 7px}.war-awaken .ui-icon{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){.war-screen *,.war-screen *:before,.war-screen *:after{animation:none!important;transition:none!important}}

/* Portrait apertures deliberately show faces instead of miniature full figures. */
.war-screen .war-face img{width:230%;height:auto;max-width:none;left:-65%;top:-9%;object-fit:initial}
.war-result-units .war-face img{width:150%;height:auto;max-width:none;left:-25%;top:-12px;object-fit:initial}

/* Awakening occupies the hero-command heading, so it never covers battle narration. */
.war-hero-orders{position:relative}
.war-hero-orders:has(.war-awaken) .war-section-label>span:first-child{visibility:hidden}
.war-screen .war-awaken{top:-2px;left:0;right:auto;min-height:25px;padding:3px 7px;font-size:9px}
@media(max-height:550px) and (min-width:601px){.war-screen .war-awaken{top:-2px;min-height:19px;font-size:7px;padding:2px 4px}.war-awaken .ui-icon{width:10px;height:10px}}

@media(min-width:1101px){.war-skill-copy b,.war-special b{font-size:13px}.war-skill-copy small,.war-special em{font-size:9px}.war-section-label{font-size:11px}.war-vital>b{font-size:14px}}
@media(max-width:600px) and (min-height:551px){.war-skill-copy b,.war-special b{font-size:12px}.war-skill-copy small,.war-special em{font-size:8px}.war-orders-heading h2{font-size:15px}.war-announcement p{font-size:11px}}
@media(max-height:550px) and (min-width:601px){.war-canvas-wrap{top:24px}}

.war-skill-grid.is-solo{grid-template-columns:minmax(90px,1fr) 3fr}
.war-solo-note{display:flex;align-items:center;justify-content:center;gap:15px;padding:8px 15px;border-top:1px solid #b9ad7926;border-bottom:1px solid #b9ad7926;color:#bcae8b;background:linear-gradient(90deg,transparent,#13293555,transparent)}
.war-solo-note>.ui-icon{width:33px;height:33px;opacity:.5}
.war-solo-note>span{display:flex;flex-direction:column;gap:8px}
.war-solo-note b{font-size:12px;font-weight:400;color:#bdb7a0}
.war-solo-note small{font-size:9px;color:#8ea5aa}
.war-screen .war-special.finisher.awakened.is-ready{background:radial-gradient(ellipse at 50% 0,#d8d5f173,transparent 85%),linear-gradient(130deg,#627281,#514658);border-color:#e7e2ff;box-shadow:inset 0 0 0 3px #e2daff22,0 0 22px #c6c6ff55}
@media(max-width:600px) and (min-height:551px){.war-skill-grid.is-solo{grid-template-columns:1fr 1fr}.war-solo-note{padding:5px 8px;gap:6px}.war-solo-note>.ui-icon{display:none}.war-solo-note b{font-size:10px}.war-solo-note small{font-size:8px;line-height:1.6}.war-solo-note>span{gap:4px}}
@media(max-height:550px) and (min-width:601px){.war-solo-note b{font-size:10px}.war-solo-note small{font-size:8px}.war-solo-note>.ui-icon{width:22px;height:22px}.war-solo-note{gap:9px;padding:7px}}

@media(min-width:601px) and (max-height:780px){.war-result{padding-top:25px}.war-result-units .war-face{height:175px}.war-result-units article>div{padding-bottom:15px}.war-result-reason{margin-bottom:18px}}