:root{font-family:Georgia,serif;color:#eee8d9;background:#151e20;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:inherit;background:#263237;border:1px solid #6d7972;border-radius:4px;padding:.48rem .7rem;cursor:pointer}button:hover{background:#40504d}button:focus-visible,select:focus-visible{outline:2px solid #e9c26d}button:disabled{opacity:.4;cursor:not-allowed}[hidden]{display:none!important}.app{max-width:1600px;margin:auto;padding:1rem}.top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #52615b;margin-bottom:1rem;padding-bottom:.75rem}h1,h2,h3,p{margin:.2rem 0 .7rem}h1{font-size:1.65rem;letter-spacing:.02em}h2{font-size:1.4rem}h3{font-size:1rem;color:#e8d9ae}.eyebrow{font:700 .68rem system-ui;letter-spacing:.17em;color:#c6ac72}.badge{font:700 .65rem system-ui;letter-spacing:.1em;padding:.45rem;border:1px solid #6b7365;color:#c5d2c0}.setup{background:#202b2c;border:1px solid #56635a;padding:1.3rem}.setup-heading,.section-head{display:flex;justify-content:space-between;align-items:start;gap:1rem}.setup-heading p{max-width:70ch;color:#bac5b7}.setup-heading label{display:grid;gap:.3rem;font:700 .75rem system-ui}.setup-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:1.5rem}.setup-grid aside,.battle-panel{background:#1b2527;padding:1rem;border:1px solid #3a4b47}.shop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;max-height:65vh;overflow:auto}.shop-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem;border:1px solid #3c4b45;background:#253331}.shop-row strong{font-size:.88rem}.shop-row small{display:block;color:#b2beb0;font: .72rem system-ui;margin-top:.25rem}.shop-controls{display:flex;align-items:center;gap:.5rem}.shop-controls button{padding:.15rem .5rem;font:1rem system-ui}.primary{background:#a27d3b;color:#fff8e7;border-color:#d6b777;font-weight:bold;padding:.7rem 1rem}.primary:hover{background:#bc9550}.hint{font: .78rem/1.5 system-ui;color:#b8c1b4}.army-row{font:.8rem/1.7 system-ui;color:#d2dbc9}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:1rem;align-items:start}.map-wrap{position:relative;background:#242e27;border:7px solid #766b50;width:min(100%,calc(100vh - 110px));aspect-ratio:1/1;margin:auto}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.map-message{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:#17221ed9;color:#fff;font:.75rem system-ui;pointer-events:none}.battle-panel{max-height:calc(100vh - 110px);overflow:auto}.buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.buttons button{font:.75rem system-ui}.divider{border-top:1px solid #46564d;margin:1rem 0}.friendly-list{max-height:23vh;overflow:auto;margin:.8rem 0}.friendly-list button{display:block;width:100%;text-align:left;font:.75rem system-ui;margin:.2rem 0}.result{position:fixed;inset:0;background:#070e0dbb;display:grid;place-items:center}.result-card{background:#202d2b;border:1px solid #af9d6b;padding:2rem;max-width:440px;text-align:center}.result-card p{line-height:1.6}.result-card h2{font-size:2rem}@media(max-width:800px){.battle-layout{grid-template-columns:1fr}.map-wrap{width:100%;max-height:none}.battle-panel{max-height:none}.shop{grid-template-columns:1fr}.setup-grid{grid-template-columns:1fr}}

#perf-report{width:100%;min-height:6rem;margin-top:.4rem;font:.7rem system-ui;background:#182222;border:1px solid #6d7972;color:#eee8d9}#perf-copy{font:.75rem system-ui}