:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1117;--panel:#161b22cc;--border:#30363d;--text:#e6edf3;--muted:#8b949e;--accent:#3fb950;--danger:#f85149;--iron:#6e7681;--copper:#d29922;--safe:env(safe-area-inset-bottom,0px);font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#app{width:100%;height:100%;position:relative}#game{width:100%;height:100%;display:block}#hud{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}#top-bar,#build-dock,#toast,#tool-desc,#help-modal,#help-modal *{pointer-events:auto}#top-bar{background:linear-gradient(#0d1117ee,#0000);justify-content:space-between;gap:8px;padding:10px 12px;display:flex}#stats{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}#stats #hint{color:var(--text);opacity:.85}#top-actions{gap:6px;display:flex}#top-actions button{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:10px;min-width:44px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:600}#top-actions button:active{transform:scale(.97)}#build-dock{padding:10px 12px calc(12px + var(--safe));background:linear-gradient(#0000,#0d1117aa 30%,#0d1117f2);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}#build-dock button{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:10px;min-height:44px;padding:10px 14px;font-weight:700}#build-dock button.active{border-color:var(--accent)}.dock-tool{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;font-size:12px;overflow:hidden}#build-modal{z-index:27;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#0d1117cc;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}#build-modal[hidden]{display:none!important}.build-card{width:min(640px,100%);max-height:min(85vh,720px)}.build-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:min(55vh,480px);margin-top:8px;display:grid;overflow:auto}.build-card-btn{appearance:none;border:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;font:inherit;background:#161b22;border-radius:12px;flex-direction:column;gap:4px;min-height:72px;padding:10px;display:flex}.build-card-btn.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.build-card-btn .icon{border-radius:5px;width:22px;height:22px}.build-card-btn .label{font-size:13px;font-weight:700}.build-card-btn .tip{color:var(--muted);font-size:11px}#toast{left:50%;bottom:calc(88px + var(--safe));background:var(--panel);border:1px solid var(--border);text-align:center;z-index:5;border-radius:10px;max-width:min(90vw,360px);padding:8px 14px;font-size:13px;position:absolute;transform:translate(-50%)}#inspect{pointer-events:none;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;width:min(220px,42vw);padding:10px 12px;font-size:12px;line-height:1.45;position:absolute;top:56px;right:12px}#research-panel{pointer-events:auto;cursor:pointer;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;width:min(240px,46vw);padding:10px 12px;font-size:12px;line-height:1.4;position:absolute;top:56px;left:12px}#research-panel:hover{border-color:#58a6ff}#research-panel .rp-title{margin-bottom:4px;font-size:13px;font-weight:700}#research-panel .bar{background:#21262d;border-radius:4px;height:6px;margin:6px 0;overflow:hidden}#research-panel .bar>span{background:var(--accent);height:100%;display:block}#minimap{pointer-events:auto;right:12px;bottom:calc(80px + var(--safe));border:1px solid var(--border);width:140px;height:140px;image-rendering:pixelated;cursor:crosshair;background:#0d1117;border-radius:10px;position:absolute}@media (max-width:700px){#minimap{width:96px;height:96px;bottom:calc(120px + var(--safe))}#research-panel{display:none}}#inspect h3{margin:0 0 6px;font-size:13px}#inspect .muted{color:var(--muted)}#tool-desc{display:none!important}#tool-desc strong{margin-bottom:2px;font-size:13px;display:block}#tool-desc .muted{color:var(--muted)}#help-modal{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1117cc;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}#help-modal[hidden],#win-modal[hidden],#research-modal[hidden],#inv-modal[hidden],#entity-modal[hidden],#player-modal[hidden]{display:none!important}#player-modal{z-index:28;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#0d1117cc;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.player-card{width:min(420px,100%);max-height:min(85vh,640px)}.player-sliders{flex-direction:column;gap:12px;display:flex}.player-sliders label{flex-direction:column;gap:4px;font-size:13px;display:flex}.player-sliders label span{color:var(--accent,#58a6ff);font-variant-numeric:tabular-nums}.player-sliders input[type=range]{accent-color:#58a6ff;width:100%}.entity-actions button.danger{color:#ffa198;border-color:#f85149}.entity-actions button.danger:hover{background:#3d1214;border-color:#ff7b72}#entity-modal{z-index:27;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#0d1117cc;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.entity-card{width:min(420px,100%);max-height:min(80vh,640px)}.entity-body{max-height:min(55vh,480px);font-size:13px;line-height:1.45;overflow:auto}.entity-body .ent-meta{color:var(--muted);margin-bottom:8px;font-size:12px}.entity-body .ent-section{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 6px;font-size:12px;font-weight:600}.entity-body .ent-bar{background:#21262d;border-radius:4px;height:8px;margin:4px 0 8px;overflow:hidden}.entity-body .ent-bar>span{background:#3fb950;height:100%;display:block}.entity-body .ent-bar.warn>span{background:#e3b341}.entity-body .ent-slots{flex-wrap:wrap;gap:6px;margin:6px 0 10px;display:flex}.entity-body .ent-slot{border:1px solid var(--border);background:#21262d;border-radius:8px;min-width:64px;padding:6px 8px;font-size:12px}.entity-body .ent-slot .n{color:var(--muted);font-size:11px}.entity-body .ent-row{margin:3px 0}.entity-actions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.entity-actions button{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#21262d;border-radius:8px;padding:6px 10px;font-size:12px}.entity-actions button:hover{border-color:#58a6ff}#inv-modal{z-index:26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#0d1117cc;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.inv-card{width:min(560px,100%);max-height:min(85vh,720px)}.inv-layout{grid-template-columns:1fr 1.4fr;gap:12px;display:grid}@media (max-width:560px){.inv-layout{grid-template-columns:1fr}}.equip-slot{appearance:none;text-align:left;border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;font:inherit;background:#21262d;border-radius:10px;margin-bottom:6px;padding:10px 12px}.equip-slot:hover{border-color:#58a6ff}.equip-slot .slot-label{color:var(--muted);font-size:11px}.equip-slot .slot-item{margin-top:2px;font-size:13px;font-weight:700}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;max-height:min(42vh,360px);display:grid;overflow:auto}.inv-cell{appearance:none;border:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;font:inherit;background:#161b22;border-radius:8px;flex-direction:column;gap:4px;min-height:56px;padding:8px;display:flex}.inv-cell.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.inv-cell .swatch{border-radius:3px;width:14px;height:14px}.inv-cell .equipable{color:#79c0ff;font-size:10px}.inv-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.inv-actions button{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:10px;min-height:40px;padding:8px 12px;font-weight:600}.inv-actions button:hover{border-color:var(--accent)}.inv-cap{margin-bottom:6px;font-size:12px}.inv-cap .bar{background:#21262d;border-radius:4px;height:6px;margin-top:4px;overflow:hidden}.inv-cap .bar>span{background:#58a6ff;height:100%;display:block}.inv-tabs{gap:6px;margin-bottom:10px;display:flex}.inv-tab{appearance:none;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#161b22;border-radius:8px;padding:6px 12px;font-weight:600}.inv-tab.active{border-color:var(--accent);background:#21262d}.inv-toolbar{gap:6px;margin-bottom:8px;display:flex}.inv-toolbar select{color:var(--text);border:1px solid var(--border);background:#21262d;border-radius:8px;flex:1;padding:6px 8px;font-size:12px}.inv-cell.fav{border-color:#e3b341}.hotbar-edit,#hotbar-row{flex-wrap:wrap;gap:4px;display:flex}.hot-slot{appearance:none;border:1px solid var(--border);width:48px;height:48px;color:var(--text);cursor:pointer;background:#21262d;border-radius:8px;padding:4px;font-size:10px;line-height:1.2}.hot-slot.active{border-color:var(--accent)}.craft-list{flex-direction:column;gap:6px;max-height:min(50vh,400px);display:flex;overflow:auto}.craft-row{appearance:none;text-align:left;border:1px solid var(--border);color:var(--text);cursor:pointer;font:inherit;background:#161b22;border-radius:10px;padding:8px 10px}.craft-row:disabled{opacity:.4;cursor:not-allowed}.craft-row .craft-name{font-size:13px;font-weight:700}.craft-row .craft-ins{color:var(--muted);font-size:11px}#research-modal{z-index:25;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#0d1117cc;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.research-card{width:min(520px,100%);max-height:min(85vh,720px)}.research-hint{margin:0 0 10px;font-size:12px}.research-current{border:1px solid var(--border);background:#21262d;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:13px;line-height:1.4}.research-current .bar{background:#0d1117;border-radius:4px;height:8px;margin:8px 0 4px;overflow:hidden}.research-current .bar>span{background:var(--accent);height:100%;display:block}.research-list{flex-direction:column;gap:6px;max-height:min(50vh,420px);padding-right:4px;display:flex;overflow:auto}.tech-row{appearance:none;text-align:left;border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;font:inherit;background:#161b22;border-radius:10px;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 12px;display:grid}.tech-row:hover:not(:disabled){border-color:#58a6ff}.tech-row.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.tech-row.done{opacity:.55;cursor:default}.tech-row:disabled{opacity:.4;cursor:not-allowed}.tech-row .tech-name{font-size:13px;font-weight:700}.tech-row .tech-pack{color:var(--muted);justify-self:end;font-size:11px}.tech-row .tech-desc{color:var(--muted);grid-column:1/-1;font-size:12px;line-height:1.35}.tech-row .tech-unlock{color:#79c0ff;grid-column:1/-1;font-size:11px}#win-modal{z-index:30;pointer-events:auto;background:#0d1117cc;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}#btn-win-ok{appearance:none;border:1px solid var(--border);background:var(--accent);color:#0d1117;cursor:pointer;border-radius:10px;margin-top:12px;padding:10px 18px;font-weight:700}.help-card{border:1px solid var(--border);background:#161b22;border-radius:16px;width:min(440px,100%);max-height:min(80vh,640px);padding:16px;overflow:auto}.help-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.help-head h2{margin:0;font-size:18px}#btn-help-close{appearance:none;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;width:40px;height:40px;font-size:22px}.help-body h3{color:var(--accent);margin:14px 0 6px;font-size:14px}.help-body h3:first-child{margin-top:0}.help-body p,.help-body li{color:var(--text);white-space:pre-wrap;margin:0 0 8px;font-size:13px;line-height:1.5}.help-body .bldg{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.help-body .bldg-name{font-weight:700}#player-bar{pointer-events:auto;left:50%;bottom:calc(72px + var(--safe));z-index:4;flex-direction:column;align-items:center;gap:6px;max-width:min(96vw,560px);display:flex;position:absolute;transform:translate(-50%)}#hp-bar{border:1px solid var(--border);background:#21262d;border-radius:6px;width:min(200px,50vw);height:8px;overflow:hidden}#hp-fill{background:var(--accent);width:100%;height:100%;transition:width .15s linear;display:block}#inv-strip{flex-wrap:wrap;justify-content:center;gap:4px;max-height:72px;display:flex;overflow:auto}.inv-slot{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;min-height:36px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.inv-slot.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.inv-slot .swatch{border-radius:3px;flex:none;width:12px;height:12px}#joystick{pointer-events:auto;left:16px;bottom:calc(100px + var(--safe));border:1px solid var(--border);z-index:4;touch-action:none;background:#161b2288;border-radius:50%;width:108px;height:108px;position:absolute}#joy-knob{pointer-events:none;background:#388bfd99;border:1px solid #58a6ff;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}#btn-mine{pointer-events:auto;right:16px;bottom:calc(100px + var(--safe));border:1px solid var(--border);background:var(--panel);width:56px;height:56px;color:var(--text);z-index:4;cursor:pointer;border-radius:50%;font-size:22px;position:absolute}#btn-mine:active,#btn-mine.active{border-color:var(--accent);background:#238636}@media (min-width:900px){#joystick{opacity:.35}}@media (max-width:700px){#player-bar{bottom:calc(110px + var(--safe))}#minimap{bottom:calc(170px + var(--safe))}}