:root{color:#e9e6d8;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d211d;font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer;transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #efce80}button{color:#f0ead6;background:#28372b;border:1px solid #746c4d;border-radius:5px;padding:10px 16px}button:hover{background:#3b4d36}button.primary{color:#202b22;background:#dec186;border:1px solid #efdaac;font-weight:700}.primary:hover{background:#f0d69b}select{color:#f1ecde;background:#24362b;border:1px solid #67715b;border-radius:6px;width:100%;padding:14px}.eyebrow{letter-spacing:.22em;color:#c7af73;font-size:11px;font-weight:650}.muted{color:#a7b0a0;line-height:1.9}.crest{color:#e4c384;border:1px solid #bba16b;border-radius:6px 6px 15px 15px;place-items:center;width:38px;height:42px;font-size:26px;display:inline-grid}.menu-shell{background:radial-gradient(at 30%,#244436 0,#0000 55%),#10251f;min-height:100vh;padding:0 5vw}.brand{letter-spacing:3px;border-bottom:1px solid #ffffff14;align-items:center;gap:16px;height:106px;font-size:18px;display:flex}.brand b{color:#cfb778;font-family:Georgia,serif}.brand small{color:#91a18d;letter-spacing:1px;margin-left:auto;font-size:12px}.menu-main{grid-template-columns:1.25fr .8fr;align-items:center;gap:9%;max-width:1220px;min-height:calc(100vh - 174px);margin:auto;padding:35px 0;display:grid}.intro h1{color:#f0ecdc;letter-spacing:5px;margin:24px 0;font-family:Georgia,Songti TC,serif;font-size:clamp(48px,5.1vw,78px);font-weight:600;line-height:1.16}.intro>p{color:#b4c2ad;font-size:15px;line-height:2.1}.hero-art{background:radial-gradient(at 55% 20%,#9ba87855,#0000 60%);border-bottom:1px solid #a6aa7c55;border-radius:55% 50% 0 0;height:260px;margin-top:25px;position:relative;overflow:hidden}.sun{background:#d1bd7d44;border-radius:50%;width:95px;height:95px;position:absolute;top:10%;right:28%;box-shadow:0 0 80px #ccbd7355}.hill{background:#355d40;border-radius:45% 50%;width:110%;height:130px;position:absolute;bottom:-38px;transform:rotate(-9deg)}.hill-back{background:#4a6c4b;bottom:3px;transform:rotate(12deg)}.castle{color:#cfc8a4;text-shadow:18px 15px #172b2255;font-family:Georgia,serif;font-size:220px;line-height:1;position:absolute;bottom:20px;left:37%}.hero-caption{letter-spacing:3px;color:#e5d7ac;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:14px;left:0;right:0}.hero-caption span{letter-spacing:1px}.setup{background:linear-gradient(145deg,#2a402de6,#1d3026);border:1px solid #9d9e6b3b;border-radius:10px;padding:32px;box-shadow:0 25px 60px #0003}.setup h2{margin:14px 0;font-family:Songti TC,serif;font-size:30px}.setup label{color:#dedfc9;margin:28px 0 10px;font-size:13px;display:block}.setup-info{justify-content:space-between;margin-bottom:8px;padding:22px 0;display:flex}.setup-info span{color:#91a18d;flex-direction:column;gap:8px;font-size:11px;display:flex}.setup-info b{color:#cfd7bd;font-size:13px;font-weight:500}.setup .primary{justify-content:space-between;width:100%;padding:16px;font-size:16px;display:flex}.local-note{text-align:center;color:#9cab8e;margin:12px 0 24px;font-size:11px}.howto{color:#a5b29a;border-top:1px solid #ffffff12;padding-top:12px;font-size:12px;line-height:1.5}.howto h3{color:#d1d9c4;margin-bottom:15px;font-size:12px;font-weight:500}kbd{color:#cfdbc4;background:#14271d77;border:1px solid #71836566;border-radius:3px;padding:3px 6px;font:11px system-ui;display:inline-block}.menu-shell footer{color:#708a75;letter-spacing:2px;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;height:68px;font-size:11px;display:flex}#world{position:fixed;inset:0}#world canvas{display:block}.hud{z-index:10;background:linear-gradient(#20332bef,#14261ff5);border:1px solid #8c805b99;border-radius:8px;align-items:center;gap:26px;height:66px;padding:0 16px;display:flex;position:fixed;top:14px;left:16px;right:16px;box-shadow:0 5px 20px #0004}.hud-brand{letter-spacing:2px;border-right:1px solid #8c805b44;align-items:center;gap:12px;padding-right:24px;font-family:Songti TC,serif;font-size:16px;display:flex}.hud-brand b{color:#dac084}.hud-brand .crest{width:30px;height:36px;font-size:22px}.resource{align-items:center;gap:10px;min-width:95px;display:flex}.resource i{color:#bcc4aa;font-size:27px;font-style:normal}.resource.wood i{color:#adbc8b}.resource.gold i{color:#d7b56b}.resource span{flex-direction:column;gap:2px;display:flex}.resource small{color:#a8b09b;font-size:10px}.resource b{letter-spacing:1px;font-size:18px;font-weight:600}.match-info{color:#b5bba4;flex-direction:column;gap:3px;margin-left:auto;font-size:12px;display:flex}.match-info time{color:#dfd5b9;font-variant-numeric:tabular-nums}.hud>button{font-size:12px}.selection-panel{z-index:10;background:linear-gradient(120deg,#1a2c24f5,#213329f5);border:1px solid #8c805b99;border-radius:7px;align-items:center;gap:35px;min-height:156px;padding:20px 24px;display:flex;position:fixed;bottom:16px;left:16px;right:242px;box-shadow:0 0 25px #0004}.selection-empty{color:#b7c4a8;align-items:center;gap:22px;display:flex}.selection-empty>span{color:#9aa678;font-size:46px}.selection-empty h3{color:#e1dcc9;font-size:17px;font-weight:500}.selection-empty p{font-size:12px;line-height:1.8}.unit-summary{min-width:150px}.unit-summary h2{letter-spacing:2px;margin:8px 0;font-family:Songti TC,serif;font-size:23px}.unit-summary p,.unit-summary small{color:#b3bea4;font-size:11px}.unit-summary .health{background:#14201a;width:150px;height:5px;margin:10px 0 4px}.health i{background:#83b570;height:100%;display:block}.actions{flex-wrap:wrap;flex:1;align-items:center;gap:9px;display:flex}.actions>button{min-width:116px;padding:12px 14px;font-size:12px}.actions button small{color:#adbb95;margin-top:8px;font-size:10px;display:block}#queue{gap:6px;width:100%;display:flex}#queue>button{border-color:#52624a;padding:6px 8px;font-size:10px;position:relative;overflow:hidden}#queue>button span{color:#c7bf93}#queue>button i{background:#d0b76d;height:2px;position:absolute;bottom:0;left:0}.minimap-panel{z-index:10;background:#1a2c24f5;border:1px solid #8c805b99;border-radius:7px;padding:12px;position:fixed;bottom:16px;right:16px}.minimap-panel>div{justify-content:space-between;margin-bottom:9px;font-size:12px;display:flex}.minimap-panel span{color:#8da184;font-size:10px}#minimap{cursor:crosshair;border:1px solid #797a55;width:192px;height:192px;display:block}.command-hint{color:#d6dfc3;text-shadow:0 1px 4px #000;pointer-events:none;letter-spacing:1px;font-size:11px;position:fixed;bottom:188px;left:24px}#toast{z-index:15;opacity:0;pointer-events:none;background:#172920ed;border:1px solid #bba16b;border-radius:5px;padding:12px 22px;font-size:13px;transition:opacity .15s;position:fixed;top:102px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}.modal-backdrop{z-index:25;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#06110bb3;place-items:center;display:grid;position:fixed;inset:0}[role=dialog]{text-align:center;background:linear-gradient(145deg,#29422f,#182c23);border:1px solid #bba16b99;border-radius:9px;width:370px;padding:36px;box-shadow:0 24px 80px #0007}[role=dialog] h2{margin:18px 0;font-family:Songti TC,serif;font-size:30px;font-weight:600}[role=dialog] p{color:#b8c2a7;margin-bottom:26px;font-size:13px;line-height:1.8}[role=dialog] button{width:100%;margin-top:12px;padding:13px;display:block}.small-screen{display:none}.loading{text-align:center;z-index:30;color:#d9c78d;background:#10251f;place-content:center;display:grid;position:fixed;inset:0}.loading p{color:#9bb393}.loading progress{accent-color:#cbb577;width:260px}.result .eyebrow{color:#e9cb84}@media (max-width:1100px){.hud{gap:16px}.hud-brand{padding-right:8px;font-size:13px}.resource{min-width:80px}.menu-main{gap:5%;padding:24px 0}.setup{padding:24px}.intro h1{font-size:58px}.hero-art{height:210px}}@media (max-width:1023px),(max-height:639px){body:has(#world) .small-screen{z-index:50;text-align:center;background:#0c211eef;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.menu-main{grid-template-columns:1fr}.intro{display:none}.setup{width:100%;max-width:500px;margin:auto}.brand{height:80px}.brand small{display:none}}.hero-fort{filter:drop-shadow(12px 16px 6px #11251c66);align-items:end;gap:6px;width:240px;height:130px;display:flex;position:absolute;bottom:18px;left:30%;transform:skewY(-5deg)}.hero-fort i,.hero-fort b{background:repeating-linear-gradient(0deg,#cbbb95 0 17px,#ac9f7a 18px 19px);border-bottom:6px solid #897d5c;border-right:10px solid #847955;width:58px;height:105px;display:block;position:relative}.hero-fort b{width:100px;height:80px}.hero-fort i:before,.hero-fort b:before{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#507b9b;height:32px;position:absolute;top:-28px;left:-7px;right:-7px}.hero-fort b:after{content:"";background:#354131;border-radius:20px 20px 0 0;width:28px;height:43px;position:absolute;bottom:0;left:27px}.world-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.world-health{background:#15221b;border:1px solid #0a160a;width:42px;height:5px;position:absolute;top:-8px;left:-21px}.world-health i{background:#91c76d;height:100%;display:block}.world-health[data-relation=enemy] i{background:#df7761}.world-health b{color:#ffe5a0;text-shadow:0 1px 3px #000;font-size:12px;position:absolute;top:-18px;left:14px}.world-drag{pointer-events:none;background:#e0d39822;border:1px solid #e0d398;position:absolute}