*{box-sizing:border-box;margin:0;padding:0}body{color:#e6e9ec;font:13px/1.4 system-ui,-apple-system,sans-serif;overflow:hidden}#game{display:block}#ui{pointer-events:none;position:fixed;inset:0}.panel{pointer-events:auto;background:#161a1feb;border:1px solid #ffffff14;border-radius:10px;padding:10px 12px;position:absolute;box-shadow:0 6px 20px #00000073}.resources{min-width:150px;top:16px;left:16px}.row{justify-content:space-between;gap:20px;display:flex}.label{color:#98a3ad;text-transform:capitalize}.value{font-variant-numeric:tabular-nums;font-weight:600}.stats{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:8px}.palette{gap:6px;display:flex;bottom:16px;left:50%;transform:translate(-50%)}.tools{gap:6px;display:flex;bottom:68px;left:50%;transform:translate(-50%)}.palette button.group{font-weight:600}.palette button.group.active{background:#33403a;border-color:#4d7a61}.tools button,.palette button{font:inherit;color:#dfe4e9;cursor:pointer;background:#262c33;border:1px solid #ffffff1f;border-radius:7px;padding:8px 12px}.tools button:hover,.palette button:hover{background:#323a42}.tools button.active,.palette button.active{color:#06120c;background:#3f8f66;border-color:#4fa87a}.palette .divider{background:#d3d9d6;width:1px;margin:2px 4px}.hint{color:#e6e9ec;opacity:0;background:#0a0d10e6;border-radius:6px;padding:5px 12px;transition:opacity .15s;position:absolute;bottom:124px;left:50%;transform:translate(-50%)}.view{gap:6px;padding:6px;display:flex;top:16px;right:16px}.view button{color:#dfe4e9;cursor:pointer;background:#262c33;border:1px solid #ffffff1f;border-radius:7px;width:32px;height:32px;font:16px/1 system-ui,sans-serif}.view button:hover{background:#323a42}.inspector{width:208px;top:232px;left:16px}.inspector .head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.inspector .title{font-weight:600}.inspector .close{color:#98a3ad;cursor:pointer;background:0 0;border:0;padding:0 2px;font:15px/1 system-ui,sans-serif}.inspector .close:hover{color:#e6e9ec}.inspector .section{color:#7f8b95;letter-spacing:.04em;text-transform:uppercase;border-top:1px solid #ffffff1a;margin:8px 0 3px;padding-top:6px;font-size:11px}.inspector .muted{color:#8b959e}.inspector .bar{background:#ffffff1a;border-radius:2px;height:3px;margin:2px 0 5px;overflow:hidden}.inspector .bar i{background:#4fa87a;height:100%;display:block}.inspector .slots{grid-template-columns:repeat(4,1fr);gap:4px;margin:4px 0 2px;display:grid}.inspector .slot{aspect-ratio:1;background:#00000052;border:1px solid #ffffff17;border-radius:3px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 1px 1px #00000073}.inspector .slot.full{border-color:#b8863c}.inspector .slot i{border-radius:2px;width:60%;height:60%;box-shadow:inset 0 -3px #00000047,inset 0 2px #ffffff38}.inspector .slot b{color:#fff;text-shadow:1px 1px #000,-1px 1px #000;font-size:11px;font-weight:700;position:absolute;bottom:0;right:2px}