*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#1c2333;color:#e8e6df;min-height:100vh;overflow:hidden}button{font:inherit;padding:.45rem .9rem;border-radius:6px;border:1px solid #4a5570;background:#2a3450;color:inherit;cursor:pointer}button:hover:not(:disabled){background:#354060;border-color:#6b779a}button:disabled{opacity:.45;cursor:default}button.active{border-color:#d9a441}button.danger{border-color:#a34b4b}button.danger:hover{background:#5a3040}main.gate,main.title-screen{max-width:640px;margin:0 auto;padding:4rem 2rem;text-align:center}main.title-screen h1,main.gate h1{font-size:2.5rem;margin-bottom:.25rem}.subtitle{color:#9aa3b8;margin-top:0}.title-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center;margin-top:2.5rem}.title-actions button{min-width:16rem;padding:.6rem 1.4rem}.version-stamp{margin-top:4rem;font-size:.8rem;color:#6b779a}.haven-screen{position:fixed;top:0;right:0;bottom:0;left:0}.map-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.map-canvas canvas{display:block}.panel{background:#232b40ee;border:1px solid #3a4560;border-radius:10px;padding:.8rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel h2{margin:0 0 .6rem;font-size:1.05rem}.top-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:.5rem;padding:.4rem .6rem;background:#1c2333d9;border-bottom:1px solid #3a4560;font-size:.85rem;flex-wrap:wrap}.res-group{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.res-chip{background:#2a3450;border:1px solid #3a4560;border-radius:6px;padding:.15rem .5rem;white-space:nowrap;font-variant-numeric:tabular-nums}.res-chip.res-full{border-color:#d9a441}.build-menu{position:absolute;top:56px;left:10px;width:220px;max-height:calc(100vh - 130px);overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}.build-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;text-align:left;padding:.4rem .6rem}.build-btn small{color:#9aa3b8;font-size:.72rem}.build-btn.cancel{border-color:#a34b4b}.inspector{position:absolute;top:56px;right:10px;width:250px}.inspector .desc{color:#9aa3b8;font-size:.85rem}.worker-row{display:flex;align-items:center;gap:.5rem;margin:.6rem 0}.worker-row button{padding:.15rem .7rem;font-size:1.05rem}.controls-bar{position:absolute;bottom:0;left:0;right:0;display:flex;gap:.4rem;align-items:center;padding:.4rem .6rem;background:#1c2333d9;border-top:1px solid #3a4560;font-size:.85rem}.controls-bar .spacer{flex:1}.overlay-stamp{position:absolute;bottom:46px;right:12px;margin:0;pointer-events:none;opacity:.7}.ledger-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#10131de0;display:flex;align-items:center;justify-content:center;z-index:10}.ledger{width:min(720px,90vw);max-height:84vh;overflow-y:auto}.ledger table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.9rem}.ledger th,.ledger td{text-align:right;padding:.25rem .6rem;border-bottom:1px solid #3a4560}.ledger th:first-child,.ledger td:first-child{text-align:left}.ledger td.neg{color:#ff9c9c}.ledger h3{margin:1rem 0 .4rem;font-size:.95rem}