*{box-sizing:border-box}html,body{margin:0;background:#0d100f;color:#e7e3cf;font-family:system-ui,-apple-system,Segoe UI,sans-serif;height:100%}body{overflow:hidden}button{background:#38443b;color:#f3f0dc;border:1px solid #71806f;border-radius:5px;padding:.55rem .75rem;font-weight:700;cursor:pointer}button:hover,button:focus{background:#506054;outline:2px solid #d3c275}button:disabled{opacity:.4;cursor:not-allowed}#app{height:100vh;display:grid;grid-template-rows:auto 1fr auto}header{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1rem;background:linear-gradient(#252c28,#171b19);border-bottom:1px solid #59645b}h1{font-size:1.35rem;letter-spacing:.12em;margin:0;color:#e4d47d}header p{margin:.15rem 0 0;color:#aeb9ac}.header-actions{display:flex;gap:.45rem}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:0}.map-panel{position:relative;background:#111614;overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none}aside{overflow:auto;background:#181d1a;border-left:1px solid #59645b;padding:.65rem}.card{background:#222925;border:1px solid #465149;border-radius:7px;margin-bottom:.6rem;padding:.7rem}.card h2{font-size:1rem;margin:0 0 .55rem;color:#d7c76f;letter-spacing:.04em}.resources{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.resource{display:flex;justify-content:space-between;background:#151a17;padding:.35rem .45rem;border-radius:4px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.actions button{font-size:.82rem}.good{color:#8bd18b}.bad{color:#ef8888}.warn{color:#e7ca72}#log{font-family:ui-monospace,monospace;font-size:.78rem;line-height:1.35;max-height:170px;overflow:auto}.log-line{border-bottom:1px solid #313a34;padding:.24rem 0}footer{display:flex;justify-content:space-between;align-items:center;padding:.45rem 1rem;background:#171b19;border-top:1px solid #59645b;font-size:.8rem}#endBtn{background:#74463b;border-color:#b16d59}#toast{position:absolute;left:50%;top:1rem;transform:translateX(-50%);background:#111d15dd;border:1px solid #9aae7f;padding:.55rem .9rem;border-radius:6px;opacity:0;transition:.25s;pointer-events:none}#toast.show{opacity:1}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:10}.modal.hidden{display:none}.modal-box{max-width:580px;background:#242b27;border:1px solid #8a9272;border-radius:10px;padding:1.4rem;position:relative}.close{position:absolute;right:.5rem;top:.5rem;font-size:1.2rem}.objective{margin:.35rem 0}.done{text-decoration:line-through;color:#8bb98b}@media(max-width:850px){body{overflow:auto}#app{height:auto;min-height:100vh}main{grid-template-columns:1fr}.map-panel{height:58vh}aside{border-left:0;border-top:1px solid #59645b}.header-actions{flex-wrap:wrap}header{align-items:flex-start}footer{position:sticky;bottom:0}}
.objective-action{grid-column:1/-1;background:#6b5b24;border-color:#ffe66d;color:#fff7bd}.objective-action:hover,.objective-action:focus{background:#82702d}
.objective-heading{margin-top:.65rem;padding-top:.45rem;border-top:1px solid rgba(255,255,255,.16);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#dfce73}.objective.bonus{opacity:.88}