:root{font-family:Inter,Segoe UI,sans-serif;color:#f6f4ef;background:#101519;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,a{cursor:pointer}#panel{padding:32px 5vw 0}header,footer{display:flex;justify-content:space-between;color:#8c999b;font-size:11px;letter-spacing:1.5px}header b{font-weight:400}section{max-width:1100px;margin:64px auto 30px}.eyebrow{font-size:11px;letter-spacing:2px;color:#bbef6c}h1{font-size:clamp(54px,7vw,94px);line-height:.94;letter-spacing:-5px;margin:22px 0}h1 em{font-style:normal;color:#bbef6c}.intro{color:#99a6a9;line-height:1.8;font-size:15px}label{display:block;color:#9eabad;font-size:12px;margin:22px 0 14px}input{margin-left:14px;padding:10px 14px;border:1px solid #384346;border-radius:6px;background:#1a2328;color:#fff;width:260px}#buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.faction{position:relative;text-align:left;padding:12px 18px 18px;background:#1a2327;border:1px solid #354145;border-radius:12px;color:#fff;transition:transform .2s,border-color .2s}.faction:hover{transform:translateY(-5px);border-color:var(--accent)}.faction svg{display:block;width:100%;height:112px}.faction strong{display:block;font-size:17px}.faction small{color:#9ba9aa;display:block;margin-top:6px}.faction i{position:absolute;right:15px;top:15px;font-style:normal;font-size:10px;color:var(--accent)}.tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.tools button,.tools a,details button{padding:10px 14px;background:transparent;color:#bdc8c9;border:1px solid #3a484d;border-radius:6px;text-decoration:none;font-size:12px}.tools button:first-child{background:#bbef6c;color:#172111;border-color:#bbef6c}#status{font-size:12px;color:#bbef6c;min-height:20px}details{font-size:12px;color:#8e9d9f}footer{padding-bottom:26px}#stage{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#30434255,transparent 65%),repeating-conic-gradient(#1a2428 0 25%,#1d282d 0 50%) 0/32px 32px;border-top:1px solid #364348}#stageLabel{position:absolute;left:4%;top:25px;font-size:10px;letter-spacing:2px;color:#7c9195}#stageLabel span{margin-left:24px;color:#b9e877}#army,#effects{position:absolute;width:1920px;height:1080px;left:0;top:0;transform-origin:top left;pointer-events:none}.soldier{position:absolute;width:130px;height:170px;overflow:visible}.soldier *{transform-box:view-box}.outline{stroke:#18232d;stroke-width:3.2;stroke-linejoin:round;stroke-linecap:round}.flag-text{font-family:Segoe UI,sans-serif;font-weight:800;fill:white;stroke:none}.overlay,.overlay body{background:transparent!important}.overlay #panel,.overlay #stageLabel{display:none}.overlay #stage{width:100vw;height:100vh;aspect-ratio:auto;background:transparent;border:0} @media(min-width:1000px){body:not(.unused) #stage{max-height:390px;aspect-ratio:auto;height:36vw}}.overlay #stage{max-height:none!important;height:100vh!important}@media(max-width:700px){#buttons{grid-template-columns:repeat(2,1fr)}header b,footer span:last-child{display:none}section{margin-top:40px}input{margin-left:0;display:block;margin-top:8px}h1{letter-spacing:-3px}}