:root{color-scheme:dark;background:#080b0c;color:#e8ede9;font-family:Inter,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#080b0c}.top{height:66px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a9b7ac22;background:#090d0ff2;position:relative;z-index:40}.top a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px}.top a>i{display:grid;place-items:center;width:38px;height:38px;border:1px solid #c7ad69;color:#e7ce8c;font-style:normal;font-weight:900}.top a span{display:grid}.top a small{color:#75827c;font-size:8px;letter-spacing:.22em}.top nav{display:flex;align-items:center;gap:20px;font:700 9px ui-monospace,monospace;color:#899690}.top nav strong{font-size:13px;color:#e6d59f}.top nav a{padding:8px;border:1px solid #ffffff22}.battlefield{position:relative;width:100vw;height:calc(100vh - 66px);overflow:hidden;background:#171c19}.battlefield>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.42) sepia(.18) brightness(.55) contrast(1.25)}.terrain-light{position:absolute;inset:0;background:radial-gradient(circle at 55% 45%,transparent 5%,#05070866 75%),linear-gradient(130deg,#bda75c12,#0000 35%,#a64b3e12);pointer-events:none}.legend{position:absolute;right:18px;bottom:18px;z-index:20;display:flex;gap:12px;padding:10px 13px;border:1px solid #ffffff20;background:#080c0de6;color:#9ba7a2;font:700 8px ui-monospace,monospace}.legend b{color:#ded7bd}dialog{width:min(430px,calc(100% - 24px));border:1px solid #b4a26b88;background:#0c1113;color:#ecf0ed;padding:0;box-shadow:0 30px 100px #000}dialog::backdrop{background:#020404d9;backdrop-filter:blur(5px)}dialog form{display:grid;gap:12px;padding:20px}dialog header{display:flex;justify-content:space-between}dialog h2{margin:4px 0 6px}dialog small{color:#a99259;font:700 9px ui-monospace,monospace;letter-spacing:.18em}dialog header button{width:34px;height:34px;background:transparent;border:1px solid #ffffff22;color:#fff;font-size:20px}dialog label{display:grid;gap:5px;color:#929e99;font-size:10px;font-weight:800}dialog input,dialog select{width:100%;padding:11px;border:1px solid #ffffff22;background:#070a0b;color:#fff}dialog p{min-height:16px;margin:0;color:#ef776b;font-size:11px}.submit{padding:12px;border:1px solid #d0af5e;background:#3b3019;color:#fff;font-weight:900}.resources{grid-template-columns:1fr 1fr!important}.resources b{padding:5px;background:#ffffff0a;color:#d6ded9;font-size:9px}.development{grid-template-columns:1fr 1fr!important}.development button:last-child{grid-column:1/-1}@media(max-width:700px){.top nav>span,.top nav>a,.legend{display:none}.top{padding:0 10px}.battlefield{height:calc(100vh - 66px)}}