.growth-panel{border-top:2px solid #859abc;margin-top:24px;padding-top:22px}.growth-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.growth-heading h3{color:#fff0c1;margin:4px 0 0;font-size:21px}.growth-panel p{color:#cfdaec;font-size:13px;line-height:1.7}.growth-heading select{color:#fff4cf;min-width:180px;font:inherit;background:#183259;border:1px solid #91a3c7;margin-top:5px;padding:8px}.growth-heading label{color:#cad6e9;flex-direction:column;font-size:12px;display:flex}.growth-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0;display:grid}.growth-summary>div{background:#122948;border:1px solid #607da5;padding:11px}.growth-summary dt{color:#bacbe4;font-size:11px}.growth-summary dd{color:#ffedba;font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:16px}.growth-progress{color:#d6e0ec;align-items:center;gap:12px;font-size:12px;display:flex}.growth-progress progress{accent-color:#efca74;flex:1;height:12px}.growth-classes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;padding:0;list-style:none;display:grid}.growth-class{background:#162c4c;border:1px solid #6c86ab;flex-direction:column;gap:10px;padding:15px;display:flex}.growth-class.selected{border-color:#f0d387;box-shadow:inset 0 0 0 1px #cfb16b}.growth-class h4{color:#f7e9bf;margin:0;font-size:17px}.growth-class p{margin:0;font-size:12px}.growth-comparison{gap:4px;margin:0;display:grid}.growth-comparison>div{justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;line-height:1.65;display:flex}.growth-comparison dt{color:#b9cce4}.growth-comparison dd{color:#e6e5d4;text-align:right;margin:0}.growth-class small{color:#c9d4e4;font-size:11px;line-height:1.6}.growth-class button{margin-top:auto;padding:9px 14px}.growth-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.growth-notice{background:#253a55;border-left:3px solid #cdb37e;padding:10px 13px}.growth-earned{border:1px solid #7a8ca7;margin-top:14px;padding:12px}.growth-earned h4{margin:0 0 8px;font-size:14px}.growth-earned ul{color:#d9dfeb;margin:0;padding-left:20px;font-size:12px;line-height:1.8}@media (width<=680px){.growth-heading{flex-direction:column;gap:10px}.growth-heading label,.growth-heading select{width:100%}.growth-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-classes{grid-template-columns:1fr}.growth-comparison>div{font-size:13px}}.equipment-scrim{z-index:60}.equipment-window{width:min(900px,100vw - 32px);max-height:calc(100dvh - 32px);padding:22px;overflow-y:auto}.equipment-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.equipment-heading h2{margin:3px 0 0;font-size:24px}.equipment-heading button{flex-shrink:0}.equipment-guidance{color:#d5ddee;margin:12px 0 16px;font-size:13px;line-height:1.7}.equipment-error{color:#ffd0af;border:1px solid #da9570;padding:10px}.equipment-layout{grid-template-columns:240px 1fr;gap:20px;display:grid}.equipment-unit label{color:#d5ddee;flex-direction:column;gap:6px;font-size:12px;display:flex}.equipment-unit select{color:#fff6d9;font:inherit;background:#183259;border:1px solid #91a3c7;border-radius:0;width:100%;padding:10px;font-size:16px}.equipment-slots{gap:10px;margin-top:15px;display:grid}.equipment-slots>div{background:#162b4e;border:1px solid #677ea5;align-items:stretch;display:flex}.equipment-slots>div.active{border-color:#e1c684;box-shadow:inset 0 0 0 1px #e1c684}.equipment-slots button{text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:12px 10px}.equipment-slots small,.equipment-slots strong{display:block}.equipment-slots small{color:#bccbe1;margin-bottom:5px}.equipment-slots .equipment-remove{white-space:nowrap;border-left:1px solid #526989;flex:0;font-size:12px}.equipment-stats{border-top:1px solid #7185a7;margin:18px 0 10px;padding-top:10px}.equipment-stats>div{justify-content:space-between;gap:8px;padding:5px 0;font-size:13px;display:flex}.equipment-stats dt{color:#bfcee4}.equipment-stats dd{color:#fff0c1;font-variant-numeric:tabular-nums;margin:0}.equipment-note{color:#c5cfe0;font-size:11px;line-height:1.7}.equipment-inventory h3{margin:0 0 10px;font-size:16px}.equipment-inventory ul{gap:8px;max-height:420px;margin:0;padding:0 6px 0 0;list-style:none;display:grid;overflow-y:auto}.equipment-inventory li{background:#142c4e;border:1px solid #627da6;padding:12px}.equipment-inventory li.equipped{background:#243859;border-color:#d7c18c}.equipment-item-top,.equipment-item-action{justify-content:space-between;align-items:center;gap:12px;display:flex}.equipment-item-top span{color:#d4ddea;white-space:nowrap;font-size:11px}.equipment-inventory li p{color:#d2deed;margin:8px 0;font-size:12px;line-height:1.6}.equipment-item-action small{color:#bdc8d8;font-size:11px;line-height:1.5}.equipment-item-action button{flex-shrink:0;min-width:66px;padding:6px 12px}.equipment-window button:focus-visible,.equipment-window select:focus-visible{outline-offset:2px;outline:2px solid #ffe399}@media (width<=680px){.equipment-window{padding:15px}.equipment-layout{grid-template-columns:1fr;gap:15px}.equipment-slots{grid-template-columns:1fr 1fr}.equipment-stats{grid-template-columns:1fr 1fr;column-gap:16px;display:grid}.equipment-inventory ul{max-height:350px}.equipment-heading h2{font-size:21px}}.spell-duel-scrim{z-index:30;background:#070e20df;place-items:center;display:grid;position:fixed;inset:0}.spell-duel-window{--spell-color:#d8acff;--spell-dim:#765ab5;flex-direction:column;width:min(820px,96vw);max-height:calc(100dvh - 24px);display:flex;overflow:hidden;box-shadow:0 0 0 3px #24384f,0 20px 80px #000b}.spell-restorative{--spell-color:#a4f2bd;--spell-dim:#477b72}.spell-supportive{--spell-color:#a7daff;--spell-dim:#427e9a}.spell-supportive .spell-theater-target b{font-size:14px}.spell-terrain-display{width:100%;color:var(--spell-color);text-align:center;font-size:56px}.spell-terrain-display b{font-size:13px;display:block}.spell-result-effect{color:#bcd9ed;grid-column:1/-1;margin:-8px 0 0;font-size:11px;line-height:1.6}.spell-terrain-result{color:#dac7a5;border-bottom:1px solid #4a5c71;padding:8px 0;font-size:12px}.spell-duel-title{color:#f4e3b5;border-bottom:1px solid #a99f7e;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.spell-duel-title>span{letter-spacing:4px;color:#b7bda9;font:12px Georgia,serif}.spell-duel-title small{color:var(--spell-color);font-size:11px}.spell-cast-summary{background:linear-gradient(90deg,#254567,#182e49 45%,#302d57);justify-content:space-between;gap:24px;padding:12px 22px;display:flex}.spell-caster{align-items:center;gap:14px;display:flex}.spell-caster .portrait{width:62px;height:72px}.spell-caster small,.spell-cast-name small{color:#bcc8d4;font-size:11px}.spell-caster h2,.spell-cast-name h2{color:#f8e2ad;margin:3px 0;font-size:21px}.spell-caster p{color:#cbd9e7;margin:3px 0 0;font-size:12px}.spell-caster p b{color:var(--spell-color)}.spell-cast-name{text-align:right;align-self:center}.spell-cast-name h2{letter-spacing:3px;color:var(--spell-color);font-size:29px}.spell-cast-name>span{color:#bfcadc;font-size:12px}.spell-theater{background:radial-gradient(at 50% 30%,#343561,#13293f 64%,#0c202e);border-block:1px solid #71728b;flex:0 0 200px;position:relative;overflow:hidden}.spell-theater:after{content:"";opacity:.5;background:repeating-linear-gradient(0deg,#293b46 0 3px,#24353e 3px 6px);position:absolute;inset:74% 0 0}.spell-conduits{z-index:2;width:100%;height:100%;position:absolute;inset:0}.spell-magic-ring,.spell-target-ring{fill:var(--spell-dim);fill-opacity:.35;stroke:var(--spell-color);stroke-width:2px}.spell-magic-ring{transform-origin:110px 175px;animation:1s steps(6,end) infinite alternate spell-ring-pulse}.spell-magic-thread{fill:none;stroke:var(--spell-color);stroke-width:2px;stroke-dasharray:5 8;opacity:.3}.phase-release .spell-magic-thread{opacity:.85;animation:.6s linear infinite spell-thread-flow}.phase-result .spell-magic-thread{opacity:.08}.spell-light-column{fill:var(--spell-color);opacity:0}.phase-release .spell-light-column{opacity:.4;animation:.5s steps(4,end) infinite alternate spell-column-glow}.spell-theater-caster{z-index:3;width:66px;height:76px;position:absolute;top:49%;left:9.5%}.spell-theater-caster svg{width:100%;height:100%}.spell-charge-orb{color:var(--spell-color);text-shadow:0 0 20px var(--spell-color);font-size:32px;animation:1s steps(6,end) infinite alternate spell-orb-float;position:absolute;top:-20px;left:30%}.phase-result .spell-charge-orb{opacity:.15}.spell-theater-targets{z-index:3;width:56%;display:flex;position:absolute;top:49%;left:39%}.spell-theater-target{text-align:center;flex:1;min-width:0;position:relative}.spell-theater-target svg{width:min(100%,63px);height:76px;transition:opacity .2s}.spell-impact-symbol{color:var(--spell-color);opacity:0;text-shadow:0 0 18px var(--spell-color);font-size:40px;display:block;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.phase-release .spell-impact-symbol{opacity:1}.spell-theater-target b{color:var(--spell-color);text-shadow:2px 2px #142033;font-size:21px;position:absolute;top:62px;left:0;right:0}.spell-fallen svg{opacity:.3}.spell-theater-caption{text-align:center;color:var(--spell-color);letter-spacing:2px;font-size:12px;position:absolute;top:18px;left:24%;right:24%}.spell-results{background:#142d47;flex:auto;min-height:45px;max-height:155px;padding:4px 20px;overflow-y:auto}.spell-results:focus-visible{outline-offset:-3px;outline:2px solid #e2cd9e}.spell-result{border-bottom:1px solid #4a5c71;grid-template-columns:1fr 140px 100px;align-items:center;gap:20px;padding:8px 0;font-size:13px;display:grid}.spell-result:last-child{border-bottom:0}.spell-result>span{color:#ede1c7}.spell-result small{color:#9dacbf;margin-left:9px;font-size:10px}.spell-result strong{text-align:right;color:var(--spell-color);font-size:12px}.spell-result-hp>span{color:#cad5e2;font-size:11px;display:block}.spell-result-hp>div{background:#0c2035;border:1px solid #829394;height:5px;margin-top:4px}.spell-result-hp i{background:var(--spell-color);height:100%;transition:width .2s steps(4,end);display:block}.spell-duel-footer{border-top:1px solid #827e76;justify-content:space-between;align-items:center;gap:14px;padding:10px 18px;display:flex}.spell-duel-footer p{color:#bcc7d7;margin:0;font-size:11px}.spell-duel-footer button{white-space:nowrap}.spell-duel-footer kbd{color:#bfcada;margin-left:8px;font-size:10px}@keyframes spell-ring-pulse{0%{opacity:.5;transform:scale(.85)}to{opacity:1;transform:scale(1.08)}}@keyframes spell-orb-float{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@keyframes spell-thread-flow{to{stroke-dashoffset:-26px}}@keyframes spell-column-glow{0%{fill-opacity:.4}to{fill-opacity:.8}}.spell-reduced-motion *,.spell-reduced-motion :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.spell-duel-window *,.spell-duel-window :after{transition:none!important;animation:none!important}}@media (width<=600px),(height<=590px){.spell-duel-title{padding:8px 12px}.spell-duel-title>span{display:none}.spell-cast-summary{gap:10px;padding:8px 12px}.spell-caster{gap:8px}.spell-caster .portrait{width:43px;height:52px}.spell-caster h2{font-size:16px}.spell-cast-name h2{font-size:23px}.spell-theater{flex-basis:145px}.spell-theater-caster,.spell-theater-target svg{height:55px}.spell-theater-caster{width:48px}.spell-theater-target b{font-size:16px;top:45px}.spell-results{padding-inline:12px}.spell-result{grid-template-columns:1fr 90px 72px;gap:8px;padding-block:6px}.spell-result small{display:none}.spell-duel-footer{padding:8px 12px}.spell-duel-footer p{max-width:55%}}.spell-menu{z-index:12;width:270px;max-height:min(440px,100dvh - 220px);padding:12px;position:absolute;top:0;right:calc(100% + 12px);overflow-y:auto}.spell-menu button{text-align:left;background:#1c345a;border:1px solid #728ab7;grid-template-columns:1fr auto;gap:4px;width:100%;margin-top:8px;padding:10px 8px;display:grid}.spell-menu button:hover{background:#354577}.spell-menu small{color:#cdd1e2;grid-column:1/-1}.spell-menu p{margin-top:10px;font-size:12px;line-height:1.6}.spell-prediction{max-height:46px;overflow-y:auto}.magic-stats{color:#d3c5ee;margin-top:3px;font-size:11px}.status-badges{color:#f5d488;margin-top:3px;font-size:10px}.spell-training{border-top:1px solid #7d91ac;margin-top:16px;padding-top:16px}.spell-training p{font-size:12px;line-height:1.5}.training-spells{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.training-spells label{background:#122d48;align-items:flex-start;gap:6px;padding:8px;font-size:13px;display:flex}.training-spells small{color:#acbdd4;margin-top:3px;font-size:11px;display:block}@media (width<=720px){.training-spells{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.spell-menu{width:min(270px,100vw - 28px);top:100%;right:0}}:root{color:#fff;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#151727;font-family:Malgun Gothic,Gulim,monospace;font-size:14px}*{box-sizing:border-box}body{place-items:center;min-height:100dvh;margin:0;display:grid}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{color:#8890aa;cursor:default}button:focus-visible{outline-offset:-3px;outline:2px solid #ffed86}h1,h2,p{margin:0}kbd{color:#c3c8df;font:12px monospace}button:disabled kbd{color:inherit}.game-shell{background:#33364d;border-left:2px solid #727b97;border-right:2px solid #727b97;grid-template-rows:34px minmax(0,1fr) 116px 24px;width:min(100vw,964px);height:min(100dvh,894px);min-height:600px;margin:0 auto;display:grid}.save-scrim{z-index:100}.save-window{gap:14px;width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);padding:20px;line-height:1.7;display:grid;overflow-y:auto}.save-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.save-window button{background:#203b72;border:1px solid #9daac9;min-height:38px;padding:6px 12px}.save-time,.save-help{color:#c3c8df;font-size:12px}.save-error{color:#ffcd97}.save-notice{color:#ffed86;min-height:24px}.system-bar{color:#0c1536;background:linear-gradient(#a4aec3,#798397);border-top:2px solid #dce2ee;border-bottom:2px solid #343c5a;justify-content:space-between;align-items:center;padding:0 10px;display:flex;box-shadow:inset 0 -1px #ccd2df}.system-bar h1{white-space:nowrap;font-size:14px;font-weight:700}.system-bar h1 span{margin-left:12px;font-weight:400}.system-bar nav{height:100%;display:flex}.system-bar button{color:#111c39;background:0 0;border:0;padding:0 12px;font-size:12px}.battlefield{isolation:isolate;background:#648441;position:relative;overflow:hidden}.map-canvas{touch-action:none;width:100%;height:100%}.map-canvas canvas{image-rendering:pixelated;display:block}.classic-window{text-shadow:1px 2px #060c2e;background:linear-gradient(135deg,#1c347c 0%,#101c55 62%,#17245c 100%);border:3px ridge #d3d7e6;border-radius:0;box-shadow:inset 0 0 0 2px #080e30,2px 3px #091024b3}.classic-window button{text-shadow:1px 1px #081030;text-align:left;background:0 0;border:0;min-height:31px;padding:5px 12px;font-size:14px}.classic-window button:hover:not(:disabled),.classic-window button:focus-visible{color:#fff2b6;background:#4767ae}.classic-window button.selected{color:#ffe29c;background:#40599a}.turn-window{align-items:center;gap:20px;min-width:206px;padding:8px 14px;font-size:14px;display:flex;position:absolute;top:12px;left:12px}.turn-window strong{color:#ffedb3;margin-left:7px;font:700 24px Georgia,serif}.turn-window b{color:#e4e9ff;font-weight:400}.turn-window.enemy-turn{background:linear-gradient(135deg,#692f59,#361b41)}.command-window{width:152px;padding:5px 7px 8px;position:absolute;top:12px;right:12px}.window-caption{letter-spacing:2px;color:#b8c9f5;border-bottom:1px solid #6078b6;margin-bottom:4px;padding:6px 7px 8px;font-size:11px}.command-window>button{justify-content:space-between;align-items:center;width:100%;padding-left:20px;display:flex;position:relative}.command-window>button:hover:not(:disabled):before{content:"▶";color:#ffee98;font-size:11px;position:absolute;left:4px}.command-window small{font-size:10px}.menu-separator{background:#7082bc;height:1px;margin:6px}.command-window .end-turn{color:#fff1a8;border-top:1px solid #536899;margin-top:5px;padding-top:9px;padding-bottom:9px}.end-turn:disabled{color:#9099b2}.speed-option{color:#cad0e5;align-items:center;gap:5px;margin:8px 7px 2px;font-size:11px;display:flex}.speed-option input{accent-color:#d2ba6a}.bottom-hud{z-index:2;border-left-width:0;border-right-width:0;grid-template-columns:minmax(430px,1fr) minmax(350px,1fr);gap:18px;padding:10px 18px;display:grid;box-shadow:inset 0 0 0 2px #090f35}.unit-summary{align-items:center;gap:17px;display:flex}.portrait{width:78px;height:87px;image-rendering:pixelated;background:linear-gradient(135deg,#668ca5,#263c6c);border:3px ridge #c6d2e0;flex-shrink:0;position:relative;overflow:hidden}.unit-name{align-items:baseline;gap:15px;margin-bottom:13px;display:flex}.unit-name h2{color:#fff4ca;letter-spacing:2px;font-size:19px;font-weight:600}.unit-name small{color:#e2e3ed;font-size:13px}.unit-name em{color:#cbd0db;font-size:11px;font-style:normal}.stats-line{white-space:nowrap;gap:18px;font-size:13px;display:flex}.stats-line b,.stats-line strong{color:#ffffe2;margin-left:4px;font:700 20px Georgia,serif}.stats-line i{color:#a9e6b4;font-size:15px;font-style:normal}.terrain-line{color:#ccd8ed;margin-top:11px;font-size:11px}.order-panel{border-left:1px solid #7083b1;align-self:center;min-width:0;padding-left:18px}.order-panel p{min-height:20px;font-size:13px;line-height:1.5}.prediction{color:#ffe4a6;flex-wrap:wrap;gap:12px;margin:4px 0;font-size:12px;display:flex}.order-buttons{align-items:center;gap:9px;margin-top:8px;display:flex}.order-buttons button,.confirm-window button,.info-window>button{text-align:center;background:#20366e;border:2px outset #8998c6;min-height:29px;padding:4px 12px;font-size:12px}.order-buttons button:disabled{background:#1b2b59;border-color:#465680}.order-buttons small{color:#c4cfe9;margin-left:auto;font-size:11px}.key-guide{color:#aab9d8;white-space:nowrap;background:#0d1537;justify-content:space-between;align-items:center;padding:0 10px;font-size:10px;display:flex}.phase-banner{pointer-events:none;color:#ffe0c4;letter-spacing:6px;text-shadow:2px 3px #1b1334;white-space:nowrap;background:#282149a6;border-top:1px solid #cac2cd;border-bottom:1px solid #cac2cd;padding:10px 45px;font:italic 700 35px Georgia,serif;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.roster-window{z-index:3;width:300px;padding:10px;position:absolute;top:12px;right:176px}.roster-window .window-caption{letter-spacing:1px;justify-content:space-between;align-items:center;display:flex}.roster-window .window-caption button{min-height:20px;padding:0 7px}.squad+.squad{border-top:1px solid #6f81af;margin-top:8px;padding-top:8px}.squad-leader{justify-content:space-between;width:100%;display:flex}.squad-leader small{font-size:11px}.soldiers{display:flex}.soldiers button{flex:1;padding:5px 8px;font-size:12px}.soldiers span{color:#ffefa8;margin-left:7px}.modal-scrim{z-index:10;background:#090e2899;place-items:center;display:grid;position:fixed;inset:0}.confirm-window,.info-window{max-width:min(550px,92vw);padding:25px}.confirm-window h2,.info-window h2{color:#fff3c7;margin-bottom:20px;font-size:20px;font-weight:500}.confirm-window p,.info-window p{margin:12px 0;font-size:14px;line-height:1.9}.confirm-window>div{justify-content:flex-end;gap:14px;margin-top:22px;display:flex}.info-window details{max-height:180px;margin:15px 0;font-size:12px;overflow:auto}.info-window>button{min-width:90px;margin-left:auto;display:block}@media (width<=950px){.bottom-hud{grid-template-columns:1fr 1fr;gap:10px;padding:8px}.portrait{display:none}.stats-line{gap:12px}.system-bar h1 span,.key-guide span:last-child{display:none}.order-panel{padding-left:10px}.command-window{width:135px}.roster-window{right:159px}}@media (width<=650px){.game-shell{grid-template-rows:34px minmax(0,1fr) 170px 22px;min-height:670px}.bottom-hud{grid-template-columns:1fr;gap:8px}.unit-summary{padding-left:5px}.unit-name{margin-bottom:5px}.terrain-line{margin-top:4px}.order-panel{border-top:1px solid #6177a2;border-left:0;padding:6px 5px 0}.turn-window{gap:10px;min-width:170px;padding:5px 10px;top:6px;left:6px}.command-window{top:6px;right:6px}.roster-window{width:280px;top:285px;right:6px}.system-bar{padding:0 6px}.system-bar nav button{padding:0 7px;font-size:11px}.phase-banner{letter-spacing:2px;padding:8px 15px;font-size:23px}.key-guide{font-size:9px}}.mission-panel{pointer-events:none;max-width:calc(100% - 16px);padding:8px 12px;font-size:11px;line-height:1.6;position:absolute;bottom:8px;left:8px}.mission-panel strong{color:#ffedb3;font-size:12px}.blocked-route{color:#ffbf97}:root{background:#151d24}body{background:radial-gradient(at 50% 45%,#35404b 0,#1d2632 60%,#101720 100%)}.game-shell{border-color:#a39e86;box-shadow:0 0 0 2px #343b45,0 0 0 5px #777c76,0 16px 50px #0009}.system-bar{color:#efe5c5;text-shadow:1px 1px #172236;background:linear-gradient(#607483,#354b60 50%,#263b52 51%,#324b60);border-top-color:#c4c3a3;border-bottom-color:#aaa27b;box-shadow:inset 0 -1px #172b40}.system-bar button{color:#e0d7bb}.system-bar button:hover{background:#64798a}.system-bar h1{letter-spacing:2px}.system-bar h1 span{letter-spacing:1px;color:#bdc6c6;font-size:11px}.classic-window{text-shadow:1px 1px #050f26;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,#0000 1px 3px),linear-gradient(120deg,#253f67,#152a4f 55%,#172843);border:3px ridge #c4ba95;box-shadow:inset 0 0 0 1px #080f25,inset 0 0 0 3px #51657b,2px 3px #081321b3}.command-window{padding:8px 7px 10px}.window-caption{color:#cfbf90;letter-spacing:3px;border-bottom-color:#8e947f}.window-caption:before{content:"◆";color:#d9c592;margin-right:8px;font-size:9px}.classic-window button:hover:not(:disabled),.classic-window button.selected{color:#fff0bc;background:linear-gradient(90deg,#74818b88,#74818b22)}.turn-window{gap:16px;padding:8px 14px}.turn-window strong{color:#f5d898;text-shadow:2px 2px #09172c}.bottom-hud{background:linear-gradient(115deg,#2f4664,#182e4d 55%,#16283f)}.portrait{background:#263e51;border:3px ridge #cfbf92;width:78px;height:90px;box-shadow:2px 2px #0a1a30}.portrait svg{width:100%;height:100%;image-rendering:pixelated;display:block}.unit-name h2{color:#f3dfab;text-shadow:2px 2px #0b1931;font-weight:700}.order-panel{border-left-color:#7d8b8b}.order-buttons button,.confirm-window button,.info-window>button{background:#314761;border-color:#aeb29b}.key-guide{color:#b1bdba;background:#192b3e;border-top:1px solid #566b77}.mission-panel{background:linear-gradient(120deg,#213952ef,#15283ded)}.battle-feedback{color:#fff0b7;pointer-events:none;z-index:5;text-align:center;max-width:70%;padding:10px 18px;font-size:15px;position:absolute;top:80px;left:50%;transform:translate(-50%)}.combat-mode{color:#dfd7b6;justify-content:space-between;align-items:center;gap:6px;margin:9px 6px;font-size:11px;display:flex}.combat-mode select{font:inherit;color:#fff1c9;background:#233a57;border:1px solid #a89e80;padding:3px}.duel-scrim{z-index:30;background:#070e20d9;place-items:center;display:grid;position:fixed;inset:0}.duel-window{--duel-charge:clamp(50px, 17vw, 155px);width:min(880px,96vw);overflow:hidden;box-shadow:0 0 0 3px #24384f,0 20px 80px #000b}.duel-title{color:#f4e3b5;border-bottom:1px solid #a99f7e;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.duel-title span{letter-spacing:4px;color:#b7bda9;font:12px Georgia,serif}.duel-title small{font-size:11px}.duel-status{background:linear-gradient(90deg,#254567,#162d48 50%,#53333f);grid-template-columns:1fr 1fr;gap:30px;padding:14px 22px;display:grid}.duel-unit{align-items:center;gap:16px;display:flex}.duel-unit>div:last-child{flex:1}.duel-unit.defender{text-align:right;flex-direction:row-reverse}.duel-unit small{color:#c3c6b9;font-size:11px}.duel-unit h2{color:#f8e2ad;margin:5px 0;font-size:21px}.duel-hp{align-items:baseline;gap:6px;display:flex}.defender .duel-hp{justify-content:flex-end}.duel-hp b{color:#fff6c9;font:700 28px Georgia,serif}.duel-hp span{color:#adbebf;font-size:12px}.duel-hp-bar{background:#102034;border:1px solid #8d957e;height:7px;margin-top:5px}.duel-hp-bar i{background:#8ebe87;height:100%;transition:width .24s steps(5,end);display:block}.defender .duel-hp-bar i{background:#d8937b}.duel-stage{height:300px;image-rendering:pixelated;background:linear-gradient(#4c829a 0%,#a5b8a3 50%,#829761 50%);position:relative;overflow:hidden}.duel-cloud{background:#d5d7bb;width:160px;height:12px;position:absolute;box-shadow:16px -8px #d5d7bb,40px -16px #d5d7bb,64px 8px #b8c8b4}.cloud-one{top:48px;left:40px}.cloud-two{top:70px;right:100px;transform:scale(.7)}.duel-hills{clip-path:polygon(0 70%,10% 20%,17% 35%,25% 0,37% 40%,48% 10%,57% 60%,68% 15%,81% 50%,93% 15%,100% 45%,100% 100%,0 100%);background:#657e68;height:70px;position:absolute;top:105px;left:0;right:0}.duel-ground{background:repeating-linear-gradient(0deg,#718657 0 5px,#7f915f 5px 14px);border-top:5px solid #9aac79;position:absolute;inset:160px 0 0}.duel-ground:after{content:"";opacity:.5;background-image:radial-gradient(#c4b47f 1px,#0000 2px);background-size:19px 13px;position:absolute;inset:10px 0}.duel-army{width:29%;height:155px;animation-duration:var(--duel-duration);animation-timing-function:linear;animation-fill-mode:both;position:absolute;top:125px}.army-0{animation-name:army-charge-left;left:7%}.army-1{animation-name:army-charge-right;right:7%}.army-0.ranged,.army-1.no-counter,.army-1.ranged{animation-name:army-shoot}.duel-fighter{filter:drop-shadow(3px 5px #26392966);width:64px;height:82px;transition:opacity .22s,filter .1s;position:absolute}.duel-fighter svg{width:100%;height:100%}.army-1 .duel-fighter svg{transform:scaleX(-1)}.duel-fighter.leader{width:92px;height:118px}.duel-fighter.fallen{opacity:0;filter:brightness(3)}.duel-clash{color:#fff3ba;opacity:0;animation:duel-flash var(--duel-duration) linear both;text-shadow:0 0 20px #ffac54;font-size:70px;position:absolute;top:160px;left:48%}.duel-arrows{color:#ffebbe;animation:duel-projectile var(--duel-duration) linear both;font-size:35px;position:absolute;top:170px;left:25%}.duel-damage{color:#fff1c4;text-shadow:3px 3px #482b28;font:700 35px Georgia,serif;animation:.5s ease-out both duel-number;position:absolute;top:130px}.damage-0{left:20%}.damage-1{right:20%}.duel-footer{justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:14px 18px;display:flex}.duel-footer p{color:#e5dfc6;font-size:13px;line-height:1.7}.duel-footer button{white-space:nowrap;background:#29415e;border:2px outset #b5b394;font-size:12px}@keyframes army-charge-left{0%,12%{transform:translate(-20px)}40%,65%{transform:translateX(var(--duel-charge))}82%,to{transform:translate(0)}}@keyframes army-charge-right{0%,12%{transform:translate(20px)}40%,65%{transform:translateX(calc(-1 * var(--duel-charge)))}82%,to{transform:translate(0)}}@keyframes army-shoot{0%,30%,to{transform:translateY(0)}40%,60%{transform:translateY(-5px)}}@keyframes duel-flash{0%,43%,70%,to{opacity:0}48%,54%,60%{opacity:1}51%,57%,64%{opacity:.15}}@keyframes duel-projectile{0%,30%{opacity:0;transform:translate(0)}35%{opacity:1}53%{opacity:1;transform:translate(330px)}56%,to{opacity:0;transform:translate(330px)}}@keyframes duel-number{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(-12px)}}@media (width<=650px){.duel-title span{display:none}.duel-status{gap:14px;padding:10px}.duel-unit{gap:6px}.duel-unit h2{font-size:16px}.duel-stage{height:250px}.duel-fighter{width:40px;height:60px}.duel-fighter.leader{width:60px;height:85px}.duel-footer{padding:8px}.duel-footer p{font-size:11px}.duel-damage{font-size:24px}}@media (prefers-reduced-motion:reduce){.duel-army,.duel-clash,.duel-arrows,.duel-damage{animation:none}.duel-clash,.duel-arrows{display:none}.duel-hp-bar i,.duel-fighter{transition:none}}.duel-stage.phase-attack .duel-fighter{filter:drop-shadow(3px 5px #26392966)brightness(1.12)}.duel-stage.phase-hit .duel-fighter.fallen{transition:opacity .35s steps(3,end),transform .35s steps(3,end);transform:translateY(18px)}.duel-stage.phase-run .duel-ground:before{content:"";filter:blur(1px);background:repeating-linear-gradient(90deg,#0000 0 15px,#d6bf8466 15px 22px,#0000 22px 37px);height:20px;position:absolute;top:80px;left:25%;right:25%}@media (prefers-reduced-motion:reduce){.duel-stage.phase-hit .duel-fighter.fallen{transition:none;transform:none}.duel-stage.phase-run .duel-ground:before{display:none}}.duel-stage.choreographed{height:360px}.choreographed .duel-ground{top:110px}.choreographed .duel-army{pointer-events:none;width:100%;height:100%;animation:none;inset:0}.choreographed .duel-fighter{transform-origin:50% 85%;width:8%;height:24%;transition:none}.choreographed .duel-fighter.leader{width:10%;height:29%}.choreographed .duel-fighter svg{overflow:visible}.choreographed .duel-fighter.casualty{filter:brightness(1.8)}.soldier-spark,.soldier-burst{color:#fff0b1;text-shadow:0 0 4px #ed9547;font-size:34px;position:absolute;top:15%;left:70%}.army-1 .soldier-spark{left:-10%}.soldier-burst{color:#ffe396;font-size:50px;top:0;left:15%}.soldier-projectile{color:#ffe9b2;text-shadow:2px 2px #433325;font-size:26px;position:absolute}.projectile-1{transform:scaleX(-1)}.spell-scene{pointer-events:none;position:absolute;inset:0}.spell-name{text-align:center;color:#d9ffe7;letter-spacing:3px;background:#153c4ecc;border-block:2px solid #d7e6b9;width:30%;padding:8px;position:absolute;top:18px;left:35%}.spell-name span{margin-left:8px}.spell-circle{aspect-ratio:1;border:5px double #bbffda;border-radius:50%;width:23%;position:absolute;top:46%;left:3%;box-shadow:inset 0 0 15px #79eeb5,0 0 18px #79eeb5}.spell-mote{color:#e8ffcf;text-shadow:0 0 9px #88ffbd;font-size:25px;font-style:normal;position:absolute}.spell-pillar{background:repeating-linear-gradient(90deg,#0000 0 18px,#acffca44 18px 24px);border-bottom:5px solid #c3ffdc;width:30%;height:63%;position:absolute;top:28%;left:60%;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.healing .duel-damage{color:#bdffd0}@media (width<=650px){.duel-stage.choreographed{height:280px}}@media (prefers-reduced-motion:reduce){.soldier-spark,.soldier-burst{text-shadow:none}.spell-circle{box-shadow:none;transform:rotateX(60deg)!important}}.bottom-hud{padding-top:6px;padding-bottom:6px}.unit-name{margin-bottom:5px}.terrain-line{margin-top:4px}.status-badges{white-space:nowrap;gap:8px;max-width:340px;display:flex;overflow-x:auto}.status-badges:empty{display:none}.status-badges span{flex-shrink:0}.growth-scrim{z-index:70}.growth-dialog{width:min(940px,100vw - 32px);max-height:calc(100dvh - 32px);padding:22px;overflow:auto}.growth-dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.growth-dialog-heading h2{font-size:22px}.growth-dialog-heading button,.growth-deploy button{background:#314761;border:1px solid #aeb29b;padding:8px 16px}.growth-deploy{border-top:1px solid #7185a7;gap:10px;margin-top:20px;padding-top:16px;font-size:12px;line-height:1.6;display:grid}.growth-level{color:#efdba4;font-size:11px}.growth-pending{color:#d3c5ee;font-size:10px}