*{box-sizing:border-box;margin:0;padding:0}body{overscroll-behavior:none;color:#e6e9ec;font:13px/1.4 system-ui,-apple-system,sans-serif;overflow:hidden}#game{touch-action:none;display:block}#ui{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);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}.dock{pointer-events:none;flex-direction:column;align-items:center;gap:6px;max-width:calc(100vw - 20px);display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.palette,.tools{flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%;display:flex;position:static}.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}.saves{width:300px;top:62px;right:16px}.saves .head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.saves .title{font-weight:600}.saves .close,.saves .wipe{color:#98a3ad;cursor:pointer;background:0 0;border:0;padding:0 4px;font:15px/1 system-ui,sans-serif}.saves .close:hover,.saves .wipe:hover:not(:disabled){color:#e6e9ec}.saves .slot-row{border-top:1px solid #ffffff14;align-items:center;gap:6px;padding:5px 0;display:flex}.saves .slot-row .label{color:#c3cbd2;text-transform:none;flex:1}.saves .slot-row button{font:inherit;color:#dfe4e9;cursor:pointer;background:#262c33;border:1px solid #ffffff1f;border-radius:6px;padding:4px 9px}.saves .slot-row button.wipe{background:0 0;border:0;padding:0 4px}.saves .slot-row button:hover:not(:disabled){background:#323a42}.saves .slot-row button:disabled{opacity:.35;cursor:default}.saves .muted{color:#8b959e;border-top:1px solid #ffffff14;margin-top:8px;padding-top:7px}.palette button.group{flex:none;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:flex;position:relative}.palette button.group svg{opacity:.86;width:22px;height:22px;display:block}.palette button.group.active svg,.palette button.group:hover svg{opacity:1}.palette button.group:after{content:attr(data-label);color:#e6e9ec;white-space:nowrap;opacity:0;pointer-events:none;background:#11161b;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;transition:opacity .12s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)}.palette button.group:hover:after{opacity:1}@media (hover:none){.palette button.group:after{display:none}}@media (width<=560px){.panel{border-radius:9px;padding:8px 10px}.dock{gap:5px;max-width:calc(100vw - 12px);bottom:10px}.palette,.tools{gap:5px}.palette button.group{width:38px;min-width:38px;height:38px}.palette button.group svg{width:19px;height:19px}.tools button{padding:7px 9px;font-size:12px}.resources{min-width:0;font-size:12px;top:10px;left:10px}.resources .row{gap:12px}.view{top:10px;right:10px}.saves{width:calc(100vw - 20px);max-width:300px;top:56px;right:10px}.inspector{font-size:12px}}@media (height<=480px){.resources{max-height:46vh;overflow-y:auto}}.resources .collapse{width:100%;font:inherit;color:#c3cbd2;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:0 0 2px;font-weight:600;display:flex}.resources .collapse:hover{color:#e6e9ec}.resources .caret{color:#8b959e;font-size:10px;line-height:1;transition:transform .15s;display:inline-block}.resources.collapsed .caret{transform:rotate(-90deg)}.resources .body{border-top:1px solid #ffffff1a;margin-top:6px;padding-top:6px}.resources.collapsed .body{display:none}.resources.collapsed{min-width:0}