:root{color:#f7eed2;background:#171b13;font-family:Trebuchet MS,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #15120d;--panel: #ead9ab;--panel-strong: #f9edc8;--panel-dark: #2b2418;--text: #241b12;--muted: #6e6049;--line: rgba(80, 57, 24, .34);--gold: #d9b34e;--gold-bright: #f2d879;--trim: #7e5a22;--trim-dark: #3a2a18;--green: #496f43;--green-dark: #1f3326;--teal: #2f6f72;--blue: #415f7c;--red: #8d3432;--stone: #777c70;--shadow: 0 22px 54px rgba(0, 0, 0, .38);--bevel: inset 0 1px 0 rgba(255, 248, 218, .62), inset 0 -2px 0 rgba(70, 45, 18, .18);--parchment: radial-gradient(circle at 18% 14%, rgba(255, 248, 219, .58) 0 1px, transparent 2px 72px), radial-gradient(circle at 82% 72%, rgba(117, 82, 28, .1) 0 1px, transparent 2px 84px), linear-gradient(180deg, #f5e8bf, #e5d29d)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 16% 18%,rgba(217,179,78,.12) 0 2px,transparent 3px 70px),radial-gradient(circle at 82% 12%,rgba(95,119,87,.18) 0 2px,transparent 3px 88px),linear-gradient(135deg,rgba(49,63,44,.78),transparent 38%),linear-gradient(315deg,rgba(40,54,52,.9),transparent 42%),#171b13}button{font:inherit}.app-shell{width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:18px}.resource-bar,.map-stage,.side-panel,.modal-panel{position:relative;isolation:isolate;border:2px solid var(--trim);outline:1px solid rgba(255,241,183,.32);box-shadow:var(--shadow),var(--bevel),0 0 0 1px #1f140894}.resource-bar:before,.map-stage:before,.side-panel:before,.modal-panel:before{position:absolute;inset:7px;z-index:0;content:"";border:1px solid rgba(255,235,164,.22);border-radius:5px;pointer-events:none}.resource-bar:after,.map-stage:after,.side-panel:after,.modal-panel:after{position:absolute;inset:5px;z-index:0;content:"";background:radial-gradient(circle at 0 0,rgba(242,216,121,.82) 0 2px,transparent 3px),radial-gradient(circle at 100% 0,rgba(242,216,121,.82) 0 2px,transparent 3px),radial-gradient(circle at 0 100%,rgba(242,216,121,.68) 0 2px,transparent 3px),radial-gradient(circle at 100% 100%,rgba(242,216,121,.68) 0 2px,transparent 3px);pointer-events:none}.resource-bar>*,.map-stage>*,.side-panel>*,.modal-panel>*{position:relative;z-index:1}.main-menu{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 36%,rgba(217,179,78,.18),transparent 34%),linear-gradient(135deg,#0d120df0,#1a1f15eb),#090b09f5}.main-menu-panel{position:relative;isolation:isolate;width:min(1120px,100%);min-height:min(640px,calc(100vh - 36px));display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);overflow:hidden;border:2px solid var(--trim);border-radius:8px;outline:1px solid rgba(255,241,183,.32);background:linear-gradient(90deg,#16160fdb,#16160f3d 52%,#f5e8bff0 53%),#1a2016;box-shadow:0 26px 70px #0000008f,var(--bevel),0 0 0 1px #1f1408b8}.main-menu-panel:before,.main-menu-panel:after{position:absolute;z-index:2;content:"";pointer-events:none}.main-menu-panel:before{inset:10px;border:1px solid rgba(255,235,164,.28);border-radius:5px}.main-menu-panel:after{inset:7px;background:linear-gradient(135deg,var(--gold-bright) 0 2px,transparent 2px 30px) left top / 58px 58px no-repeat,linear-gradient(225deg,var(--gold-bright) 0 2px,transparent 2px 30px) right top / 58px 58px no-repeat,linear-gradient(45deg,var(--gold-bright) 0 2px,transparent 2px 30px) left bottom / 58px 58px no-repeat,linear-gradient(315deg,var(--gold-bright) 0 2px,transparent 2px 30px) right bottom / 58px 58px no-repeat;opacity:.62}.main-menu-art{position:relative;min-height:420px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 48% 38%,rgba(242,216,121,.18),transparent 36%),linear-gradient(180deg,#242b1f38,#0b0f0bd6),#11170f}.main-menu-art:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(0,0,0,.32),transparent 22% 78%,rgba(0,0,0,.38)),linear-gradient(180deg,transparent 0 66%,rgba(0,0,0,.46))}.main-menu-art img{width:min(82%,620px);height:auto;display:block;image-rendering:pixelated;filter:drop-shadow(0 26px 22px rgba(0,0,0,.55)) saturate(1.05) contrast(1.05);transform:scale(1.25)}.main-menu-content{display:grid;align-content:center;gap:18px;padding:42px;background:linear-gradient(90deg,rgba(126,90,34,.08),transparent 30%),var(--parchment);color:var(--text)}.main-menu-content h1{color:var(--text);font-size:2.55rem;text-shadow:0 1px 0 rgba(255,250,224,.56)}.main-menu-subtitle{margin:0;color:#5d4d34;font-size:1.02rem;font-weight:900}.main-menu-matchup{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;margin-top:4px}.main-menu-matchup div{min-width:0;display:grid;justify-items:center;gap:6px;padding:12px;border:1px solid rgba(94,65,24,.38);border-radius:6px;background:linear-gradient(180deg,#fff8dbd6,#e2cf9994),var(--panel-strong);text-align:center;box-shadow:inset 0 1px #fffae085}.main-menu-portrait{width:68px;aspect-ratio:58 / 64;display:block;overflow:hidden;border:2px solid var(--gold-bright);border-radius:6px;background:#171713;box-shadow:0 0 0 1px #39260fd1,0 8px 16px #0003}.main-menu-portrait img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:pixelated}.main-menu-matchup strong{overflow-wrap:anywhere;font-family:Georgia,Times New Roman,serif;font-size:1.08rem}.main-menu-matchup span:not(.main-menu-portrait,.main-menu-versus){color:var(--muted);font-size:.82rem;font-weight:900}.main-menu-versus{min-width:40px;min-height:40px;display:grid;place-items:center;border:1px solid rgba(94,65,24,.46);border-radius:50%;background:linear-gradient(180deg,#f7dc7c,#d3a63f),#f3c75c;color:#2b210f;font-weight:900;box-shadow:inset 0 1px #fffae094,0 2px #4d321029}.main-menu-actions{display:flex;justify-content:flex-start}.main-start-action{min-width:190px;min-height:48px;font-size:1.02rem}.resource-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:16px;padding:12px;border-radius:8px;background:radial-gradient(circle at 20% 50%,rgba(217,179,78,.14) 0 2px,transparent 3px 84px),linear-gradient(180deg,#333b2b,#182016),#20281d;color:#fff2c4}.campaign-status,.resource-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.campaign-status span,.resource-pill{min-height:34px;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(94,65,24,.46);border-radius:6px;background:linear-gradient(180deg,#fff8dbeb,#e2cf99e0),var(--panel-strong);box-shadow:inset 0 1px #fffae0b8,inset 0 -1px #5236122e;color:#2b2114;font-weight:800}.resource-pill{min-height:42px;padding:6px 10px 6px 7px}.resource-icon{position:relative;flex:0 0 auto;width:30px;aspect-ratio:1;display:block;border:1px solid rgba(64,42,14,.45);border-radius:7px;background:radial-gradient(circle at 32% 24%,rgba(255,248,231,.62) 0 2px,transparent 3px),#fff8e773;box-shadow:inset 0 1px #fff8e794,0 2px #462d0f24}.resource-icon-gold{background-color:#d3a63f38}.resource-icon-wood{background-color:#8153292e}.resource-icon-ore{background-color:#595f5e2e}.resource-icon-gems{background-color:#317d822e}.resource-pill-text{min-width:0;display:grid;gap:1px;line-height:1.05}.resource-pill-text span{color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase}.resource-pill strong{color:#7b5314;font-size:1rem}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.map-stage{min-width:0;padding:16px;border-radius:8px;background:linear-gradient(180deg,rgba(86,75,52,.36),transparent 28%),radial-gradient(circle at 18% 20%,rgba(217,179,78,.14) 0 2px,transparent 3px 84px),linear-gradient(135deg,#222d20,#11170f)}.map-heading,.panel-heading,.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.map-heading{margin-bottom:12px}.eyebrow{margin:0 0 4px;color:var(--gold);font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.24)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;line-height:1.1}h1{margin-bottom:0;color:#fff2c4;font-size:2rem;text-shadow:0 2px 0 rgba(0,0,0,.52),0 0 18px rgba(217,179,78,.14)}h2{margin-bottom:0;color:var(--text);font-size:1.15rem}h3{margin-bottom:10px;color:var(--text);font-size:.95rem}.objective-pill{flex:0 0 auto;min-height:32px;display:inline-flex;align-items:center;padding:7px 10px;border:1px solid rgba(242,216,121,.5);border-radius:6px;background:linear-gradient(180deg,#553e1bf5,#302415f5),#49381f;color:#ffe7a2;font-weight:800;box-shadow:inset 0 1px #ffeba447,0 3px #0000002e}.adventure-map{position:relative;display:grid;gap:4px;width:100%;aspect-ratio:1;max-height:calc(100vh - 150px);padding:5px;border:2px solid rgba(126,90,34,.72);border-radius:7px;background:linear-gradient(135deg,rgba(255,241,183,.12),transparent 35%),#11170f;box-shadow:inset 0 0 0 1px #fff1b729,inset 0 0 24px #00000042}.map-tile{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(23,18,9,.72);border-radius:4px;color:#fff8e7;cursor:pointer;isolation:isolate;box-shadow:inset 0 1px #fff8e714,inset 0 -1px #0000003d}.map-tile:before,.map-tile:after{position:absolute;content:"";pointer-events:none}.map-tile:hover,.map-tile:focus-visible{outline:2px solid var(--gold-bright);outline-offset:1px}.map-tile:disabled,.map-tile.is-disabled{cursor:default;opacity:1}.map-tile:disabled:hover{outline:none}.map-tile.is-reachable{border-color:#f2d879e6;box-shadow:inset 0 0 0 1px #f2d87947,0 0 0 1px #f2d87942}.map-feedback{position:absolute;z-index:7;width:min(110%,66px);aspect-ratio:1;display:grid;place-items:center;pointer-events:none;transform:translate(-50%,-58%);animation:map-feedback-lift 2.2s ease-out both}.map-feedback-ring{position:absolute;width:78%;aspect-ratio:1;border:2px solid var(--gold-bright);border-radius:50%;background:#f2d87933;box-shadow:0 0 0 4px #f2d87929,0 0 18px #f2d87985;animation:map-feedback-ring 1.8s ease-out both}.map-feedback-banner{position:absolute;left:50%;bottom:72%;min-width:max-content;display:grid;justify-items:center;gap:1px;padding:5px 8px 6px;border:1px solid rgba(255,235,164,.58);border-radius:5px;background:linear-gradient(180deg,#553e1bfa,#302415fa),#49381f;color:#fff2c4;line-height:1;text-shadow:0 1px 0 rgba(0,0,0,.38);transform:translate(-50%);box-shadow:inset 0 1px #ffeba447,0 9px 16px #00000047}.map-feedback-banner strong{font-family:Georgia,Times New Roman,serif;font-size:.95rem;white-space:nowrap}.map-feedback-banner small{color:#fff2c4d1;font-size:.62rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.map-feedback.is-resource .map-feedback-ring,.map-feedback.is-day .map-feedback-ring{border-color:#f7dc7c;background:#f7dc7c3d;box-shadow:0 0 0 4px #f7dc7c2e,0 0 18px #f7dc7ca8}.map-feedback.is-resource .map-feedback-banner,.map-feedback.is-day .map-feedback-banner{background:linear-gradient(180deg,#f7dc7c,#a97822 68%,#6a4517),#d3a63f}.map-feedback.is-battle .map-feedback-ring{border-color:#ff958c;background:#8d34323d;box-shadow:0 0 0 4px #8d343233,0 0 18px #ff958cad}.map-feedback.is-battle .map-feedback-banner{background:linear-gradient(180deg,#a84844,#5b2424 62%,#2d1514),#8d3432}.map-feedback.is-town .map-feedback-ring{border-color:#a9d8a1;background:#496f433d;box-shadow:0 0 0 4px #496f4333,0 0 18px #a9d8a194}.map-feedback.is-town .map-feedback-banner{background:linear-gradient(180deg,#4f7d4c,#254b2d 68%,#132817),#284f34}.map-feedback.is-blocked .map-feedback-ring{border-color:#d1c6a8;background:#777c7038;box-shadow:0 0 0 4px #777c702e,0 0 15px #d1c6a875}.map-feedback.is-blocked .map-feedback-banner{background:linear-gradient(180deg,#7c7665,#444236 68%,#24241f),#777c70}@keyframes map-feedback-lift{0%{opacity:0;transform:translate(-50%,-38%) scale(.72)}16%{opacity:1;transform:translate(-50%,-62%) scale(1.06)}78%{opacity:1;transform:translate(-50%,-70%) scale(1)}to{opacity:0;transform:translate(-50%,-96%) scale(.94)}}@keyframes map-feedback-ring{0%{opacity:0;transform:scale(.42)}22%{opacity:1;transform:scale(.88)}82%{opacity:0;transform:scale(1.82)}to{opacity:0;transform:scale(1.82)}}@keyframes map-feedback-reduced{0%,82%{opacity:1;transform:translate(-50%,-58%) scale(1)}to{opacity:0;transform:translate(-50%,-58%) scale(1)}}.tile-texture{position:absolute;inset:0;z-index:-1;opacity:.72;background-image:linear-gradient(135deg,rgba(255,255,255,.11) 0 2px,transparent 2px 9px),linear-gradient(45deg,rgba(0,0,0,.08),transparent)}.terrain-detail{position:absolute;inset:8%;pointer-events:none}.terrain-grass{background:#547d4e}.terrain-grass .terrain-detail{opacity:.38;background:radial-gradient(circle at 18% 24%,rgba(255,248,231,.18) 0 2px,transparent 3px),radial-gradient(circle at 72% 64%,rgba(255,248,231,.16) 0 2px,transparent 3px),linear-gradient(120deg,transparent 0 42%,rgba(255,248,231,.14) 43% 45%,transparent 46%)}.terrain-road{background:#9c7d3c}.terrain-road:before{inset:-18%;transform:rotate(45deg);background:linear-gradient(90deg,transparent 0 31%,rgba(255,248,231,.25) 32% 34%,transparent 35% 65%,rgba(255,248,231,.2) 66% 68%,transparent 69%),#53381c33}.terrain-forest{background:#2f623f}.terrain-forest .terrain-detail{opacity:.84;background:radial-gradient(circle at 28% 32%,#173720 0 14%,transparent 15%),radial-gradient(circle at 58% 28%,#21492a 0 16%,transparent 17%),radial-gradient(circle at 70% 62%,#173720 0 18%,transparent 19%),radial-gradient(circle at 34% 70%,#245431 0 14%,transparent 15%)}.terrain-mountain{background:#727975}.terrain-mountain .terrain-detail{clip-path:polygon(4% 86%,28% 28%,46% 68%,62% 16%,96% 86%);background:linear-gradient(135deg,#d8d2be 0 18%,#565d5d 19% 58%,#343a39 59%);opacity:.82}.terrain-water{background:#317d82}.terrain-water .terrain-detail{opacity:.5;background:radial-gradient(ellipse at 28% 32%,transparent 0 36%,rgba(255,248,231,.28) 38% 42%,transparent 44%),radial-gradient(ellipse at 72% 68%,transparent 0 36%,rgba(255,248,231,.22) 38% 42%,transparent 44%)}.tile-token,.hero-token{position:relative;width:min(78%,40px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;font-size:.82rem;font-weight:900;line-height:1}.tile-token{border:1px solid rgba(255,232,164,.64);box-shadow:inset 0 1px #fff8e747,0 6px 12px #0003}.resource-token{border-radius:9px;background:#fff8e752}.coin,.log,.ore,.gem{position:absolute;display:block}.coin{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff1a2 0 18%,#d3a63f 19% 64%,#815b18 65%);box-shadow:inset 0 0 0 1px #5034083d}.coin-large{width:46%;left:28%;top:18%}.coin-small{width:34%;bottom:20%}.coin-left{left:18%}.coin-right{right:18%}.log{width:68%;height:18%;left:16%;border-radius:999px;background:radial-gradient(circle at 12% 50%,#f4d8a6 0 13%,#7a4c24 14% 32%,transparent 33%),linear-gradient(90deg,#4f2c17,#a96e35 28% 72%,#4f2c17)}.log-top{top:24%;transform:rotate(-10deg)}.log-middle{top:42%;transform:rotate(7deg)}.log-bottom{top:60%;transform:rotate(-5deg)}.ore{aspect-ratio:1;background:linear-gradient(135deg,#dde0dc 0 16%,#7b817b 17% 62%,#454a48 63%);clip-path:polygon(16% 20%,62% 4%,94% 36%,70% 92%,20% 82%,4% 48%)}.ore-large{width:48%;left:28%;top:22%}.ore-small{width:32%;bottom:18%}.ore-left{left:18%}.ore-right{right:16%}.gem{aspect-ratio:1;transform:rotate(45deg);background:linear-gradient(135deg,#dffcff 0 18%,#45bcc5 19% 58%,#17646a 59%);box-shadow:inset 0 0 0 1px #fff8e759}.gem-large{width:42%;left:30%;top:24%}.gem-small{width:24%;right:22%;bottom:20%}.town-token{width:min(86%,44px);overflow:hidden;border-radius:4px;background:#211c15}.town-home .town-token{border-color:#b7dea2e6;box-shadow:0 0 0 2px #547d4eb8,0 6px 12px #00000042}.town-enemy .town-token{border-color:#ffae8ce6;box-shadow:0 0 0 2px #9d3f43c2,0 6px 12px #00000042}.town-token img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:pixelated}.monster-token{background:radial-gradient(circle at 50% 42%,#c85347 0 52%,#6e2224 53%)}.monster-horn,.monster-eye,.monster-mouth{position:absolute;display:block}.monster-horn{width:24%;height:24%;top:5%;background:#fff8e7;clip-path:polygon(50% 0,100% 100%,0 76%)}.monster-horn-left{left:16%;transform:rotate(-22deg)}.monster-horn-right{right:16%;transform:scaleX(-1) rotate(-22deg)}.monster-eye{width:17%;height:17%;top:40%;border-radius:50%;background:#fff4aa;box-shadow:inset 0 0 0 3px #2a1412}.monster-eye-left{left:27%}.monster-eye-right{right:27%}.monster-mouth{width:34%;height:10%;left:33%;bottom:23%;border-radius:0 0 999px 999px;background:#21100f}.hero-token{position:absolute;right:4px;bottom:4px;width:min(58%,34px);border:2px solid #f2d879;border-radius:6px;background:#171713;overflow:hidden;box-shadow:0 0 0 1px #2f200ecc,0 5px 10px #00000057}.hero-token span{position:absolute;display:block}.hero-token img,.hero-portrait-frame img,.commander-avatar img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:pixelated}.hero-cape{width:58%;height:70%;left:12%;bottom:0;transform:skew(-12deg);background:#a43f3f}.hero-head{width:28%;height:28%;top:14%;left:36%;border-radius:50%;background:#f1d4a2}.hero-body{width:34%;height:38%;left:33%;bottom:12%;border-radius:3px 3px 9px 9px;background:#f3c75c}.hero-blade{width:9%;height:55%;right:18%;top:15%;transform:rotate(26deg);border-radius:999px;background:#e9eef0}.command-deck{display:grid;gap:12px}.side-panel{padding:14px;border-radius:8px;background:linear-gradient(90deg,rgba(126,90,34,.1),transparent 22% 78%,rgba(126,90,34,.1)),var(--parchment);color:var(--text)}.hero-profile{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center}.hero-profile .panel-heading{display:grid;justify-content:start;gap:2px}.hero-profile .panel-heading span{color:var(--muted);font-size:.86rem;font-weight:800}.hero-portrait-frame{position:relative;width:72px;aspect-ratio:58 / 64;overflow:hidden;border:2px solid var(--gold-bright);border-radius:6px;background:#171713;box-shadow:0 0 0 1px #39260fe0,inset 0 0 0 1px #1f241c66,0 8px 18px #0000003d}.hero-portrait-frame:after{position:absolute;inset:0;content:"";border-radius:6px;box-shadow:inset 0 0 18px #00000038;pointer-events:none}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0}.stat-grid div{min-width:0;padding:10px;border:1px solid rgba(94,65,24,.38);border-radius:6px;background:linear-gradient(180deg,#fff8dbd1,#e2cf9994),var(--panel-strong);box-shadow:inset 0 1px #fffae08f}dt{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}dd{margin:4px 0 0;font-weight:900}.army-list{display:grid;gap:8px;margin-top:12px}.army-row,.recruit-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:10px;border:1px solid rgba(94,65,24,.36);border-radius:6px;background:linear-gradient(180deg,#fff8dbe0,#e2cf99a3),var(--panel-strong);box-shadow:inset 0 1px #fffae08a,0 2px #4d321014}.unit-portrait{position:relative;display:grid;place-items:center;overflow:hidden;background:#171713;color:#fff8e7;font-weight:900;line-height:1}.unit-portrait img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:pixelated}.unit-portrait span{font-size:.76rem}.army-unit-portrait{width:40px;aspect-ratio:58 / 64;border:2px solid var(--gold-bright);border-radius:6px;box-shadow:0 0 0 1px #3f290ec7,inset 0 0 0 1px #1f241c5c,0 5px 12px #0000002e}.recruit-unit-portrait{width:56px;aspect-ratio:58 / 64;border:2px solid var(--gold-bright);border-radius:6px;box-shadow:0 0 0 1px #3f290ec7,inset 0 0 0 1px #1f241c5c,0 7px 14px #0003}.army-row>div:not(.recruit-actions),.recruit-row>div:not(.recruit-actions){min-width:0;display:grid;gap:3px}.army-row strong,.recruit-row strong{overflow-wrap:anywhere}.army-row span,.recruit-row span,.empty-state,.event-log,.battle-log{color:var(--muted);font-size:.88rem}.army-row b{color:#7b5314}.campaign-steps{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.campaign-step{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;color:var(--muted)}.campaign-step div{display:grid;gap:2px}.campaign-step strong{color:var(--text)}.campaign-step span:not(.step-marker){font-size:.84rem}.step-marker{width:18px;height:18px;margin-top:1px;border:2px solid rgba(91,67,30,.42);border-radius:4px;background:linear-gradient(180deg,#fff8dbe6,#d4be84cc),var(--panel-strong);transform:rotate(45deg)}.campaign-step.is-complete .step-marker{border-color:#315f35;background:#477b42;box-shadow:inset 0 0 0 4px var(--panel-strong)}.campaign-step.is-active .step-marker{border-color:#8d3432;background:var(--gold-bright);box-shadow:0 0 0 4px #d3a63f2e}.campaign-step.is-locked{opacity:.58}.event-panel{max-height:330px;overflow:hidden}.event-log,.battle-log{display:grid;gap:8px;margin:12px 0 0;padding-left:18px}.event-log li,.battle-log li{padding-left:2px}.primary-action,.secondary-action,.ghost-action,.icon-button{min-height:38px;border-radius:5px;border:1px solid rgba(242,216,121,.42);font-weight:900;cursor:pointer;box-shadow:inset 0 1px #fff8db57,inset 0 -2px #00000038,0 3px #0003;text-shadow:0 1px 0 rgba(0,0,0,.32)}.primary-action{padding:0 14px;background:linear-gradient(180deg,#3f7145,#1f442c),#284f34;color:#fff2c4}.secondary-action{padding:0 12px;background:linear-gradient(180deg,#516f8b,#293f5a),#314f78;color:#fff2c4}.ghost-action{padding:0 12px;border-color:#5e411870;background:linear-gradient(180deg,#fff8db80,#ceb97f6b),transparent;color:#302417;text-shadow:none}.icon-button{width:38px;padding:0;border-color:#5e411880;background:linear-gradient(180deg,#fff8dbd1,#d0b979c7),var(--panel-strong);color:#302417;text-shadow:none}.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled),.ghost-action:hover:not(:disabled),.icon-button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{cursor:not-allowed;opacity:.45}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 50%,rgba(217,179,78,.1),transparent 34%),#090b09b8}.modal-panel{width:min(720px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;padding:18px;border-radius:8px;background:linear-gradient(90deg,rgba(126,90,34,.1),transparent 18% 82%,rgba(126,90,34,.1)),var(--parchment);color:var(--text)}.town-modal{width:min(760px,100%)}.town-showcase{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;align-items:center;margin-top:16px;padding:12px;border:1px solid rgba(94,65,24,.38);border-radius:8px;background:linear-gradient(135deg,rgba(73,111,67,.16),transparent 56%),linear-gradient(180deg,#fff8dbd1,#e2cf999e),#fff8e7b8;box-shadow:inset 0 1px #fffae080}.town-showcase-image{min-width:0;height:116px;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(242,216,121,.5);border-radius:6px;background:linear-gradient(180deg,#fff8e71f,#0000001f),#171713;box-shadow:inset 0 0 0 1px #1f241c47,0 6px 12px #0000002e}.town-showcase-image img{width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 9px rgba(0,0,0,.34))}.town-showcase-copy{min-width:0;display:grid;gap:5px}.town-showcase-copy span{color:#7b5314;font-size:.74rem;font-weight:900;text-transform:uppercase}.town-showcase-copy strong{color:var(--text);font-size:1.35rem;line-height:1.1}.town-showcase-copy p{margin:0;color:var(--muted);font-weight:800}.recruit-list{display:grid;gap:10px;margin-top:16px}.town-modal .recruit-row{min-height:74px;padding:12px}.recruit-copy small{color:#7b5314;font-size:.78rem;font-weight:900}.recruit-actions{flex:0 0 auto;display:flex;align-items:center;gap:10px}.battle-modal{width:min(1160px,100%);max-height:min(820px,calc(100vh - 36px));background:linear-gradient(180deg,#fff8dbd1,#d2bb7ebd),var(--parchment)}.battle-modal .modal-heading{align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(94,65,24,.28)}.battle-modal .objective-pill{border-color:#5e411852;background:linear-gradient(180deg,#fff8dbb3,#d2bb7ead),#d3a63f33;color:#5b3e13;text-shadow:none}.battle-command-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch;margin-top:14px;padding:10px;border:1px solid rgba(94,65,24,.38);border-radius:8px;background:linear-gradient(90deg,#1f5f431f,#8d34321a),linear-gradient(180deg,#fff8dbcc,#e2cf9994),var(--panel-strong);box-shadow:inset 0 1px #fffae07a}.battle-turn-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:0 2px}.battle-turn-bar div{min-width:0;display:grid;gap:3px}.battle-turn-bar div:last-child{justify-items:end;text-align:right}.battle-turn-bar span{color:var(--muted);font-size:.8rem;font-weight:900;text-transform:uppercase}.battle-turn-bar strong{color:var(--text)}.battlefield-stage{display:grid;grid-template-columns:132px minmax(0,1fr) 132px;gap:12px;align-items:center;margin-top:0}.commander-card{min-height:148px;display:grid;align-content:center;justify-items:center;gap:10px;padding:12px;border:1px solid rgba(94,65,24,.4);border-radius:6px;background:linear-gradient(180deg,#fff8dbe6,#d6c79ee0),#d9cfaa;text-align:center;box-shadow:inset 0 1px #fff8e780,inset 0 -2px #4931121f}.commander-avatar{width:62px;aspect-ratio:58 / 64;display:block;overflow:hidden;border:2px solid var(--gold-bright);border-radius:6px;background:#171713;box-shadow:0 0 0 1px #39260fd1,0 8px 16px #0003}.commander-card.side-player .commander-avatar{outline:3px solid rgba(31,95,67,.22)}.commander-card.side-enemy .commander-avatar{outline:3px solid rgba(157,63,67,.22)}.commander-card div{display:grid;gap:3px}.commander-card strong{color:var(--text)}.commander-card span:not(.commander-avatar){color:var(--muted);font-size:.82rem}.hex-board{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(9,minmax(34px,1fr));grid-auto-rows:52px;gap:4px 6px;min-width:0;padding:14px 34px 14px 14px;border:2px solid rgba(126,90,34,.72);border-radius:7px;background:radial-gradient(circle at 18% 18%,rgba(255,248,231,.18) 0 2px,transparent 3px 36px),radial-gradient(circle at 78% 72%,rgba(31,95,67,.2) 0 2px,transparent 3px 42px),linear-gradient(90deg,rgba(31,95,67,.28),transparent 30% 70%,rgba(157,63,67,.3)),#cfc3a3;overflow:hidden;box-shadow:inset 0 0 0 1px #1f241c1f,inset 0 -24px 50px #1f241c1f}.hex-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;clip-path:polygon(24% 0,76% 0,100% 50%,76% 100%,24% 100%,0 50%);background:radial-gradient(circle at 34% 28%,rgba(255,248,231,.24) 0 2px,transparent 3px),linear-gradient(135deg,#fff8e742,#68542e38),#b7a879}.hex-cell.is-offset{transform:translate(50%)}.hex-cell.is-move-target{background:radial-gradient(circle at 50% 50%,rgba(243,199,92,.42) 0 18%,transparent 19%),linear-gradient(135deg,#fff8e76b,#76684638),#c4b583}.hex-cell.is-feedback-source{animation:battle-source-pulse .72s ease-out both}.hex-cell.is-feedback-impact{animation:battle-impact-pulse .76s ease-out both}.hex-cell:after{position:absolute;inset:4px;content:"";clip-path:inherit;border:1px solid rgba(255,248,231,.2);pointer-events:none}.hex-move-button{position:relative;z-index:1;width:62%;aspect-ratio:1;padding:0;border:2px dashed rgba(31,95,67,.82);border-radius:50%;background:#fff8e74d;cursor:pointer}.hex-move-button:before{position:absolute;inset:33%;content:"";border-radius:50%;background:#1f5f43}.hex-move-button:hover,.hex-move-button:focus-visible{outline:3px solid #f3c75c;outline-offset:2px;background:#f3c75c5c}.battle-action-effect{position:absolute;inset:14px 34px 14px 14px;z-index:3;pointer-events:none}.battle-effect-trail,.battle-effect-spark,.battle-effect-slash{position:absolute;display:block;pointer-events:none}.battle-effect-trail{left:var(--fx-x1);top:var(--fx-y1);width:14px;aspect-ratio:1;border-radius:50%;background:#fff8e7;box-shadow:0 0 0 5px #fff8e72e,0 0 18px #fff8e7d1;animation:battle-effect-flight .62s ease-out both}.battle-action-effect.from-player .battle-effect-trail{background:#f3c75c;box-shadow:0 0 0 5px #f3c75c2e,0 0 18px #f3c75ce6}.battle-action-effect.from-enemy .battle-effect-trail{background:#ff8f82;box-shadow:0 0 0 5px #9d3f4333,0 0 18px #ff8f82e0}.battle-action-effect.is-move .battle-effect-trail{width:20px;border:2px solid #fff8e7;background:#1f5f43eb;box-shadow:0 0 0 6px #1f5f4333,0 0 16px #fff8e7a6;animation-duration:.52s}.battle-effect-spark{left:var(--fx-x2);top:var(--fx-y2);width:46px;aspect-ratio:1;border:3px solid rgba(255,248,231,.76);border-radius:50%;box-shadow:inset 0 0 0 4px #f3c75c29,0 0 18px #f3c75cb8;animation:battle-target-spark .68s ease-out both}.battle-action-effect.is-move .battle-effect-spark{border-color:#73b780c2;box-shadow:inset 0 0 0 4px #1f5f4329,0 0 16px #73b7809e}.battle-effect-slash{left:var(--fx-x2);top:var(--fx-y2);width:44px;height:8px;border-radius:999px;background:linear-gradient(90deg,transparent,#fff8e7 18% 72%,transparent);box-shadow:0 0 14px #fff8e7e6;animation:battle-slash-cut .52s ease-out both}.battle-feedback-badge{position:absolute;top:7%;right:9%;z-index:4;min-width:32px;min-height:24px;display:grid;place-items:center;gap:0;padding:2px 7px;border:2px solid #fff8e7;border-radius:999px;background:#9d3f43;color:#fff8e7;font-size:.78rem;font-weight:900;line-height:1;pointer-events:none;text-shadow:0 1px 0 rgba(0,0,0,.32);box-shadow:0 8px 16px #00000047}.battle-feedback-badge.is-attack{animation:battle-attack-feedback-pop 1.04s cubic-bezier(.2,.8,.2,1) both}.battle-feedback-badge.is-move{background:#1f5f43;animation:battle-move-feedback-pop .94s cubic-bezier(.2,.8,.2,1) both}.battle-feedback-badge.is-defeated{background:#171713}.battle-feedback-badge small{display:block;margin-top:1px;color:#f3c75c;font-size:.54rem;font-weight:900;letter-spacing:0}.battle-stack-token{position:relative;z-index:1;width:min(88%,48px);aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--gold-bright);border-radius:50%;color:#fff8e7;padding:0;font:inherit;cursor:default;box-shadow:0 0 0 1px #39260fcc,0 8px 16px #0000003d;overflow:visible;transition:box-shadow .16s ease,transform .16s ease}button.battle-stack-token{appearance:none}.battle-stack-token.side-player{background:linear-gradient(160deg,#2f8a61,#173f2d)}.battle-stack-token.side-enemy{background:linear-gradient(160deg,#c85347,#5e2022)}.battle-stack-token.is-targetable{cursor:pointer}.battle-stack-token.is-targetable:hover,.battle-stack-token.is-targetable:focus-visible{outline:3px solid rgba(255,248,231,.82);outline-offset:2px}.battle-stack-token.is-active{outline:3px solid #f3c75c;outline-offset:2px}.battle-stack-token.is-selected{outline:3px solid #f3c75c;outline-offset:3px;box-shadow:0 0 0 5px #d3a63f40,0 10px 18px #00000047}.hex-cell.is-feedback-source.is-feedback-attack .battle-stack-token{animation:battle-stack-lunge .52s ease-out both}.hex-cell.is-feedback-impact.is-feedback-attack .battle-stack-token{animation:battle-stack-hit .52s ease-out both}.hex-cell.is-feedback-impact.is-feedback-move .battle-stack-token{animation:battle-stack-arrive .52s ease-out both}.battle-unit-portrait{width:100%;height:100%;border-radius:50%}.battle-unit-portrait img{transform:scale(1.08)}.battle-unit-portrait span{font-size:.78rem}.battle-stack-token strong{position:absolute;z-index:2;right:-5px;bottom:-5px;min-width:22px;min-height:22px;display:grid;place-items:center;border:2px solid var(--gold-bright);border-radius:999px;background:#171713;color:var(--gold-bright);font-size:.72rem}@keyframes battle-attack-feedback-pop{0%{opacity:0;transform:translateY(8px) scale(.72)}18%{opacity:1;transform:translateY(-6px) scale(1.08)}62%{opacity:1;transform:translateY(-10px) scale(1)}to{opacity:1;transform:translateY(-8px) scale(1)}}@keyframes battle-move-feedback-pop{0%{opacity:0;transform:translateY(8px) scale(.72)}18%{opacity:1;transform:translateY(-6px) scale(1.08)}62%{opacity:1;transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-18px) scale(.94)}}@keyframes battle-effect-flight{0%{left:var(--fx-x1);top:var(--fx-y1);opacity:0;transform:translate(-50%,-50%) scale(.55)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{left:var(--fx-x2);top:var(--fx-y2);opacity:0;transform:translate(-50%,-50%) scale(1.34)}}@keyframes battle-target-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.28)}24%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}@keyframes battle-slash-cut{0%{opacity:0;transform:translate(-50%,-50%) rotate(-28deg) scaleX(.2)}28%{opacity:1;transform:translate(-50%,-50%) rotate(-28deg) scaleX(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(-28deg) scaleX(1.18)}}@keyframes battle-stack-lunge{0%{transform:scale(1)}38%{transform:translate(6px) scale(1.08)}to{transform:scale(1)}}@keyframes battle-stack-hit{0%{transform:scale(1)}22%{transform:translate(-5px) scale(.92);filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1)}}@keyframes battle-stack-arrive{0%{opacity:.4;transform:translateY(-8px) scale(.9)}62%{opacity:1;transform:translateY(2px) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes battle-source-pulse{0%{filter:brightness(1)}28%{filter:brightness(1.18) saturate(1.18)}to{filter:brightness(1)}}@keyframes battle-impact-pulse{0%{box-shadow:inset 0 0 #9d3f4300;filter:brightness(1)}24%{box-shadow:inset 0 0 0 5px #9d3f438a;filter:brightness(1.2) saturate(1.2)}to{box-shadow:inset 0 0 #9d3f4300;filter:brightness(1)}}.turn-queue{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.turn-chip{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border:1px solid rgba(94,65,24,.36);border-radius:5px;background:linear-gradient(180deg,#fff8dbdb,#e2cf999e),var(--panel-strong);color:var(--muted);font-size:.78rem;font-weight:900}.turn-chip.side-player{border-color:#1f5f4352}.turn-chip.side-enemy{border-color:#9d3f4352}.turn-chip.is-active{background:linear-gradient(180deg,#f7dc7c,#d3a63f),#f3c75c;color:#2b210f;box-shadow:inset 0 1px #fffae094,0 2px #4d321029}.battle-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,.9fr);gap:14px;margin-top:16px}.battle-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.battle-actions .primary-action,.battle-actions .secondary-action,.battle-actions .ghost-action{min-width:116px}.battle-result-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:14px;padding:14px;border:1px solid rgba(94,65,24,.42);border-radius:8px;background:linear-gradient(90deg,#1f5f4329,#d3a63f2e),linear-gradient(180deg,#fff8dbd1,#e2cf99a3),var(--panel-strong);box-shadow:inset 0 1px #fff8e78c,0 10px 24px #1f241c1f}.battle-result-banner.is-enemy{background:linear-gradient(90deg,#9d3f432e,#1f241c14),linear-gradient(180deg,#fff8dbd1,#e2cf99a3),var(--panel-strong)}.battle-result-banner div{min-width:0;display:grid;gap:3px}.battle-result-banner span{color:var(--gold);font-size:.76rem;font-weight:900;text-transform:uppercase}.battle-result-banner strong{color:var(--text);font-size:1.15rem}.battle-result-banner p{margin:0;color:var(--muted);font-weight:800}.battle-result-banner .primary-action{min-width:118px}.battle-arena-panel{margin-top:14px;padding:12px;border:2px solid rgba(126,90,34,.72);border-radius:8px;background:radial-gradient(circle at 20% 18%,rgba(217,179,78,.12) 0 2px,transparent 3px 70px),linear-gradient(90deg,#151713db,#2b2a22db),#20251e;box-shadow:inset 0 1px #fff8e729,inset 0 0 24px #0000003d}.battle-info-card{min-width:0;padding:12px;border:1px solid rgba(94,65,24,.36);border-radius:8px;background:linear-gradient(180deg,#fff8dbd6,#e2cf999e),#fff8e79e;box-shadow:inset 0 1px #fffae07a}.battle-info-card .army-list{margin-top:0}.battle-log-card{max-height:218px;overflow:hidden}.battle-log-card .battle-log{max-height:166px;overflow:hidden;margin-top:0;padding-left:16px}.end-modal{width:min(640px,100%);display:grid;justify-items:center;gap:16px;overflow:hidden;padding:24px;text-align:center}.end-modal.is-victory{background:radial-gradient(circle at 50% 0,rgba(242,216,121,.24),transparent 42%),linear-gradient(180deg,#fff8dbeb,#dac27edb),var(--parchment)}.end-modal.is-defeat{background:radial-gradient(circle at 50% 0,rgba(141,52,50,.18),transparent 42%),linear-gradient(180deg,#f4e2b8eb,#c6ae77e6),var(--parchment)}.end-standard{width:86px;height:104px;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);background:linear-gradient(180deg,#f7dc7c,#a97822 58%,#6a4517),#d3a63f;color:#fff2c4;font-family:Georgia,Times New Roman,serif;font-size:1.22rem;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.35);box-shadow:0 0 0 2px #462d0fcc,0 13px 24px #00000038}.end-modal.is-defeat .end-standard{background:linear-gradient(180deg,#a84844,#5b2424 58%,#2d1514),#8d3432}.end-proclamation{display:grid;gap:7px}.end-proclamation h2{font-size:1.8rem}.end-proclamation p:not(.eyebrow){max-width:46ch;margin:0 auto;color:var(--muted);font-weight:900}.end-scoreboard{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.end-scoreboard div{min-width:0;padding:12px 10px;border:1px solid rgba(94,65,24,.38);border-radius:6px;background:linear-gradient(180deg,#fff8dbd6,#e2cf9994),var(--panel-strong);box-shadow:inset 0 1px #fffae080}.end-scoreboard span{display:block;color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase}.end-scoreboard strong{display:block;margin-top:5px;color:#5b3e13;font-size:1.22rem}.end-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.end-modal p:not(.eyebrow){color:var(--muted)}@media(max-width:1040px){.main-menu-panel{grid-template-columns:1fr;min-height:auto}.main-menu-art{min-height:260px}.main-menu-art img{width:min(72%,520px);transform:scale(1.12)}.game-layout{grid-template-columns:1fr}.battle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-log-card{grid-column:1 / -1}.command-deck{grid-template-columns:repeat(3,minmax(0,1fr))}.event-panel{max-height:none}}@media(max-width:760px){.app-shell{padding:10px}.main-menu{place-items:start center;overflow:auto;padding:10px}.main-menu-content{gap:14px;padding:24px 18px}.main-menu-content h1{font-size:2rem}.main-menu-art{min-height:190px}.main-menu-art img{width:min(80%,360px)}.main-menu-matchup{grid-template-columns:1fr}.main-menu-versus{margin:0 auto}.main-start-action{width:100%}.resource-bar{grid-template-columns:1fr}.battle-turn-bar,.battle-turn-bar div:last-child{align-items:start;justify-items:start;text-align:left}.battle-command-strip{grid-template-columns:1fr}.battle-actions{justify-content:flex-start}.battle-result-banner{grid-template-columns:1fr}h1{font-size:1.5rem}.command-deck,.battlefield-stage,.battle-grid{grid-template-columns:1fr}.commander-card{min-height:auto;grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left}.hex-board{grid-auto-rows:42px;min-width:660px}.battle-arena-panel{overflow-x:auto}.battle-log-card{max-height:none}.stat-grid{grid-template-columns:1fr}.adventure-map{gap:3px;min-width:640px}.map-stage{overflow-x:auto}.map-heading,.modal-heading{align-items:stretch;flex-direction:column}.town-modal .modal-heading{align-items:flex-start;flex-direction:row}.town-showcase{grid-template-columns:1fr}.town-showcase-image{height:110px}.recruit-row,.recruit-actions{align-items:stretch;flex-direction:column}.recruit-row{grid-template-columns:auto minmax(0,1fr)}.recruit-actions{grid-column:1 / -1}.resource-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.end-modal{padding:20px 16px}.end-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}.end-actions,.end-actions .primary-action,.end-actions .ghost-action{width:100%}}@media(prefers-reduced-motion:reduce){.battle-action-effect,.battle-effect-trail,.battle-effect-spark,.battle-effect-slash,.battle-feedback-badge,.hex-cell.is-feedback-source,.hex-cell.is-feedback-impact,.hex-cell.is-feedback-source .battle-stack-token,.hex-cell.is-feedback-impact .battle-stack-token{animation-duration:1ms;animation-iteration-count:1}.map-feedback{animation-name:map-feedback-reduced;animation-duration:1.8s;animation-iteration-count:1}.map-feedback-ring{opacity:.62;animation:none;transform:scale(1)}}