:root{color:#f7f0da;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f7f0da;--muted:#aeb9aa;--panel:#1d2a22;--panel-soft:#26372d;--line:#f2c7682e;--gold:#f2c768;--gold-dark:#b78632;--green:#4d8d61;--green-light:#7fc889;--danger:#c56758;background:#101813;font-family:ui-sans-serif,system-ui,-apple-system,Noto Sans Thai,Tahoma,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,#4d8d6147,#0000 45%),#101813;min-height:100dvh;margin:0}button{font:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #f2c76899}.boot-screen,.landing,.game-shell{width:min(100%,480px);min-height:100vh;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 80px #00000061}.boot-screen{background:#142019;place-content:center;justify-items:center;gap:18px;display:grid}.brand-mark{aspect-ratio:1;color:#173323;background:var(--gold);border-radius:18px 18px 28px 28px;place-items:center;width:58px;font:700 32px/1 ui-sans-serif,system-ui,sans-serif;display:grid;box-shadow:0 12px 30px #f2c7682e}.landing{padding:calc(32px + env(safe-area-inset-top)) 26px calc(42px + env(safe-area-inset-bottom));background:linear-gradient(#1420190a,#142019 72%),repeating-linear-gradient(115deg,#0000 0 34px,#f2c7680a 35px 36px),#244d35;align-items:flex-end;display:flex}.landing:before,.landing:after{content:"";background:#355f42;border-radius:50% 50% 0 0;width:144%;height:34%;position:absolute;left:-22%;transform:rotate(-7deg)}.landing:before{opacity:.9;top:22%}.landing:after{background:#1e3e2b;top:38%;transform:rotate(5deg)}.landing-sun{background:var(--gold);border-radius:50%;width:108px;height:108px;position:absolute;top:11%;right:16%;box-shadow:0 0 80px #f2c76873}.landing-copy{z-index:2;position:relative}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font:700 11px/1.2 ui-sans-serif,system-ui,sans-serif;display:block}.landing h1{letter-spacing:-.04em;margin:10px 0 14px;font:800 clamp(42px,12vw,58px)/1.03 ui-sans-serif,system-ui,Noto Sans Thai,sans-serif}.landing p{color:#c9d1c5;max-width:390px;margin:0 0 26px;font-size:15px;line-height:1.7}.landing small{min-height:20px;color:var(--muted);margin-top:14px;display:block}.primary-button,.capture-button{color:#193124;background:linear-gradient(135deg, #ffdc86, var(--gold));border:0;border-radius:16px;min-height:52px;padding:0 24px;font-weight:800;box-shadow:0 12px 32px #f2c76833}.primary-button{width:100%}button:disabled{cursor:not-allowed;opacity:.48}.game-shell{height:100vh;background:linear-gradient(#101813d6,#101813f5),repeating-linear-gradient(135deg,#0000 0 24px,#ffffff05 25px 26px),#142019;flex-direction:column;height:100dvh;min-height:0;display:flex}.topbar{padding:calc(18px + env(safe-area-inset-top)) 18px 12px;justify-content:space-between;align-items:center;display:flex}.topbar h1,.section-heading h2,.map-heading h2,.capital-card h2{margin:4px 0 0;font:800 21px/1.2 ui-sans-serif,system-ui,Noto Sans Thai,sans-serif}.stamina,.territory-count,.map-coordinates{border:1px solid var(--line);color:var(--gold);background:#f2c76814;border-radius:999px;padding:7px 10px;font:700 12px/1 ui-sans-serif,system-ui,sans-serif}.resource-bar{grid-template-columns:repeat(4,1fr);gap:6px;padding:0 14px 10px;display:grid}.resource-pill{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:10px;justify-content:center;align-items:center;gap:4px;min-width:0;padding:8px 4px;display:flex}.resource-pill strong{text-overflow:ellipsis;font:700 12px/1 ui-sans-serif,system-ui,sans-serif;overflow:hidden}.status-strip{color:#c6d4c5;background:#4d8d611a;border:1px solid #7fc8891f;border-radius:10px;align-items:center;gap:8px;margin:0 14px 10px;padding:9px 12px;font-size:11px;display:flex}.status-dot{background:var(--green-light);width:7px;height:7px;box-shadow:0 0 10px var(--green-light);border-radius:50%;flex:none}.status-dot.is-busy{background:var(--gold);animation:.9s infinite alternate pulse}.screen-content{scrollbar-width:none;flex:1;min-height:0;padding:4px 14px 106px;overflow-y:auto}.screen-content::-webkit-scrollbar{display:none}.panel-stack,.world-screen{gap:14px;display:grid}.capital-card,.army-banner{border:1px solid var(--line);background:radial-gradient(circle at 10% 20%, #f2c76821, transparent 38%), var(--panel);border-radius:22px;align-items:center;gap:16px;min-height:142px;padding:18px;display:flex}.capital-art{background:#f2c76814;border-radius:50%;flex:none;place-items:center;width:92px;height:92px;font-size:48px;display:grid}.capital-card p,.tile-inspector p,.unit-card p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.55}.section-heading,.map-heading{justify-content:space-between;align-items:end;padding:5px 3px 0;display:flex}.unit-list{gap:8px;display:grid}.unit-card{background:var(--panel);border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:12px;min-height:72px;padding:12px;display:flex}.unit-icon{background:var(--panel-soft);border-radius:13px;flex:none;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.unit-copy{flex:1}.unit-copy h3,.tile-inspector h3{margin:0;font:800 15px/1.2 ui-sans-serif,system-ui,Noto Sans Thai,sans-serif}.small-button{min-width:48px;min-height:44px;color:var(--gold);background:#f2c76814;border:1px solid #f2c76847;border-radius:12px;font-weight:800}.marching-unit{--march-x:0px;--march-y:0px;z-index:12;pointer-events:none;place-items:center;animation:.9s ease-in-out both march-across-field;display:grid;position:absolute;inset:7px}.marching-unit .pixel-soldier{background-size:136px 34px;width:34px;height:34px;animation:.44s steps(4,end) infinite pixel-walk-small}.pixel-soldier{width:48px;height:48px;image-rendering:pixelated;filter:drop-shadow(0 5px 2px #00000047);transform-origin:50% 78%;background-repeat:no-repeat;background-size:192px 48px;display:block}.pixel-soldier.action-walk{background-image:url(/sprites/soldier-walk.svg);animation:.44s steps(4,end) infinite pixel-walk}.pixel-soldier.action-idle{background-image:url(/sprites/soldier-walk.svg);background-position:0 0}.pixel-soldier.action-attack{background-image:url(/sprites/soldier-attack.svg);animation:.42s steps(4,end) infinite pixel-attack}.pixel-soldier.action-fall{background-image:url(/sprites/soldier-fall.svg);animation:.56s steps(4,end) forwards pixel-fall}.pixel-soldier.side-defender{filter:hue-rotate(145deg)saturate(1.55)drop-shadow(0 5px 2px #00000047);transform:scaleX(-1)}.pixel-soldier.is-defeated{opacity:.58}.pixel-soldier.side-defender.is-defeated{transform:scaleX(-1)}.battle-overlay{z-index:40;padding:calc(17px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#0d161033,#0d1610fa 70%),#243d2b;flex-direction:column;gap:10px;animation:.3s ease-out both battle-curtain;display:flex;position:absolute;inset:0;overflow:hidden}.battle-overlay.terrain-forest{background:linear-gradient(#0b1a121f,#0e1d15 76%),#31543d}.battle-overlay.terrain-highland{background:linear-gradient(#23201829,#171912 76%),#555744}.battle-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.battle-header h2{margin:4px 0 0;font-size:24px}.skip-battle{min-width:68px;min-height:38px;color:var(--muted);background:#0003;border:1px solid #ffffff1a;border-radius:999px;font-size:11px}.power-versus{color:#c4cec2;text-align:center;border-block:1px solid #ffffff0f;grid-template-columns:1fr 38px 1fr;align-items:center;min-height:42px;font-size:9px;display:grid}.power-versus span:first-child{text-align:left}.power-versus span:last-child{text-align:right}.power-versus b{color:var(--gold);font-size:16px}.power-versus i{color:#172019;background:var(--gold);border-radius:50%;place-items:center;width:32px;height:32px;font:900 10px/1 ui-sans-serif,system-ui,sans-serif;display:grid}.battle-arena{background:linear-gradient(#ffffff0b 50%,#0000 50%) 0 0/32px 32px,linear-gradient(90deg,#ffffff0b 50%,#0000 50%) 0 0/32px 32px,radial-gradient(at 50% 80%,#75a7683d,#0000 58%),linear-gradient(#879b79 0 34%,#496445 35% 100%);border:1px solid #f2c76824;border-radius:22px;flex:340px;min-height:340px;position:relative;overflow:hidden;box-shadow:inset 0 -50px 70px #1422165c}.battle-arena:before,.battle-arena:after{content:"";pointer-events:none;position:absolute}.battle-arena:after{opacity:.16;background-image:linear-gradient(45deg,#d7bd76 25%,#0000 25% 75%,#d7bd76 75%);background-size:22px 22px;height:36%;bottom:0;left:0;right:0}.battle-horizon{z-index:1;opacity:.35;background:#344b38;border-radius:50% 50% 10% 10%;width:90px;height:80px;position:absolute;top:25%;left:50%;transform:translate(-50%)}.battle-phase{z-index:70;color:#e9efdf;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121d15c7;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:6px 9px;font-size:9px;display:inline-flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.battle-phase i{background:var(--gold);width:6px;height:6px;box-shadow:0 0 8px var(--gold);border-radius:50%;animation:.7s ease-in-out infinite alternate pulse}.battle-front-line{z-index:4;opacity:.18;background:repeating-linear-gradient(#ffe29aa6 0 5px,#0000 5px 10px);width:2px;transition:opacity .25s;position:absolute;top:18%;bottom:6%;left:50%;transform:translate(-50%)}.battle-front-line span{color:#243323;background:var(--gold);border-radius:50%;place-items:center;width:27px;height:27px;font-size:13px;transition:transform .25s;display:grid;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)scale(.75)}.battle-arena.is-clashed .battle-front-line{opacity:.68}.battle-arena.is-clashed .battle-front-line span{transform:translate(-50%,-50%)scale(1)}.battle-squad-tag{z-index:65;color:#f8f0da;text-shadow:0 1px 2px #000;background:#111b14a3;border-radius:5px;gap:4px;max-width:104px;padding:3px 5px;font:700 7px/1.1 ui-sans-serif,system-ui,sans-serif;display:flex;position:absolute;overflow:hidden;transform:translateY(-25px)}.battle-squad-tag.side-attacker{left:6px}.battle-squad-tag.side-defender{flex-direction:row-reverse;right:6px}.battle-squad-tag span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.battle-unit{pointer-events:none;will-change:left, top;width:48px;height:58px;transition:left 60ms linear,top 60ms linear;position:absolute;transform:translate(-50%,-50%)}.battle-unit .pixel-soldier{position:absolute;top:9px;left:0}.battle-unit-level{z-index:4;color:#1e2b20;background:#f4ead0;border:1px solid #e8dbc0;border-radius:50%;place-items:center;width:14px;height:14px;font:900 7px/1 ui-sans-serif,system-ui,sans-serif;display:grid;position:absolute;top:2px;left:1px;box-shadow:0 1px 2px #0006}.battle-unit-hp{z-index:3;background:#0d140fbd;border:1px solid #131d15b8;border-radius:99px;width:30px;height:4px;position:absolute;top:4px;left:13px;overflow:hidden}.battle-unit-hp i{border-radius:inherit;background:#80c87d;height:100%;transition:width .2s;display:block}.battle-unit.side-defender .battle-unit-hp i{background:#d06c5d}.battle-unit.is-hit .pixel-soldier{animation:.22s steps(2,end) both unit-hit}.battle-unit.is-defeated{z-index:6!important}.damage-pop{z-index:12;color:#fff0b0;text-shadow:0 2px #7b322b,0 0 8px #fff0b0;align-items:center;gap:2px;font:900 20px/1 ui-sans-serif,system-ui,sans-serif;animation:.42s ease-out both damage-float;display:inline-flex;position:absolute}.damage-pop.target-attacker{left:38%}.damage-pop.target-defender{right:38%}.damage-pop i{color:#fff5c8;font-size:14px;font-style:normal}.battle-log{min-height:48px;color:var(--muted);background:#0000002e;border:1px solid #ffffff0d;border-radius:11px;align-content:center;gap:2px;padding:7px 10px;font-size:9px;display:grid}.battle-result{border:1px solid var(--line);opacity:.28;background:var(--panel);border-radius:16px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:86px;padding:10px;transition:opacity .3s,transform .3s;display:grid;transform:translateY(8px)}.battle-result.is-visible{opacity:1;transform:translateY(0)}.result-seal{border:2px solid var(--gold);width:48px;height:48px;color:var(--gold);border-radius:50%;place-items:center;font:900 22px/1 serif;display:grid}.battle-result h3{margin:3px 0 0;font-size:14px}.battle-result p{color:var(--muted);margin:3px 0 0;font-size:8px}.battle-result button{color:#193124;background:var(--gold);border:0;border-radius:11px;max-width:82px;min-height:42px;font-size:9px;font-weight:800}@keyframes march-across-field{0%{transform:translate(var(--march-x), var(--march-y)) scale(.82);opacity:.3}25%{opacity:1}to{opacity:1;transform:translate(0)scale(1)}}@keyframes pixel-walk{to{background-position-x:-192px}}@keyframes pixel-walk-small{to{background-position-x:-136px}}@keyframes pixel-attack{to{background-position-x:-192px}}@keyframes pixel-fall{to{background-position-x:-192px}}@keyframes battle-curtain{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes actor-enter-left{0%{opacity:0;transform:translate(-90px)}to{opacity:1;transform:translate(0)}}@keyframes actor-enter-right{0%{opacity:0;transform:translate(90px)}to{opacity:1;transform:translate(0)}}@keyframes damage-float{0%{opacity:0;transform:translateY(10px)scale(.6)}30%{opacity:1;transform:translateY(-3px)scale(1.16)}to{opacity:0;transform:translateY(-28px)scale(.9)}}@keyframes unit-hit{0%,to{opacity:1}50%{opacity:.2;filter:brightness(2.4)saturate(0)}}@media (prefers-reduced-motion:reduce){.pixel-soldier,.marching-unit,.battle-overlay,.battle-actor,.battle-unit,.damage-pop{animation-duration:1ms!important;animation-iteration-count:1!important}}.army-banner{justify-content:space-between}.army-banner strong{color:var(--gold);margin-top:6px;font:800 52px/1 ui-sans-serif,system-ui,sans-serif;display:block}.army-emblem{border:1px solid var(--line);width:90px;height:90px;color:var(--gold);background:#f2c7680f;border-radius:50%;place-items:center;font-size:38px;display:grid}.map-frame{border:1px solid var(--line);background:radial-gradient(circle at 50% 20%,#4d8d6140,#0000 50%),#17271d;border-radius:20px;gap:3px;padding:8px;display:grid;overflow:hidden;box-shadow:inset 0 0 40px #00000040}.map-row{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.map-tile{aspect-ratio:1;min-width:0;color:var(--ink);touch-action:manipulation;background:#ffffff09;border:1px solid #ffffff09;border-radius:7px;position:relative}.map-tile:nth-child(3n){background:#ffffff0e}.map-tile.is-mine{background:#4d8d6161;border-color:#7fc8897a}.map-tile.is-selected{z-index:1;border-color:var(--gold);transform:scale(1.06);box-shadow:0 0 0 2px #f2c7683b,0 0 18px #f2c7682e}.tile-resource{font-size:clamp(12px,4vw,18px)}.tile-level{color:#ffffffb8;font:700 8px/1 ui-sans-serif,system-ui,sans-serif;position:absolute;bottom:1px;right:3px}.tile-flag{color:var(--gold);font-size:7px;position:absolute;top:1px;left:3px}.tile-inspector{background:var(--panel);border:1px solid #ffffff0f;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;min-height:90px;padding:14px;display:flex}.capture-button{min-width:112px;min-height:46px;padding-inline:14px;font-size:13px}.bottom-nav{z-index:10;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b271feb;border:1px solid #ffffff14;border-radius:20px;grid-template-columns:repeat(3,1fr);padding:7px;display:grid;position:absolute;left:12px;box-shadow:0 14px 40px #00000061}.nav-button{color:#849187;background:0 0;border:0;border-radius:14px;place-items:center;gap:3px;min-height:54px;font-size:10px;font-weight:700;display:grid}.nav-button span{font-size:19px}.nav-button.is-active{color:var(--gold);background:#f2c76817}@keyframes pulse{to{opacity:.35;transform:scale(.7)}}.resource-pill{flex-wrap:wrap;row-gap:2px}.resource-pill small{color:#77847a;text-align:center;text-overflow:ellipsis;width:100%;font:600 8px/1 ui-sans-serif,system-ui,sans-serif;overflow:hidden}.status-strip span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.city-screen{gap:14px;display:grid}.city-overview{border:1px solid var(--line);background:linear-gradient(135deg, #f2c7681f, transparent 52%), var(--panel);border-radius:20px;justify-content:space-between;align-items:center;gap:12px;min-height:108px;padding:17px;display:flex}.city-overview h2,.city-inspector h3{margin:4px 0 0;font:800 19px/1.2 ui-sans-serif,system-ui,Noto Sans Thai,sans-serif}.city-overview p,.city-inspector p,.guide-card p{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.45}.collect-button{color:#183222;background:var(--gold);border:1px solid #f2c76861;border-radius:14px;gap:4px;min-width:102px;min-height:58px;font-size:10px;font-weight:800;display:grid}.collect-button strong{font-size:15px}.income-row{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.income-row span{color:#bac7b9;background:#ffffff09;border:1px solid #ffffff0d;border-radius:9px;padding:8px 9px;font-size:10px}.construction-banner{background:linear-gradient(110deg,#f2c76821,#0000 58%),#27382b;border:1px solid #f2c76847;border-radius:15px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;display:grid;overflow:hidden}.construction-banner-icon{background:#f2c7681f;border-radius:11px;place-items:center;width:38px;height:38px;font-size:22px;animation:1.2s ease-in-out infinite alternate construction-bob;display:grid}.construction-banner>div{gap:4px;min-width:0;display:grid}.construction-banner strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.construction-banner time,.construction-countdown time{color:var(--gold);font-variant-numeric:tabular-nums;font:800 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.construction-progress{background:#00000047;border-radius:999px;height:4px;overflow:hidden}.construction-progress i,.plot-construction-progress i{border-radius:inherit;background:linear-gradient(90deg,#d99e3d,#ffe29a);height:100%;transition:width .8s linear;display:block}.city-field{background:linear-gradient(40deg,#0000 48%,#e2cb8f0a 49% 51%,#0000 52%),#243b29;border:1px solid #f2c7682e;border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:10px;display:grid;position:relative;box-shadow:inset 0 0 40px #00000047}.city-field:before,.city-field:after{content:"";z-index:0;pointer-events:none;background:#79b47e0f;border-radius:40%;position:absolute}.city-field:before{width:34%;height:26%;top:8%;right:4%}.city-field:after{width:42%;height:22%;bottom:7%;left:5%}.city-plot{z-index:1;aspect-ratio:1;min-width:0;color:var(--ink);touch-action:manipulation;background:#35563a;border:1px solid #ffffff0e;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.city-plot:nth-child(3n+1){background:#304e36}.plot-ground{background:#13261970;border-radius:50%;position:absolute;inset:58% -12% -20%}.building-icon{z-index:2;filter:drop-shadow(0 4px 2px #00000047);font-size:clamp(22px,8vw,32px);position:relative;transform:translateY(-3px)}.city-plot b{z-index:3;color:var(--gold);background:#101813c7;border-radius:5px;padding:2px 4px;font:800 7px/1 ui-sans-serif,system-ui,sans-serif;position:absolute;bottom:3px;right:3px}.empty-mark{z-index:2;color:#f2c7689e;border:1px dashed #f2c7684d;border-radius:9px;place-items:center;width:26px;height:26px;font-size:17px;display:grid;position:relative}.city-plot.is-selected{z-index:3;border-color:var(--gold);transform:translateY(-2px);box-shadow:0 0 0 2px #f2c76833,0 0 22px #f2c7683d}.city-plot.is-constructing{background:repeating-linear-gradient(135deg,#f2c76812 0 6px,#0000 6px 12px),#314a35}.city-plot.is-constructing .building-icon{animation:.9s ease-in-out infinite alternate construction-bob}.plot-construction-progress{z-index:4;background:#0000006b;border-radius:999px;height:3px;position:absolute;bottom:3px;left:4px;right:4px;overflow:hidden}.city-plot.is-constructing b{top:3px;bottom:auto}.city-inspector{background:var(--panel);border:1px solid #ffffff12;border-radius:18px;gap:11px;padding:15px;display:grid}.inspector-title{align-items:center;gap:11px;display:flex}.inspector-icon{background:var(--panel-soft);border-radius:13px;flex:none;place-items:center;width:48px;height:48px;font-size:26px;display:grid}.cost-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;font-size:10px;display:flex}.cost-line b{color:var(--ink);background:#ffffff0b;border-radius:7px;padding:4px 6px}.build-time-line,.construction-countdown{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.build-time-line strong,.construction-countdown strong{color:var(--ink)}.construction-countdown>div{gap:3px;display:grid}.construction-inspector{background:linear-gradient(145deg, #f2c76814, transparent 52%), var(--panel);border-color:#f2c76838}.construction-progress.is-large{height:8px}.action-button{color:#183222;background:linear-gradient(135deg, #ffdc86, var(--gold));border:0;border-radius:13px;min-height:46px;font-weight:800}.building-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.building-choice{min-width:0;min-height:58px;color:var(--ink);background:var(--panel-soft);text-align:left;border:1px solid #ffffff12;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:1px 7px;padding:8px;display:grid}.building-choice>span{grid-row:1/3;font-size:23px}.building-choice strong,.building-choice small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.building-choice strong{font-size:11px}.building-choice small{color:var(--muted);font-size:8px}@keyframes construction-bob{0%{transform:translateY(1px)rotate(-2deg)}to{transform:translateY(-2px)rotate(2deg)}}.map-legend{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:9px;display:flex;overflow-x:auto}.map-legend span{align-items:center;gap:4px;display:inline-flex}.legend-dot{background:#506254;border-radius:50%;width:7px;height:7px}.legend-dot.mine{background:var(--green-light)}.map-viewport{border:1px solid var(--line);overscroll-behavior:contain;scrollbar-width:none;background:#17251c;border-radius:20px;height:min(44vh,370px);min-height:300px;position:relative;overflow:auto;box-shadow:inset 0 0 60px #00000061}.map-viewport::-webkit-scrollbar{display:none}.map-field{background:repeating-linear-gradient(35deg,#0000 0 35px,#ffffff03 36px 37px),#1c3022;gap:2px;width:max-content;padding:12px;display:grid}.field-tile{width:48px;height:48px;color:var(--ink);touch-action:manipulation;background:#375a3d;border:1px solid #ffffff06;border-radius:7px;place-items:center;display:grid;position:relative;overflow:visible}.field-tile.terrain-forest{background:#294a36}.field-tile.terrain-highland{background:#4a5141}.field-tile.terrain-water{color:#a9d5d2;background:#31585b}.field-tile.terrain-water:after{content:"";border-top:1px solid #bee6de33;border-bottom:1px solid #bee6de24;border-radius:50%;position:absolute;inset:9px 5px}.field-tile.is-mine{background:#39734c;border-color:#7fc889a8;box-shadow:inset 0 0 0 2px #7fc88914}.field-tile.is-occupied{background:#5b3d36;border-color:#c5675873}.field-tile.node-capital{z-index:3;background:#6a5a35}.field-tile.is-selected{z-index:5;border-color:var(--gold);transform:scale(1.08);box-shadow:0 0 0 2px #f2c76847,0 0 18px #f2c76847}.field-icon{z-index:2;filter:drop-shadow(0 3px 2px #00000038);font-size:20px;position:relative}.node-capital .field-icon{font-size:27px;transform:translateY(-2px)}.field-level,.field-flag{z-index:3;font:800 8px/1 ui-sans-serif,system-ui,sans-serif;position:absolute}.field-level{color:#ffffffbf;bottom:3px;right:3px}.field-flag{color:var(--gold);font-size:7px;top:3px;left:4px}.city-label{z-index:6;width:max-content;max-width:100px;color:var(--gold);text-overflow:ellipsis;white-space:nowrap;background:#101813e0;border-radius:5px;padding:2px 5px;font:700 7px/1.2 ui-sans-serif,system-ui,Noto Sans Thai,sans-serif;position:absolute;top:calc(100% - 3px);left:50%;overflow:hidden;transform:translate(-50%)}.tile-details{flex:1;min-width:0}.tile-details h3{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:15px;overflow:hidden}.tile-details small{color:#ddae67;margin-top:4px;font-size:9px;display:block}.army-banner small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.guide-card{background:#f2c76812;border:1px solid #f2c76833;border-radius:14px;align-items:center;gap:12px;padding:13px;display:flex}.guide-card>span{font-size:25px}.small-button{max-width:68px;padding:0 7px;font-size:10px}@media (min-width:600px){body{padding:20px 0}.boot-screen,.landing,.game-shell{min-height:calc(100vh - 40px);border:1px solid #ffffff0f;border-radius:30px;min-height:calc(100dvh - 40px)}.game-shell{height:calc(100vh - 40px);height:calc(100dvh - 40px)}}.pixel-glyph{width:24px;height:24px;image-rendering:pixelated;shape-rendering:crispedges;display:block;overflow:visible}.tab-field{--field-size:64px;--pixel-ink:#5b463b;--pixel-cream:#fff2df;--pixel-cream-hi:#fff9e9;--pixel-shadow:#be8f77;--pixel-grass:#75b777;--pixel-grass-light:#9dcc72;--pixel-green-dark:#438957;color:var(--pixel-ink);background:var(--pixel-grass)}.tab-field>.topbar,.tab-field>.resource-bar,.tab-field>.status-strip{display:none}.tab-field>.screen-content{z-index:1;padding:0;position:absolute;inset:0;overflow:hidden}.tab-field .world-screen{display:block;position:absolute;inset:0;overflow:hidden}.tab-field .map-viewport{background:var(--pixel-grass);width:100%;height:100%;min-height:0;box-shadow:none;touch-action:pan-x pan-y;border:0;border-radius:0;position:absolute;inset:0;overflow:auto}.tab-field .map-field{background:radial-gradient(circle at 11px 21px, #5b7e4a38 0 1px, transparent 1.4px), radial-gradient(circle at 25px 7px, #e3da8033 0 1px, transparent 1.4px), var(--pixel-grass);width:max-content;min-width:100%;min-height:100%;image-rendering:pixelated;background-size:31px 37px;gap:0;padding:164px 104px 150px;display:grid}.tab-field .field-tile{width:var(--field-size);height:var(--field-size);color:var(--pixel-ink);box-shadow:none;image-rendering:pixelated;appearance:none;background-color:#78b879;background-image:radial-gradient(circle at 17px 42px,#4a874c3d 0 1px,#0000 1.4px),radial-gradient(circle at 46px 13px,#e7d77e3d 0 1px,#0000 1.4px);background-size:64px 64px;border:0 solid #0000;border-radius:0;place-items:center;margin:0;padding:0;display:grid;position:relative;overflow:visible}.tab-field .field-tile:nth-child(3n+1){background-position:9px 3px,4px 7px}.tab-field .field-tile:nth-child(5n+2){background-position:-7px 11px,10px -4px}.tab-field .field-tile.terrain-forest{background-color:#75b777}.tab-field .field-tile.terrain-highland{background-color:#78b879;background-image:none}.tab-field .field-tile.terrain-highland:before{content:"";z-index:0;clip-path:polygon(8px 0,calc(100% - 13px) 0,calc(100% - 13px) 5px,100% 5px,100% calc(100% - 12px),calc(100% - 7px) calc(100% - 12px),calc(100% - 7px) 100%,5px 100%,5px calc(100% - 8px),0 calc(100% - 8px),0 9px,8px 9px);background:linear-gradient(90deg,#0000 0 10px,#ffeb9152 10px 12px,#0000 12px 43px),#cbd083;position:absolute;inset:3px 2px}.tab-field .field-tile.terrain-water{background-color:#d6d184;background-image:none}.tab-field .field-tile.terrain-water:before{content:"";z-index:0;clip-path:polygon(9px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 9px),calc(100% - 8px) calc(100% - 9px),calc(100% - 8px) 100%,7px 100%,7px calc(100% - 5px),0 calc(100% - 5px),0 8px,9px 8px);background:#62b4c6;position:absolute;inset:4px 3px}.tab-field .field-tile.terrain-water:after{content:"";z-index:1;background:#9ad8dd;border:0;border-radius:0;width:19px;height:2px;display:block;position:absolute;top:20px;left:12px;box-shadow:24px 24px #429fb8}.tab-field .field-tile.is-mine{z-index:2;border:0 solid var(--pixel-green-dark);background-color:var(--pixel-grass-light);box-shadow:none}.tab-field .field-tile.is-mine.edge-top{border-top-width:2px}.tab-field .field-tile.is-mine.edge-right{border-right-width:2px}.tab-field .field-tile.is-mine.edge-bottom{border-bottom-width:2px}.tab-field .field-tile.is-mine.edge-left{border-left-width:2px}.tab-field .field-tile.is-occupied{background-color:#b99575}.tab-field .field-tile.node-capital{z-index:8;background-color:#b9d278}.tab-field .field-tile.is-selected{z-index:10;box-shadow:none;background-color:#c6d77d;border:2px solid #d35e5d;transform:none}.map-node{z-index:4;pointer-events:none;filter:drop-shadow(2px 3px #4f44353d);place-items:center;width:32px;height:32px;display:grid;position:absolute}.map-node .pixel-glyph{width:100%;height:100%}.map-city{filter:drop-shadow(3px 4px #56403352);width:62px;height:78px;top:-12px}.map-tree{width:40px;height:45px;transform:translateY(-5px)}.map-rock{width:35px;height:31px}.map-bush{width:28px;height:25px}.map-stump{width:27px;height:27px}.map-flowers{width:23px;height:27px}.map-ruins{width:38px;height:42px;transform:translateY(-4px)}.map-horse{width:39px;height:39px;animation:.7s steps(2,end) infinite patrol-bob}@keyframes patrol-bob{50%{transform:translateY(-2px)}}.water-ripples{position:absolute;inset:0}.water-ripples i{background:#9ad8dd;width:17px;height:2px;position:absolute}.water-ripples i:first-child{top:18px;left:8px}.water-ripples i:last-child{background:#409cb7;bottom:16px;right:7px}.tab-field .field-level{z-index:12;color:#fff5db;background:var(--pixel-ink);text-align:center;min-width:15px;padding:3px;font:900 9px/1 ui-monospace,monospace;bottom:4px;right:4px}.tab-field .field-flag{z-index:9;width:18px;height:18px;color:inherit;top:2px;left:2px}.tab-field .field-flag .pixel-glyph{width:18px;height:18px}.tab-field .city-label{z-index:14;color:#fff2db;text-overflow:ellipsis;white-space:nowrap;background:#4f4038f0;border:2px solid #4f4038;border-radius:4px;min-width:72px;max-width:112px;height:23px;padding:5px 8px 4px 25px;font:800 9px/1 ui-sans-serif,system-ui,Noto Sans Thai,sans-serif;top:-31px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:2px 2px #45342d47}.tab-field .city-label i{background:linear-gradient(#d55d52 0 5px,#fff2db 5px 9px,#70a8ae 9px);border:2px solid #fff2db;width:15px;height:15px;position:absolute;top:3px;left:4px}.tab-field .marching-unit{z-index:18;inset:6px}.tab-field .marching-unit .pixel-soldier{width:44px;height:44px;image-rendering:pixelated;background-size:176px 44px}.world-hud{z-index:24;top:calc(62px + env(safe-area-inset-top));pointer-events:none;width:min(270px,100% - 74px);position:absolute;left:8px;right:auto}.world-resource-columns{grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:7px;display:grid}.world-resource-columns>div{align-content:start;gap:5px;display:grid}.pixel-resource{color:#56463e;background:var(--pixel-cream);min-width:0;height:30px;box-shadow:0 3px 0 var(--pixel-shadow), inset 0 2px 0 var(--pixel-cream-hi);font-variant-numeric:tabular-nums;border:3px solid #71564b;border-radius:9px;align-items:center;padding:1px 7px 4px 34px;display:flex;position:relative}.pixel-resource>.pixel-glyph{z-index:2;filter:drop-shadow(2px 2px #6c5145);width:34px;height:34px;position:absolute;top:-5px;left:-5px}.pixel-resource strong{text-overflow:ellipsis;white-space:nowrap;font:900 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.pixel-resource small{color:#af9687;margin-left:3px;font:800 8px/1 ui-monospace,monospace}.pixel-resource>i{background:#d8c4b8;height:3px;position:absolute;bottom:2px;left:34px;right:6px;overflow:hidden}.pixel-resource>i b{background:#65b3c8;height:100%;display:block}.resource-food>i b{background:#e4c54d}.resource-wood>i b{background:#bf8250}.resource-stone>i b{background:#64b5ca}.resource-coins button{color:#fff5d9;pointer-events:auto;background:#78bb50;border:3px solid #5d6742;border-radius:8px;place-items:center;width:31px;height:31px;padding:0;font:900 22px/1 ui-monospace,monospace;display:grid;position:absolute;top:-4px;right:-5px;box-shadow:0 2px #4a6f3f}.resource-gift strong{color:#de5c53}.resource-gift>i b{background:#73b666}.resource-season{padding-left:34px}.season-swatches{background:#fffaf0;border:2px solid #d0b9a7;grid-template-columns:repeat(4,1fr);gap:3px;width:100%;height:15px;padding:2px;display:grid}.season-swatches i:first-child{background:#a9cf54}.season-swatches i:nth-child(2){background:#64b57a}.season-swatches i:nth-child(3){background:#ee9859}.season-swatches i:nth-child(4){background:#72a4ce}.world-mini-stats{gap:5px;display:grid;position:absolute;top:101px;left:0}.world-mini-stats span{color:#fff4de;background:#494032cc;border-radius:0 9px 9px 0;align-items:center;width:max-content;min-width:46px;height:26px;padding:1px 8px 1px 27px;font:900 14px/1 ui-monospace,monospace;display:flex}.world-mini-stats .pixel-glyph{filter:drop-shadow(1px 2px #58453c);width:28px;height:28px;position:absolute;left:-2px}.world-busy-mark{color:#fff1d4;background:#59473a;padding:5px 7px;font-size:8px;position:absolute;top:102px;right:0}.world-side-toolbar{z-index:26;top:calc(126px + env(safe-area-inset-top));background:#534437e6;border-radius:25px;width:48px;padding:12px 3px 13px;display:grid;position:absolute;right:7px;overflow:hidden;box-shadow:3px 4px #49372d2e}.world-side-toolbar button{width:42px;height:39px;color:inherit;background:0 0;border:0;border-bottom:2px solid #3c2e2538;place-items:center;padding:0;display:grid}.world-side-toolbar button:last-child{border-bottom:0}.world-side-toolbar .pixel-glyph{filter:drop-shadow(2px 2px #4e3c34);width:29px;height:29px}.world-action-stack{z-index:26;gap:12px;display:grid;position:absolute;top:45%;bottom:auto;right:8px}.world-action-stack button,.world-chat,.world-utility-dock button,.tab-field .nav-button{color:inherit;background:var(--pixel-cream);box-shadow:0 4px 0 var(--pixel-shadow), inset 0 2px 0 var(--pixel-cream-hi);border:3px solid #70564b;border-radius:11px;place-items:center;padding:0;display:grid}.world-action-stack button{border-radius:50%;width:48px;height:48px}.world-action-stack .pixel-glyph{width:36px;height:36px}.world-chat{z-index:27;bottom:calc(82px + env(safe-area-inset-bottom));width:51px;height:51px;position:absolute;left:9px}.world-chat .pixel-glyph{width:34px;height:34px}.world-utility-dock{z-index:26;bottom:calc(11px + env(safe-area-inset-bottom));grid-template-columns:repeat(3,50px);gap:6px;display:grid;position:absolute;left:9px}.world-utility-dock button,.tab-field .nav-button{width:50px;height:56px}.world-utility-dock .pixel-glyph,.tab-field .nav-button .pixel-glyph{filter:drop-shadow(2px 2px #58423747);width:34px;height:34px}.tab-field .bottom-nav{z-index:26;right:9px;bottom:calc(11px + env(safe-area-inset-bottom));width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,50px);gap:6px;padding:0;display:grid;left:auto}.tab-field .nav-button{gap:0;min-height:0}.tab-field .nav-button>span{place-items:center;display:grid}.tab-field .nav-button small{display:none}.tab-field .nav-button.is-active{color:inherit;background:#eff3cf;border-color:#4c844f;box-shadow:0 4px #72a267,inset 0 2px #fffbea}.tab-field .tile-inspector{z-index:23;right:67px;bottom:calc(80px + env(safe-area-inset-bottom));color:#55453c;min-height:54px;box-shadow:0 4px 0 var(--pixel-shadow);background:#fff3e0f5;border:3px solid #6e554a;border-radius:9px;padding:7px 8px 7px 10px;display:flex;position:absolute;left:67px}.tab-field .tile-details .eyebrow{color:#a56c4b;letter-spacing:.08em;font-size:7px}.tab-field .tile-details h3{color:#55453c;margin-top:2px;font-size:11px}.tab-field .tile-details p{color:#9c7d6b;margin-top:2px;font-size:8px;line-height:1.2}.tab-field .tile-details small{display:none}.tab-field .capture-button{color:#fff6df;background:#75aa50;border:2px solid #5a7848;border-radius:6px;min-width:73px;min-height:35px;padding:0 8px;font-size:9px;box-shadow:0 2px #4d7044}.world-status{z-index:22;bottom:calc(143px + env(safe-area-inset-bottom));color:#fff4d7;text-overflow:ellipsis;white-space:nowrap;background:#443a2ed1;border-radius:4px;align-items:center;gap:5px;max-width:210px;padding:5px 8px;font-size:8px;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.world-status .status-dot{width:5px;height:5px;box-shadow:none}@media (max-width:365px){.tab-field{--field-size:60px}.world-hud{right:59px}.world-resource-columns{grid-template-columns:minmax(128px,1.25fr) minmax(100px,1fr);gap:5px}.pixel-resource{padding-left:30px}.pixel-resource strong{font-size:13px}.world-side-toolbar{width:44px;right:5px}.world-side-toolbar button{width:38px}.world-utility-dock,.tab-field .bottom-nav{grid-template-columns:repeat(3,46px);gap:4px}.world-utility-dock button,.tab-field .nav-button{width:46px}}@media (min-width:600px){.tab-field{border-color:#6d554a;border-radius:18px}}.dispatch-overlay{z-index:36;padding:calc(76px + env(safe-area-inset-top)) 12px calc(66px + env(safe-area-inset-bottom));background:#49441eb8;place-items:center;animation:.16s steps(3,end) both dispatch-fade;display:grid;position:absolute;inset:0}@keyframes dispatch-fade{0%{opacity:0}}.dispatch-panel{color:#59463d;width:100%;max-height:min(610px,72vh);image-rendering:pixelated;background:#fff6e4;border:4px solid #684f43;border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 5px #b78570,inset 0 3px #fffdf2}.dispatch-header{text-align:center;border-bottom:3px solid #d5bca8;flex:none;padding:11px 42px 8px;position:relative}.dispatch-kicker{color:#b17458;letter-spacing:.12em;font:900 7px/1 ui-monospace,monospace;display:block}.dispatch-header h2{margin:4px 0 0;font:900 18px/1.15 ui-sans-serif,system-ui,Noto Sans Thai,sans-serif}.dispatch-header>button{color:#765d50;background:#fff1d7;border:3px solid #765d50;border-radius:7px;width:28px;height:28px;padding:0;font:900 19px/1 ui-monospace,monospace;position:absolute;top:9px;right:10px}.dispatch-section-title{background:#f6eedc;flex:none;align-items:center;gap:6px;min-height:49px;padding:7px 75px 7px 12px;display:flex;position:relative}.dispatch-section-title:after{content:"";background:repeating-linear-gradient(90deg,#d9c9b9 0 5px,#0000 5px 9px);height:2px;position:absolute;bottom:7px;left:12px;right:76px}.dispatch-section-title>strong{z-index:1;background:#f6eedc;padding-right:7px;font-size:12px;position:relative}.dispatch-section-title>span{z-index:2;border-radius:3px;padding:3px 5px;font:900 8px/1 ui-monospace,monospace;position:absolute;bottom:5px;right:78px}.dispatch-section-title>span.is-ready{color:#477948;background:#d9ebba}.dispatch-section-title>span.is-risky{color:#b34e4b;background:#f3cfca}.dispatch-tools{gap:5px;display:flex;position:absolute;top:5px;right:8px}.dispatch-tools button{background:#fff7e5;border:3px solid #9f8672;border-radius:8px;place-items:center;width:31px;height:31px;padding:0;display:grid;box-shadow:0 2px #cfaf97}.dispatch-tools .pixel-glyph{width:21px;height:21px}.dispatch-scroll{scrollbar-width:none;flex:auto;align-content:start;gap:7px;min-height:0;padding:8px 10px;display:grid;overflow-y:auto}.dispatch-scroll::-webkit-scrollbar{display:none}.dispatch-squad{background:#f8dede;border-radius:8px;padding:8px;box-shadow:inset 0 2px #fff6}.dispatch-squad.player-squad{background:#e3efd0}.squad-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;font-size:9px;display:flex}.enemy-squad .squad-heading{color:#c0524c}.player-squad .squad-heading{color:#4d7c4b}.squad-heading b{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.squad-formation{border-bottom:3px solid #d75b54;align-items:end;gap:0;min-height:43px;padding:2px 4px 0;display:flex;position:relative;overflow:hidden}.dispatch-unit{flex:0 0 38px;width:38px;height:39px;margin-right:-5px;position:relative}.dispatch-unit .pixel-soldier{filter:drop-shadow(1px 2px #573f3347);background-size:152px 38px;width:38px;height:38px}.dispatch-unit>i{z-index:3;color:#fff5df;text-align:center;background:#55443c;min-width:13px;padding:2px;font:900 8px/1 ui-monospace,monospace;position:absolute;bottom:0;right:1px}.formation-more{color:#a64948;margin:0 0 3px 7px;font:900 11px/1 ui-monospace,monospace}.dispatch-squad>small{color:#b25850;margin-top:5px;font-size:8px;display:block}.player-squad>small{color:#64835d}.dispatch-unit-list{gap:4px;display:grid}.dispatch-unit-row{background:#fffae899;border:2px solid #5775472e;border-radius:6px;grid-template-columns:minmax(80px,1fr) 84px 82px;align-items:center;gap:5px;min-height:50px;padding:4px 5px;display:grid}.unit-row-copy{gap:3px;min-width:0;display:grid}.unit-row-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.unit-row-copy small{color:#78906e;font-size:7px}.unit-row-formation{align-items:center;height:38px;display:flex;overflow:hidden}.unit-row-formation .pixel-soldier,.unit-row-formation .pixel-glyph{filter:drop-shadow(1px 2px #5340333b);background-size:120px 30px;flex:0 0 30px;width:30px;height:30px;margin-right:-14px}.empty-formation{color:#9caf91;font-weight:900}.unit-stepper{grid-template-columns:24px 30px 24px;justify-content:end;align-items:center;display:grid}.unit-stepper button{color:#5c493f;background:#fff2d8;border:2px solid #755d4f;width:24px;height:28px;padding:0;font:900 15px/1 ui-monospace,monospace}.unit-stepper output{color:#56463d;background:#fffaf0;border-block:2px solid #755d4f;place-items:center;height:28px;font:900 11px/1 ui-monospace,monospace;display:grid}.dispatch-footer{background:#fff5e3;border-top:3px solid #ddc7b1;flex:none;padding:8px 12px 12px}.dispatch-summary{color:#8c6f5e;justify-content:center;gap:16px;margin-bottom:7px;font:800 8px/1 ui-monospace,monospace;display:flex}.dispatch-summary span{align-items:center;gap:4px;display:flex}.dispatch-summary .pixel-glyph{width:16px;height:16px}.dispatch-footer>div:last-child{grid-template-columns:1fr 1fr;gap:18px;display:grid}.dispatch-cancel,.dispatch-confirm{border:3px solid #755b4d;border-radius:9px;min-height:45px;font-size:12px;font-weight:900;box-shadow:0 3px #b48870,inset 0 2px #ffffff80}.dispatch-cancel{color:#b08a6c;background:#ffe1ae}.dispatch-confirm{color:#58443a;background:#ffd866}.tab-city,.tab-army{--ink:#59483e;--muted:#987f70;--panel:#fff3df;--panel-soft:#f4e4c9;--line:#896c5d;--gold:#efbd4e;--green:#73ac63;--green-light:#8ec673;--danger:#cf5c54;color:var(--ink);background-color:#77b879;background-image:radial-gradient(circle at 19px 21px,#e8dc8640 0 1px,#0000 1.5px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:37px 35px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.tab-city .topbar,.tab-army .topbar{min-height:70px;padding:calc(10px + env(safe-area-inset-top)) 13px 8px;color:#5a493f;background:#fff2dc;border-bottom:3px solid #6e5548;box-shadow:0 3px #bd8e76}.tab-city .topbar .eyebrow,.tab-army .topbar .eyebrow,.tab-city .section-heading .eyebrow,.tab-army .section-heading .eyebrow,.tab-city .city-inspector .eyebrow,.tab-army .eyebrow{color:#a56a4d}.tab-city .topbar h1,.tab-army .topbar h1{margin-top:2px;font-size:16px}.tab-city .stamina,.tab-army .stamina{color:#5b493f;background:#fff9e9;border:3px solid #755b4d;border-radius:8px;align-items:center;gap:4px;padding:4px 7px;font:900 11px/1 ui-monospace,monospace;display:flex;box-shadow:0 2px #c4957b}.tab-city .stamina .pixel-glyph,.tab-army .stamina .pixel-glyph{width:21px;height:21px}.tab-city>.resource-bar,.tab-army>.resource-bar{background:#6e514340;gap:5px;padding:7px 10px 8px}.tab-city .resource-pill,.tab-army .resource-pill{color:#59483f;background:#fff2de;border:3px solid #71574b;border-radius:8px;min-height:45px;padding:4px 3px;box-shadow:0 2px #bf9077,inset 0 2px #fffbea}.tab-city .resource-pill .pixel-glyph,.tab-army .resource-pill .pixel-glyph{width:22px;height:22px}.tab-city .resource-pill strong,.tab-army .resource-pill strong{font:900 10px/1 ui-monospace,monospace}.tab-city .resource-pill small,.tab-army .resource-pill small{color:#a78b79}.tab-city>.status-strip,.tab-army>.status-strip{color:#fff2dc;background:#4d3f33e6;border:0;border-bottom:3px solid #624d42;border-radius:0;min-height:29px;margin:0;padding:6px 12px}.tab-city>.screen-content,.tab-army>.screen-content{background-color:#77b879e6;background-image:radial-gradient(circle at 13px 16px,#e8da7c40 0 1px,#0000 1.5px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:31px 29px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:10px 10px 94px}.tab-city .city-screen,.tab-army .panel-stack{gap:9px}.tab-city .city-overview,.tab-army .army-banner,.tab-city .city-inspector,.tab-army .unit-card,.tab-army .guide-card{color:#58463d;background:#fff2de;border:3px solid #70564a;border-radius:11px;box-shadow:0 4px #b88972,inset 0 2px #fffbea}.tab-city .city-overview{min-height:88px;padding:12px}.tab-city .city-overview h2,.tab-city .city-inspector h3{font-size:16px}.tab-city .city-overview p,.tab-city .city-inspector p,.tab-army .guide-card p,.tab-army .unit-card p{color:#987e6e}.tab-city .collect-button,.tab-city .action-button,.tab-army .small-button{color:#fff7df;background:#78ad54;border:3px solid #5e7649;border-radius:8px;box-shadow:0 3px #527044,inset 0 2px #ffffff40}.tab-city .income-row{gap:5px}.tab-city .income-row span{color:#685348;background:#f6e5c9;border:2px solid #927462;border-radius:7px;align-items:center;gap:4px;padding:6px 7px;font:800 8px/1 ui-monospace,monospace;display:flex}.tab-city .income-row .pixel-glyph{width:20px;height:20px}.tab-city .construction-banner{color:#5b473c;background:#f6d89c;border:3px solid #8a674e;border-radius:9px;box-shadow:0 3px #b88669}.tab-city .construction-banner-icon{background:#fff2d3;border:2px solid #947056;border-radius:7px}.tab-city .construction-banner-icon .pixel-glyph{width:28px;height:28px}.tab-city .construction-banner time,.tab-city .construction-countdown time{color:#b45d48}.tab-city .construction-progress{background:#b69576;border-radius:0}.tab-city .construction-progress i,.tab-city .plot-construction-progress i{background:#78ad54;border-radius:0}.tab-city .section-heading,.tab-army .section-heading{color:#5b493f;padding:5px 5px 2px}.tab-city .territory-count{color:#6e5649;background:#fff0d7;border:2px solid #785e50;border-radius:6px}.tab-city .city-field{background-color:#79b97a;background-image:radial-gradient(circle at 18px 22px,#ecdc7d47 0 1px,#0000 1.5px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:37px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:3px solid #685143;border-radius:11px;gap:3px;padding:7px;box-shadow:0 4px #9b755f}.tab-city .city-field:before,.tab-city .city-field:after{display:none}.tab-city .city-plot,.tab-city .city-plot:nth-child(3n+1){background:#9bcd71;border:2px solid #4580497a;border-radius:4px}.tab-city .city-plot:nth-child(2n){background:#91c574}.tab-city .city-plot.is-selected{border-color:#cf5854;transform:none;box-shadow:inset 0 0 0 2px #f2b078}.tab-city .city-plot.is-constructing{background:#e1cf83}.tab-city .plot-ground{background:#5381403d}.tab-city .building-icon{filter:drop-shadow(2px 3px #533e3040)}.tab-city .building-icon .pixel-glyph{width:40px;height:40px}.tab-city .city-plot b{color:#fff3d8;background:#5c493f}.tab-city .empty-mark{color:#56824d;border:2px dashed #628f57;border-radius:4px}.tab-city .city-inspector{gap:8px;padding:11px}.tab-city .inspector-icon{background:#f3dfbe;border:2px solid #8e705d;border-radius:7px}.tab-city .inspector-icon .pixel-glyph{width:36px;height:36px}.tab-city .cost-line b{background:#f6e4c8;border:2px solid #b4947e;border-radius:5px;align-items:center;gap:3px;display:inline-flex}.tab-city .cost-line .pixel-glyph{width:17px;height:17px}.tab-city .build-time-line,.tab-city .construction-countdown{color:#977c6c}.tab-city .building-choice{color:#5b483e;background:#f6e3c5;border:2px solid #8a6c59;border-radius:7px}.tab-city .building-choice>span{place-items:center;display:grid}.tab-city .building-choice .pixel-glyph{width:28px;height:28px}.tab-army .army-banner{min-height:116px;padding:14px}.tab-army .army-banner strong{color:#c0823e;font-family:ui-monospace,monospace}.tab-army .army-emblem{background:#f4ddb8;border:3px solid #7d6253}.tab-army .army-emblem .pixel-glyph{width:62px;height:62px}.tab-army .guide-card{background:#ffe0a8}.tab-army .guide-card>span .pixel-glyph{width:32px;height:32px}.tab-army .unit-list{gap:7px}.tab-army .unit-card{min-height:70px;padding:9px}.tab-army .unit-icon{background:#9bc973;border:2px solid #92735f;border-radius:6px;overflow:hidden}.tab-army .unit-icon .pixel-soldier{background-size:172px 43px;width:43px;height:43px}.tab-army .unit-icon .pixel-glyph{width:39px;height:39px}.tab-city .bottom-nav,.tab-army .bottom-nav{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:7px;padding:0;left:10px}.tab-city .nav-button,.tab-army .nav-button{color:#7c6759;background:#fff2df;border:3px solid #70564a;border-radius:10px;min-height:62px;box-shadow:0 4px #bd8f77,inset 0 2px #fffbea}.tab-city .nav-button .pixel-glyph,.tab-army .nav-button .pixel-glyph{width:31px;height:31px}.tab-city .nav-button small,.tab-army .nav-button small{font-size:8px;font-weight:900}.tab-city .nav-button.is-active,.tab-army .nav-button.is-active{color:#4c784c;background:#e8f0c8;border-color:#4f8251}.battle-overlay,.battle-overlay.terrain-forest,.battle-overlay.terrain-highland{color:#59483e;background-color:#78b879;background-image:radial-gradient(circle at 17px 23px,#ecdc7e47 0 1px,#0000 1.5px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:37px 33px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.battle-header{background:#fff2df;border:3px solid #70564a;border-radius:10px;padding:9px 11px;box-shadow:0 4px #bb8b72}.battle-header .eyebrow{color:#a66c50}.battle-header h2{color:#59483e;font-size:20px}.skip-battle{color:#72594c;background:#f5dfbd;border:3px solid #876a58;border-radius:7px}.power-versus{color:#6d574b;background:#fff1dc;border:3px solid #71574b;border-radius:8px;min-height:45px;padding:0 9px;box-shadow:0 3px #b98b73}.power-versus b{color:#bd7043}.power-versus i{color:#5c463c;background:#ffd35f;border:2px solid #76594a}.battle-arena{background:linear-gradient(#ffffff14 50%,#0000 50%) 0 0/64px 64px,linear-gradient(90deg,#ffffff14 50%,#0000 50%) 0 0/64px 64px,linear-gradient(#d9ce82 0 28%,#9acb72 29% 100%);border:3px solid #695144;border-radius:9px;box-shadow:0 4px #9d755f}.battle-arena:before{background:#74ad70;border-radius:0;height:8%;top:29%;left:0;right:0;transform:none}.battle-arena:after{opacity:.1;background-size:20px 20px}.battle-horizon{opacity:.28;background:#4d8e57;border-radius:0}.battle-phase{color:#fff1d7;-webkit-backdrop-filter:none;backdrop-filter:none;background:#524336e6;border:2px solid #614d42;border-radius:5px}.battle-front-line span{color:#59463d;background:#ffd45f;border:2px solid #6c5245}.battle-front-line .pixel-glyph{width:21px;height:21px}.battle-squad-tag{color:#fff2dc;text-shadow:none;background:#4e3f34e6;border:2px solid #5e4a40}.battle-squad-tag b{color:#ffd260}.battle-log{color:#8e7261;background:#fff0d9;border:3px solid #72584b;border-radius:8px}.battle-log span:last-child{color:#59473e}.battle-result{color:#59473e;background:#fff2de;border:3px solid #70564a;border-radius:10px;box-shadow:0 4px #b98a72}.battle-result p{color:#957868}.result-seal{color:#c15e43;background:#ffe2a9;border-color:#c87748}.battle-result button{color:#fff5dd;background:#75a951;border:3px solid #587346;border-radius:7px}.boot-screen{color:#5a483e;background-color:#78b879;background-image:radial-gradient(circle at 17px 19px,#efdc7c45 0 1px,#0000 1.5px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:35px 33px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.boot-screen .brand-mark,.landing .brand-mark{color:#fff1d4;background:#d95d4f;border:4px solid #6f5549;border-radius:11px;font-family:ui-monospace,monospace;box-shadow:0 5px #b38870,inset 0 3px #f58a67}.boot-screen p{background:#fff1dc;border:3px solid #70564a;border-radius:7px;padding:7px 10px;font-size:10px;box-shadow:0 3px #b98a72}.landing{padding:calc(24px + env(safe-area-inset-top)) 15px calc(26px + env(safe-area-inset-bottom));color:#59473e;background:linear-gradient(0deg,#d6cb7f 0 11%,#0000 11%),radial-gradient(circle at 19px 23px,#efdb7a4d 0 1px,#0000 1.5px) 0 0/37px 35px,#78b879;align-items:flex-end}.landing:before,.landing:after{z-index:0;clip-path:polygon(0 22%,8% 22%,8% 9%,18% 9%,18% 18%,31% 18%,31% 4%,44% 4%,44% 16%,58% 16%,58% 7%,72% 7%,72% 19%,86% 19%,86% 11%,100% 11%,100% 100%,0 100%);border-radius:0;width:116%;left:-8%;transform:none}.landing:before{opacity:1;background:#6eaa70;height:31%;top:28%}.landing:after{background:#91c770;height:32%;top:45%}.landing-sun{background:#f2c452;border:5px solid #b17b43;border-radius:15px;width:82px;height:82px;top:10%;right:12%;box-shadow:7px 7px #8f693b38,inset 5px 5px #ffe98b}.landing-copy{background:#fff3e0f7;border:4px solid #6d5347;border-radius:14px;width:100%;padding:16px;box-shadow:0 6px #b3856f,inset 0 3px #fffcec}.landing-copy .brand-mark{margin-bottom:14px}.landing .eyebrow{color:#b06d4e}.landing h1{color:#58463c;margin:7px 0 9px;font-size:clamp(34px,10vw,46px)}.landing p{color:#907565;margin-bottom:17px;font-size:12px;line-height:1.55}.landing small{color:#9a7d6b;font-size:9px}.landing .primary-button{color:#fff5dd;background:#76aa51;border:3px solid #557147;border-radius:8px;min-height:51px;box-shadow:0 4px #4f6d43,inset 0 2px #ffffff47}