:root{color-scheme:dark;--ink:#e5e8dd;--muted:#94a9a8;--gold:#e8be73;--line:#42504b;--panel:#152124;--blue:#48a6d8}*{box-sizing:border-box}body{margin:0;background:#101b1e;color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow:hidden;font-size:13px}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #465854;background:#203034;border-radius:5px;transition:background .15s,border-color .15s}button:hover{background:#2d4347;border-color:#b8985f}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}button.active{border-color:var(--gold);color:var(--gold);background:#3b3a28}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:linear-gradient(180deg,#17262a,#111b1e);border-bottom:1px solid #655e45;gap:18px}.brand{display:flex;gap:13px;align-items:center;white-space:nowrap}.crest{font-size:35px;color:var(--gold)}.brand strong{font-size:20px;letter-spacing:4px;font-family:Georgia,Songti SC,serif}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:var(--muted);margin-top:4px}.economy{display:flex;gap:35px}.economy>div{display:grid;grid-template-columns:24px auto;column-gap:7px;align-items:center}.economy b{font-variant-numeric:tabular-nums;font-size:19px}.economy small{grid-column:2;color:var(--muted);font-size:10px;margin-top:2px}.economy span{grid-row:span 2;font-size:23px;color:#c4d2c9}.economy .gold-symbol{color:#f3c674}.economy .wood-symbol{color:#8ac094}.session{display:flex;gap:8px;align-items:center}.session button{height:32px;min-width:34px;padding:0 10px}.session>span{font-variant-numeric:tabular-nums;color:var(--muted);margin-right:9px}#battle{height:calc(100dvh - 264px);position:relative;overflow:hidden;background:#597367}#game{width:100%;height:100%;display:block;touch-action:none;outline:none}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.map-label{position:absolute;transform:translate(-50%,-100%);padding:3px 8px;border-radius:3px;color:#e6ede4;font-size:11px;letter-spacing:1px;background:#14232dcc;border:1px solid #5390a26e;white-space:nowrap}.map-label.enemy{background:#291c34dd;border-color:#87688f}.objective{position:absolute;top:20px;left:26px;pointer-events:none;display:flex;flex-direction:column;gap:6px;text-shadow:0 2px 5px #14221c}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2.5px}.objective b{font-size:20px;font-family:Georgia,Songti SC,serif;letter-spacing:2px}.objective>span:last-child{font-size:11px;color:#e1e8d6}.hud{height:194px;display:grid;grid-template-columns:230px minmax(250px,1fr) minmax(430px,1.35fr);padding:12px 22px;gap:23px;background:linear-gradient(0deg,#121d20,#1b292b);border-top:2px solid #86714a;box-shadow:0 -5px 20px #0c181622}.panel-title{height:22px;display:flex;align-items:center;justify-content:space-between;color:#d6dbc9;font-size:11px;letter-spacing:1px;margin-bottom:6px}.panel-title>span:last-child:not(:first-child){color:var(--muted);font-size:9px;letter-spacing:0}.panel-title button{border:0;height:20px;width:26px;color:var(--gold)}.minimap-wrap{margin-top:-2px}.minimap-wrap .panel-title{margin-bottom:2px}.minimap-wrap canvas{height:128px;width:100%;border:1px solid #65725b;border-radius:3px;cursor:crosshair}.minimap-wrap small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.selection-detail{display:flex;gap:14px;align-items:center;min-height:73px}.portrait{width:66px;height:70px;flex:0 0 66px;border:1px solid #947a4f;border-radius:5px;background:radial-gradient(ellipse at 50% 20%,#345967,#1b2c32);display:grid;place-items:center;font-size:34px;color:var(--gold);box-shadow:inset 0 0 12px #061621}.selection-detail h2{font-size:17px;margin:0 0 7px;font-weight:500;letter-spacing:1px}.selection-detail p{margin:0;color:var(--muted);line-height:1.6;font-size:11px}#unit-health{margin-top:5px;font-size:10px;color:#92cc9d}#selected-units{display:flex;gap:4px;margin-top:8px;overflow:hidden;height:29px}#selected-units button{width:30px;height:27px;padding:0;color:#bbd8e4}#queue{margin-top:2px;display:flex;gap:4px;overflow:hidden;white-space:nowrap}#queue button{font-size:9px;padding:3px 6px;color:var(--gold)}.train-row{display:flex;gap:7px}.train-row button{flex:1;min-width:0;height:83px;padding:5px 8px;text-align:left;background:linear-gradient(150deg,#2d4244,#1c2c30)}.train-row .unit-icon{font-size:24px;display:block;height:29px;color:#d7c89a}.train-row b{font-size:11px;display:block;font-weight:500;margin-bottom:4px}.train-row small{font-size:9px;color:var(--muted);white-space:nowrap}.order-row{display:flex;gap:7px;margin-top:8px}.order-row button{height:29px;padding:0 8px;flex:1;font-size:10px;white-space:nowrap}kbd{font-size:9px;border:1px solid #67736b;border-radius:2px;padding:0 3px;opacity:.7;margin-left:4px;font-family:inherit}.controls{display:block;color:#829a96;font-size:9px;margin-top:7px;white-space:nowrap}.overlay{position:fixed;inset:0;background:#081415a8;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:20;padding:18px}.overlay[hidden],#mode-hint[hidden]{display:none}.intro-card,.help-card,.result-card{width:min(490px,94vw);border:1px solid #907a50;border-radius:10px;padding:32px 35px;background:linear-gradient(145deg,#1d3034f5,#142023fb);box-shadow:0 22px 65px #0009;text-align:center}.intro-card h1,.result-card h1{font-size:45px;letter-spacing:7px;font-weight:500;font-family:Georgia,Songti SC,serif;margin:18px 0 10px}.subtitle{font-size:12px;color:#b6c6bc;line-height:1.8;margin:0 0 20px}.brief{text-align:left;border-top:1px solid #485048;border-bottom:1px solid #485048;padding:8px 0;margin:16px 0 21px}.brief p{font-size:11px;color:#c8d4ca;line-height:1.9}.brief span{color:var(--gold);margin-right:12px;font-size:10px}.difficulty{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:17px}.difficulty select{padding:7px;background:#1a2d30;border:1px solid #4a615e;border-radius:3px;font-size:11px}.primary{width:100%;height:46px;background:linear-gradient(135deg,#c7a265,#ecd397);color:#172126;border-color:#e5c680;font-weight:700;font-size:14px;letter-spacing:1px}.primary:hover{background:#f2dca6;color:#182528}.primary span{float:right;margin-right:8px}.footnote{display:block;color:#7d9893;font-size:9px;line-height:1.9;margin-top:14px}.help-card{text-align:left;width:min(530px,94vw);padding:25px 30px}.help-card h2{font-size:23px;font-weight:500}.help-card ul{padding-left:17px;font-size:12px;color:#c6d1c9;line-height:2}.help-card p{font-size:11px;color:var(--muted);line-height:1.7}.help-card .primary{margin-top:9px}#selection-box{position:absolute;display:none;border:1px solid #dfc383;background:#efd59919;pointer-events:none}#toast{position:absolute;bottom:20px;left:50%;transform:translate(-50%);border:1px solid #878362;background:#142328ee;border-radius:5px;padding:9px 18px;color:#e5dbb2;font-size:12px;pointer-events:none;opacity:0;transition:opacity .15s;white-space:nowrap}#toast.show{opacity:1}#mode-hint{position:absolute;bottom:60px;left:50%;transform:translate(-50%);background:#513b23ed;padding:8px 17px;border:1px solid var(--gold);border-radius:4px;font-size:12px;pointer-events:none}#loading{position:absolute;inset:0;background:#142324;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;color:var(--gold);z-index:30}.loading-icon{font-size:44px;animation:pulse 1.5s infinite}#loading small{color:var(--muted)}@keyframes pulse{50%{opacity:.35;transform:rotate(90deg)}}.result-card{text-align:center}.result-card>#result-mark{font-size:60px;display:block;color:var(--gold);margin-bottom:20px}.result-card p{color:var(--muted);font-size:13px;line-height:1.8;margin:20px 0 27px}.result-card h1{font-size:36px}@media(max-width:1050px){.hud{grid-template-columns:165px minmax(200px,.8fr) minmax(350px,1.25fr);padding:12px 14px;gap:14px}.economy{gap:20px}.controls{font-size:8px}.train-row button{padding:5px}.topbar{padding:0 16px}.selection-detail{gap:8px}.portrait{width:51px;flex-basis:51px}.selection-detail h2{font-size:14px}.brand strong{font-size:17px}.brand small{font-size:7px}}@media(max-width:760px){.topbar{height:59px;gap:8px;padding:0 10px}.brand{gap:5px}.crest{font-size:23px}.brand strong{font-size:14px;letter-spacing:1px}.brand small{display:none}.economy{gap:10px}.economy>div{grid-template-columns:auto;gap:0}.economy span,.economy small{display:none}.economy b{font-size:13px}.session{gap:4px}.session>span{display:inline-block;flex:none;font-size:10px;margin-right:3px}.session button{height:29px;min-width:26px;padding:0 5px;font-size:11px}#battle{height:calc(100dvh - 240px)}.hud{height:181px;grid-template-columns:105px 1fr;gap:10px;padding:9px}.selection-panel{display:none}.minimap-wrap canvas{height:110px}.minimap-wrap small{font-size:8px;line-height:1.5}.command-panel .panel-title>span:last-child{display:none}.train-row button{height:76px}.train-row b{font-size:10px}.train-row small{font-size:8px;white-space:normal}.unit-icon{font-size:21px}.order-row button{font-size:9px;padding:0 4px}.order-row kbd,.train-row kbd,.controls{display:none}.objective{left:15px;top:15px}.objective b{font-size:16px}.objective .eyebrow{font-size:8px}.objective>span:last-child{font-size:9px}.intro-card{padding:23px}.intro-card h1{font-size:35px}.help-card{max-height:90dvh;overflow:auto}.help-card ul{font-size:11px}.intro-card .brief p{font-size:10px}}#build{width:auto;height:25px;padding:0 9px;font-size:10px;letter-spacing:0;color:var(--gold);border:1px solid #756e4f}#cancel-build{font-size:10px;margin-top:5px;padding:3px 7px;color:var(--gold)}#cancel-build[hidden]{display:none}.command-panel .panel-title{margin-bottom:8px}#mode-hint{max-width:90%;text-align:center}.help-card{max-height:94dvh;overflow:auto}@media(max-width:760px){#build{font-size:8px;padding:0 4px}#build kbd{display:none}.command-panel .panel-title{font-size:9px}}[hidden]{display:none!important}.hud{height:213px}#battle{height:calc(100dvh - 283px)}.objective{background:linear-gradient(90deg,#142b31c9,#142b3100);padding:13px 26px 13px 16px;top:16px;left:18px;border-left:2px solid #d9b574;gap:5px}.objective b{font-size:19px}.objective .eyebrow{font-size:9px}.render-status{position:absolute;left:23px;bottom:10px;color:#d0dfd282;font-size:9px;letter-spacing:.6px;pointer-events:none}.group-row{display:flex;align-items:center;gap:4px;margin-top:7px;height:22px}.group-row>span{font-size:9px;color:var(--muted);margin-right:3px}.group-row button{min-width:28px;height:21px;padding:0 5px;font-size:9px}.group-row small{margin-left:auto;color:#809b93;font-size:8px;white-space:nowrap}.selection-detail{min-height:67px}#selected-units{height:24px;margin-top:5px}#selected-units button{height:23px;width:26px}#queue{height:21px}.train-row button{height:88px;position:relative;overflow:hidden}.train-row button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 14px #05131466}.order-row{gap:5px}.order-row button{font-size:9px}.continue-button{width:100%;min-height:42px;margin-bottom:10px;border-color:#638e91;color:#c7e4df;background:#264445}.intro-card{background:radial-gradient(ellipse at top,#34434780,transparent 55%),linear-gradient(145deg,#1d3034fc,#101b20fc)}.intro-card .eyebrow{font-size:9px;letter-spacing:3px}.intro-card h1{font-size:48px;letter-spacing:8px}.setting{display:flex;align-items:center;gap:7px;color:#cad9ce;font-size:11px;padding:12px;border:1px solid #425851;border-radius:5px}.setting input{accent-color:#d8b574}.storage-note{font-size:10px!important}#paused-banner{position:absolute;top:15px;left:50%;transform:translate(-50%);padding:8px 16px;background:#142b30e6;color:#efd9a7;border:1px solid #ad935b;font-size:11px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:5}#coach{position:absolute;right:18px;top:16px;width:244px;background:#10252ccf;border:1px solid #60746578;border-radius:5px;padding:12px 14px;color:#d1ddd3;box-shadow:0 3px 15px #11292333}#coach>div{display:flex;align-items:center;justify-content:space-between}#coach-step{font-size:9px;color:#d7bd82;letter-spacing:1px}#coach-dismiss{font-size:17px;background:none;border:0;padding:0 2px;line-height:14px;color:#a0b6ad}#coach p{font-size:10px;line-height:1.75;margin:8px 0 0}.help-card ul{line-height:1.8}.help-card{max-height:90dvh}.controls{font-size:8px}.topbar{background:linear-gradient(90deg,#15272b,#111e23 60%,#172a2d)}@media(max-width:1100px){.hud{grid-template-columns:160px minmax(200px,.8fr) minmax(360px,1.3fr);gap:13px;padding:12px 14px}.economy{gap:17px}.topbar{gap:12px;padding:0 14px}.session{gap:5px}.session button{padding:0 7px}.group-row small{display:none}#coach{width:220px}.group-row button{min-width:25px}.controls{white-space:normal;line-height:1.5}}@media(max-width:760px){.topbar{height:59px;padding:0 8px;gap:6px}.brand strong{font-size:13px}.crest{display:none}.economy{gap:8px}.session{gap:3px}.session button{padding:0 5px;min-width:24px;font-size:10px}.hud{height:187px;grid-template-columns:98px 1fr;gap:9px;padding:9px}#battle{height:calc(100dvh - 246px)}.selection-panel{display:none}#coach{top:auto;bottom:23px;right:10px;width:195px;padding:8px 10px}#coach p{font-size:9px;margin:4px 0 0}#coach-step{font-size:8px}.objective{left:10px;top:10px;padding:8px 14px 8px 10px}.objective b{font-size:15px}.objective .eyebrow{font-size:7px}.objective>span:last-child{font-size:8px}.train-row button{height:77px}.order-row button{font-size:8px;padding:0 3px}.order-row kbd{display:none}.render-status{font-size:7px;left:12px;bottom:7px}#paused-banner{top:90px;font-size:9px;padding:6px 10px}.intro-card{max-height:94dvh;overflow:auto;padding:22px}.intro-card h1{font-size:34px}.session #save{font-size:0}.session #save:after{content:"\25a3";font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}#studio-watermark{position:absolute;right:16px;bottom:10px;pointer-events:none;user-select:none;font-size:11px;letter-spacing:1.4px;color:#e8d5ad80;text-shadow:0 1px 3px #00151688}.studio-credit{border-top:1px solid #4c5c51;margin-top:15px;padding-top:12px;display:flex;align-items:center;gap:12px;font-size:10px;color:#b2c8bd}.studio-credit strong{font-family:Georgia,serif;letter-spacing:1.2px;color:#dbc18b;font-size:15px}.studio-credit a{margin-left:auto;color:#99bcb8;text-decoration:none}.studio-credit a:hover{text-decoration:underline}.ending-credit{display:block;margin-top:18px;color:#afbdab;font-size:10px;letter-spacing:2px}.intro-card>.eyebrow{letter-spacing:2px}.brand small{letter-spacing:2px}@media(max-width:760px){#studio-watermark{font-size:8px;right:11px;bottom:8px}.studio-credit{flex-wrap:wrap;gap:7px}.studio-credit a{margin-left:0}}.confirm-card{width:min(420px,92vw);padding:28px;background:linear-gradient(145deg,#203439,#142225);border:1px solid #ad945e;border-radius:8px;box-shadow:0 18px 50px #0008}.confirm-card h2{font-size:24px;font-weight:500;margin:15px 0}.confirm-card p{font-size:13px;line-height:1.7;color:#b6c6bb}.confirm-actions{display:flex;gap:10px;margin-top:22px}.confirm-actions button{flex:1;padding:11px 8px;font-size:12px}#confirm-restart{border-color:#a6834c;color:#f1d79e;background:#463c27}#hover-info{position:absolute;max-width:220px;padding:6px 9px;background:#11262be8;border:1px solid #617868a8;border-radius:4px;color:#dce7cf;font-size:11px;line-height:1.45;pointer-events:none;z-index:4;box-shadow:0 2px 8px #06171944}#hover-info[hidden]{display:none}#locale-switch{display:flex;align-items:center;gap:2px;position:relative;z-index:40;flex:none;border:1px solid #5c705f;border-radius:5px;background:#17282e;padding:1px}#locale-switch button{border:0;min-width:29px;padding:0 5px;height:28px;font-size:11px;background:none}#locale-switch button[aria-pressed=true]{background:#4b472f;color:#f5d28e}#locale-switch>span{color:#75908b;font-size:9px}.brand small{letter-spacing:1px}.train-row b{line-height:1.2}.train-row button{overflow:visible}.intro-card h1:lang(en){letter-spacing:3px;font-size:44px}.selection-detail h2:lang(en){font-size:15px;letter-spacing:0}.objective b:lang(en){letter-spacing:0}.topbar:lang(en){gap:10px}.brand strong:lang(en){letter-spacing:1px}#toast{white-space:normal;text-align:center;width:max-content;max-width:88%}.studio-credit{flex-wrap:wrap}.group-row small:lang(en){font-size:7px}@media(max-width:1050px){.economy:lang(en){gap:12px}.session:lang(en){gap:3px}.session button:lang(en){padding:0 5px;font-size:11px}.train-row b:lang(en){font-size:10px}.train-row small:lang(en){font-size:8px}.hud:lang(en){gap:10px}}@media(max-width:760px){.brand strong:lang(en){font-size:12px}.topbar:lang(en){gap:5px}.session #save:lang(en){font-size:0}.session #restart:lang(en){font-size:9px}.session #locale-switch button{font-size:10px;padding:0 3px;min-width:24px}.train-row b:lang(en){font-size:9px;min-height:22px}.train-row small:lang(en){font-size:8px}.order-row button:lang(en){font-size:7px;white-space:normal;line-height:1.1}.command-panel .panel-title:lang(en){font-size:8px}#build:lang(en){font-size:7px}.minimap-wrap small:lang(en){font-size:7px}.objective b:lang(en){font-size:13px}#paused-banner:lang(en){white-space:normal;max-width:85%;text-align:center;width:max-content}.intro-card h1:lang(en){font-size:34px;letter-spacing:2px}}@media(max-width:420px){.topbar{flex-wrap:wrap;height:88px;gap:4px;padding:5px 8px}.brand{flex:1}.economy{flex:1;justify-content:flex-end}.session{width:100%;justify-content:flex-end}.session>span{display:block;margin-right:auto;font-size:10px}#battle{height:calc(100dvh - 275px)}.hud{grid-template-columns:80px 1fr;gap:6px;padding:9px 6px}#coach{width:168px}.train-row{gap:4px}.train-row button{padding:4px}.order-row{gap:3px}.intro-card .eyebrow{letter-spacing:1px}}.hud{position:relative;height:245px}#battle{height:calc(100dvh - 315px)}.command-panel .panel-title{height:37px}.train-row button{height:105px}.train-row .train-status{display:block;min-height:22px;margin-top:4px;font-size:8px;line-height:1.25;white-space:normal;color:#d8c793}.train-row button:disabled{opacity:.7}.train-row button:disabled .train-status{color:#f1c087}#build{height:37px;max-width:78%;white-space:normal;line-height:1.15}#build small{display:block;font-size:8px;font-weight:400;color:#e2c593;margin-top:3px}#build:disabled{opacity:.75}#selection-toggle,#selection-close{display:none}#population{white-space:nowrap}.selection-panel .panel-title{gap:8px}@media(max-width:760px){.hud{height:245px;grid-template-columns:98px minmax(0,1fr);grid-template-rows:24px minmax(0,1fr);gap:6px 9px;padding:8px 9px}#battle{height:calc(100dvh - 304px)}#selection-toggle{display:block;grid-column:1/-1;grid-row:1;height:24px;text-align:left;padding:0 10px;font-size:10px;color:#e2cb91}#selection-toggle:after{content:"\25b4";float:right}#selection-toggle[aria-expanded=true]:after{content:"\25be"}.minimap-wrap{grid-column:1;grid-row:2}.command-panel{grid-column:2;grid-row:2;min-width:0}.minimap-wrap canvas{height:113px}.selection-panel{display:none}.selection-panel.is-open{display:block;position:absolute;left:8px;right:8px;bottom:calc(100% + 6px);max-height:43dvh;overflow:auto;padding:12px 14px;background:#152a30fa;border:1px solid #a08757;border-radius:6px;box-shadow:0 -8px 24px #05141799;z-index:15}.selection-panel .panel-title{height:22px}#selection-close{display:block;width:25px;flex:none;font-size:20px}.selection-panel #selected-count{margin-left:auto}.selection-panel .selection-detail{min-height:57px}.selection-panel #selected-units,.selection-panel #queue{overflow-x:auto;height:29px}.selection-panel #queue button,.selection-panel #selected-units button{flex:none}.selection-panel .group-row{margin-top:4px}.command-panel .panel-title{height:36px;font-size:8px;letter-spacing:0;margin-bottom:5px}#build{max-width:77%;padding:2px 4px;height:36px;font-size:8px}#build small{font-size:7px;line-height:1.2}.train-row button{height:105px;padding:4px}.train-row .unit-icon{height:25px;font-size:22px}.train-row b{font-size:9px;min-height:21px}.train-row .train-status{font-size:7px;min-height:25px;margin-top:3px}.train-row small{line-height:1.25}.order-row{margin-top:6px}.order-row button{height:27px}.selection-detail p{font-size:10px}.selection-detail h2{font-size:14px;margin-bottom:4px}.portrait{height:53px;width:48px;flex-basis:48px}}@media(max-width:420px){#battle{height:calc(100dvh - 333px)}.hud{grid-template-columns:80px minmax(0,1fr);gap:6px;padding:8px 6px}.economy b{font-size:12px}.train-row .train-status,#build,#build small{font-size:7px}.selection-panel.is-open{padding:10px}}