:root{--bg:#18201ce0;--bg2:#ffffff12;--line:#ffffff24;--txt:#eef3e8;--dim:#a9b8a4;--acc:#8fd14f;--warn:#f0b429;--bad:#ef5b4c;--good:#5fd068;color:var(--txt);font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;background:#1c2a22;height:100%;margin:0;overflow:hidden}canvas#view{touch-action:none;outline:none;width:100%;height:100%;position:fixed;inset:0}.hidden{display:none!important}#loading{text-align:center;z-index:50;background:#1c2a22;place-items:center;display:grid;position:fixed;inset:0}#loading h1{color:var(--acc);margin:0 0 8px;font-size:40px}#ui>*{position:fixed}.panel{background:var(--bg);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;box-shadow:0 4px 18px #00000059}#topbar{z-index:5;background:var(--bg);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 10px;display:flex;top:8px;left:8px;right:8px}.logo{color:var(--acc);letter-spacing:.3px;margin-right:6px;font-weight:800}.chip{background:var(--bg2);white-space:nowrap;border-radius:8px;padding:4px 8px;font-size:13.5px}.chip b{font-weight:700}.money{color:#ffd966;font-weight:800}.btn{background:var(--bg2);border:1px solid var(--line);color:var(--txt);cursor:pointer;font:inherit;border-radius:8px;padding:4px 9px;font-size:13px}.btn:hover:not(:disabled){background:#ffffff29}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.on{background:var(--acc);color:#17240f;border-color:var(--acc);font-weight:700}.btn.good{background:#3b7d2d;border-color:#5fb04a}.btn.bad{background:#7d2f2a;border-color:#b04a43}.spacer{flex:1}.powerbox{cursor:help;min-width:200px;position:relative}.pbar{background:#00000073;border-radius:6px;height:10px;margin-top:3px;display:flex;position:relative;overflow:hidden}.pbar i{height:100%;display:block}.pbar .mark{background:#fff;width:2px;position:absolute;top:-2px;bottom:-2px}.pop{z-index:9;width:270px;margin-top:8px;padding:10px;font-size:13px;display:none;position:absolute;top:100%;left:0}.powerbox:hover .pop{display:block}.row{justify-content:space-between;gap:8px;padding:2px 0;display:flex}.dim{color:var(--dim)}.good{color:var(--good)}.warnc{color:var(--warn)}.badc{color:var(--bad)}#tools{z-index:4;background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;padding:6px;display:flex;top:64px;left:8px}.tool{border:1px solid var(--line);background:var(--bg2);width:52px;height:52px;color:var(--txt);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:22px;display:flex}.tool small{color:var(--dim);font-size:9.5px}.tool.on{background:var(--acc);border-color:var(--acc)}.tool.on small{color:#26391a}.tool:hover{background:#ffffff2e}.tool.on:hover{background:var(--acc)}#palette{z-index:4;background:var(--bg);border:1px solid var(--line);border-radius:12px;width:300px;max-height:calc(100vh - 220px);padding:8px;top:64px;left:76px;overflow:auto}#palette h4{color:var(--dim);text-transform:uppercase;letter-spacing:.6px;margin:2px 4px 6px;font-size:13px}.grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.card{background:var(--bg2);border:1px solid var(--line);cursor:pointer;text-align:left;color:var(--txt);border-radius:10px;padding:6px 8px;font-family:inherit;font-size:12.5px}.card:hover:not(.locked){background:#ffffff29}.card.on{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc) inset}.card.locked{opacity:.42;cursor:not-allowed}.card .t{font-size:13px;font-weight:700}.card .s{color:var(--dim);margin-top:2px;font-size:11.5px;line-height:1.3}.card.nofit{opacity:.6}.cost{color:#ffd966;font-weight:600}#side{z-index:4;background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:348px;display:flex;top:64px;bottom:56px;right:8px}#side .tabs{border-bottom:1px solid var(--line);gap:2px;padding:6px 6px 0;display:flex}#side .tab{text-align:center;cursor:pointer;border-radius:8px 8px 0 0;flex:1;padding:7px 0;font-size:16px;position:relative}#side .tab:hover{background:var(--bg2)}#side .tab.on{background:#8fd14f40}#side .tab .dot{background:var(--warn);border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:6px}#side .body{flex:1;padding:8px;overflow:auto}#side h3{margin:4px 2px 8px;font-size:14px}.item{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:5px 4px;font-size:13px;display:flex}.item .nm{flex:1;min-width:0}.item .e{text-align:center;width:24px;font-size:18px}.item input{border:1px solid var(--line);width:52px;color:var(--txt);background:#0000004d;border-radius:6px;padding:2px 4px}.mini{padding:2px 6px;font-size:12px}.bar{background:#0006;border-radius:5px;height:8px;margin:4px 0;overflow:hidden}.bar i{background:var(--acc);height:100%;transition:width .3s;display:block}.bar.warn i{background:var(--warn)}.box{background:var(--bg2);border:1px solid var(--line);border-radius:10px;margin-bottom:8px;padding:8px;font-size:13px}.box.done{border-color:var(--good)}#inspector{z-index:4;background:var(--bg);border:1px solid var(--line);border-radius:12px;width:360px;max-height:46vh;padding:10px;font-size:13px;bottom:56px;left:8px;overflow:auto}#inspector h3{margin:0 0 4px;font-size:15px}#inspector select{color:var(--txt);border:1px solid var(--line);width:100%;font:inherit;background:#26332b;border-radius:6px;margin:4px 0;padding:3px}.tag{background:var(--bg2);border-radius:10px;margin-right:4px;padding:1px 7px;font-size:11.5px;display:inline-block}#hints{z-index:4;flex-wrap:wrap;justify-content:center;gap:8px;max-width:70vw;display:flex;bottom:8px;left:50%;transform:translate(-50%)}.hint{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:5px 12px;font-size:13px}.hint.warn{border-color:var(--warn)}#toasts{z-index:8;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;top:70px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line);background:#141c18f0;border-radius:10px;padding:7px 14px;font-size:14px;animation:.25s ease-out pop}.toast.good{border-color:var(--good)}.toast.warn{border-color:var(--warn)}@keyframes pop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}#floaters{pointer-events:none;z-index:3;inset:0;overflow:hidden}.floater{text-shadow:0 1px 3px #000,0 0 6px #000;white-space:nowrap;font-size:15px;font-weight:800;animation:1.4s ease-out forwards rise;position:absolute}@keyframes rise{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-48px)}}#modal{z-index:20;background:#0000008c;place-items:center;display:grid;inset:0}#modal .dlg{border:1px solid var(--line);background:#202c25;border-radius:16px;width:min(560px,92vw);max-height:88vh;padding:22px;overflow:auto}#modal h2{color:var(--acc);margin:0 0 8px}#modal p,#modal li{font-size:14px;line-height:1.45}kbd{background:#ffffff26;border-radius:4px;padding:0 5px;font-size:12px}@media (width<=1100px){#side{width:290px}#inspector{width:300px}}.tb{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}#topbar{flex-wrap:nowrap;overflow:visible}@media (width<=1560px){.logotxt{display:none}}@media (width<=1250px){#topinfo .dim.chip{display:none}}