:root{color:#e5e8df;background:#101814;font-family:Inter,system-ui,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:48px 30px}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px;display:flex}.eyebrow{letter-spacing:3px;color:#b6c685;font-size:11px;font-weight:700}h1{margin:14px 0;font-family:Georgia,serif;font-size:clamp(32px,5vw,54px);font-weight:400}h2{font-family:Georgia,serif;font-size:30px;font-weight:400}h3{font-size:16px;font-weight:600}p,small{color:#a8b2a7;line-height:1.6}.badge{white-space:nowrap;border:1px solid #41513b;border-radius:30px;padding:10px 18px;font-size:12px}aside{background:#202c23;border-radius:10px;flex-wrap:wrap;gap:26px;padding:20px 24px;font-size:13px;display:flex}nav{border-bottom:1px solid #354237;gap:12px;margin:28px 0 40px;display:flex}button,select,input,.import{font:inherit;color:inherit;background:#29382c;border:1px solid #40513e;border-radius:6px;padding:10px 14px}button{cursor:pointer}button:hover{border-color:#b6c685}button:disabled{opacity:.4;cursor:default}nav button{background:0 0;border:none;border-radius:0;padding:16px 22px}nav button[aria-current]{color:#d2e3a1;border-bottom:2px solid #c4d394}article{background:#19241c;border:1px solid #304032;border-radius:10px;padding:24px}.columns{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.section-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-title>b{color:#c4d394;font-size:13px}.row{border-bottom:1px solid #2c3a2e;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.row:last-child{border:0}.row label{flex:1}.row button{padding:6px 10px}.field{text-transform:capitalize;flex-direction:column;gap:10px;margin:18px 0;font-size:13px;display:flex}input,select{width:100%}.map-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.map{text-align:left;background:linear-gradient(130deg,#263e2b,#18251e);min-height:210px;padding:28px}.map.selected{border-color:#bfd38c;box-shadow:inset 0 0 0 1px #bfd38c}.map-icon{color:#bdce92;font-size:48px}.settings{grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0;display:grid}.primary{color:#172117;background:#c2d38d;padding:16px 28px;font-weight:700}.inventory>div{flex:1}.inventory small{display:block}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0;display:grid}.metrics h2{color:#c5d892;margin:12px 0;font-size:40px}footer{border-top:1px solid #304032;justify-content:space-between;align-items:center;gap:16px;margin-top:60px;padding-top:20px;font-size:12px;display:flex}footer>div{gap:8px;display:flex}.import{cursor:pointer;position:relative}.import input{opacity:0;cursor:pointer;position:absolute;inset:0}.error{color:#f2c4a6;border:1px solid #c88d6f;border-radius:6px;padding:18px}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #d1e1a3}@media (width<=800px){main{padding:24px 16px}.columns,.metrics,.settings{grid-template-columns:1fr 1fr}header,footer{flex-direction:column;align-items:flex-start}nav{gap:0}nav button{padding:14px 12px}.inventory{flex-wrap:wrap}}@media (width<=500px){.columns,.map-grid,.metrics,.settings{grid-template-columns:1fr}.section-title{display:block}}