:root{font-family:Inter,system-ui,sans-serif;color:#e8eee9;background:#0a0e0c}*{box-sizing:border-box}body{margin:0;overflow:hidden}header{height:54px;display:flex;gap:22px;align-items:center;padding:0 18px;background:#111814;border-bottom:1px solid #334039}header b{letter-spacing:3px}#status{margin-left:auto;color:#9fb4a7}button,input{border:1px solid #435248;background:#17211b;color:#eef4ef;border-radius:7px;padding:9px 12px}button{cursor:pointer}main{height:calc(100vh - 104px);display:grid;grid-template-columns:1fr 330px}.mapWrap{position:relative;min-width:0}canvas{width:100%;height:100%;display:block;background:#0d1514}.hint{position:absolute;left:12px;bottom:12px;background:#0b100dcc;padding:7px 10px;border-radius:6px;font-size:12px}aside{overflow:auto;padding:14px;background:#101612;border-left:1px solid #334039}.panel{background:#151e19;border:1px solid #2e3a33;border-radius:8px;padding:10px;margin-bottom:12px;white-space:pre-wrap}.feed{font-size:12px;max-height:180px;overflow:auto}.actions{display:flex;gap:8px;margin:10px 0 18px}nav{height:50px;display:flex;justify-content:center;gap:8px;align-items:center;background:#111814;border-top:1px solid #334039}.modal{position:fixed;inset:0;z-index:20;background:#050806e8;display:grid;place-items:center}.modal.hidden{display:none}.card{width:min(390px,90vw);display:grid;gap:12px;background:#121a15;border:1px solid #435248;border-radius:12px;padding:28px}.card h1{letter-spacing:5px;margin:0}.card p{color:#9fb4a7}.card div{display:flex;gap:8px}.card small{color:#e5aa76}@media(max-width:800px){main{grid-template-columns:1fr}aside{position:absolute;right:0;top:54px;width:min(330px,88vw);height:calc(100vh - 104px);background:#101612ee}header{gap:9px;padding:0 9px}header>span:not(#status){display:none}nav{justify-content:flex-start;overflow-x:auto;padding:0 8px}}