*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:#fff;-webkit-user-select:none;user-select:none;background:#1d2733;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{position:fixed;inset:0}.game-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.game-canvas:active{cursor:grabbing}.hud{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:linear-gradient(#121a22f5,#121a22c7);border-bottom:1px solid #ffffff14;align-items:center;gap:14px;height:50px;padding:0 14px;display:flex;position:absolute;top:0;left:0;right:0}.hud .brand{font-size:15px}.hud .brand .wip{color:#8aa0b3;margin-left:4px;font-size:10px;font-weight:400}.hud .stat{white-space:nowrap;background:#ffffff0f;border-radius:8px;padding:5px 10px;font-size:14px}.hud .stat .muted{color:#8aa0b3;font-size:11px}.hud .stat.adm{align-items:center;gap:4px;display:inline-flex}.hud .stat.adm button{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:5px;width:20px;height:20px;font-size:14px;line-height:1}.hud .stat.adm button:hover{color:#1d2733;background:#ffd54a}.hud .spacer{flex:1}.btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;width:34px;height:32px;font-size:13px}.btn:hover{background:#ffffff29}.btn.on{color:#1d2733;background:#ffd54a;font-weight:700}.btn.danger:hover{background:#c0392b}.hint{z-index:9;text-align:center;background:#121a22e6;border:1px solid #ffffff1a;border-radius:20px;max-width:80vw;padding:8px 16px;font-size:13px;position:absolute;top:58px;left:50%;transform:translate(-50%)}.buildbar{z-index:10;width:min(720px,96vw);position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.tools,.tabs{background:#121a22f2;border:1px solid #ffffff1a;border-radius:14px;flex-wrap:wrap;justify-content:center;gap:6px;padding:8px;display:flex}.tabs{margin-top:8px}.tool{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:10px;align-items:center;gap:6px;min-width:44px;height:40px;padding:0 12px;font-size:17px;display:inline-flex}.tool:hover{background:#ffffff2e}.tool.on{color:#1d2733;background:#ffd54a}.tool.primary{background:#2e7d4f;font-size:14px;font-weight:600}.tool.primary.on{color:#1d2733;background:#ffd54a}.palette,.animal-panel{background:#121a22f7;border:1px solid #ffffff1a;border-radius:14px;max-height:46vh;margin:8px auto 0;padding:10px;overflow-y:auto}.palette{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.swatch{color:#fff;cursor:pointer;background:#ffffff12;border:none;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:13px;display:inline-flex}.swatch.on{color:#1d2733;background:#ffd54a}.swatch .dot{border-radius:4px;width:14px;height:14px;display:inline-block}.hab-group{margin-bottom:8px}.hab-title{color:#9fb4c6;margin:4px 2px;font-size:12px}.hab-row{flex-wrap:wrap;gap:6px;display:flex}.animal-card{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;width:78px;padding:6px 4px;display:flex}.animal-card:hover{background:#ffffff24}.animal-card.on{background:#ffd54a2e;border-color:#ffd54a}.animal-card.broke{opacity:.4}.animal-card.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.7);position:relative}.animal-card .lock{font-size:12px;position:absolute;top:2px;right:4px}.animal-card .ae{align-items:center;height:30px;font-size:24px;display:flex}.animal-card .ai{object-fit:contain;image-rendering:auto;width:30px;height:30px}.animal-card .an{text-align:center;margin-top:2px;font-size:10px;line-height:1.1}.animal-card .ac{color:#ffd54a;margin-top:2px;font-size:10px}.panel-hint{color:#9fb4c6;text-align:center;margin-top:6px;font-size:11px}.infopanel{z-index:11;background:#121a22f7;border:1px solid #ffffff1f;border-radius:14px;width:240px;padding:14px;position:absolute;top:96px;right:14px}.infopanel .close{color:#9fb4c6;cursor:pointer;background:0 0;border:none;font-size:14px;position:absolute;top:8px;right:8px}.ip-head{align-items:center;gap:10px;display:flex}.ip-emoji{font-size:30px}.ip-img{object-fit:contain;width:40px;height:40px}.ip-name{font-size:15px;font-weight:700}.ip-sub{color:#9fb4c6;text-transform:capitalize;font-size:11px}.ip-mood{margin:10px 0 4px;font-size:13px}.ip-row{color:#9fb4c6;justify-content:space-between;margin:8px 0 3px;font-size:11px;display:flex}.ip-row b{color:#fff}.ip-bar{background:#ffffff1a;border-radius:5px;height:8px;overflow:hidden}.ip-fill{height:100%;transition:width .3s}.ip-checks{margin:12px 0 6px;padding:0;font-size:12px;list-style:none}.ip-checks li{padding:3px 0}.ip-checks li.ok{color:#2ecc71}.ip-checks li.bad{color:#e74c3c}.ip-checks li.warn{color:#f1c40f}.ip-checks li.muted{color:#9fb4c6}.ip-tip{color:#9fb4c6;border-top:1px solid #ffffff14;padding-top:8px;font-size:11px;line-height:1.4}.tutorial{z-index:9;background:#121a22f2;border:1px solid #ffd54a59;border-radius:12px;width:270px;padding:10px 12px;position:absolute;top:92px;left:14px}.tut-top{align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.tut-prog{color:#9fb4c6;font-size:11px}.tut-x{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;margin-left:auto;padding:3px 8px;font-size:11px}.tut-x:hover{color:#1d2733;background:#ffd54a}.tut-body{color:#e3ebf2;font-size:12px;line-height:1.45}.tut-icon{font-size:16px}.tut-dots{gap:5px;margin-top:9px;display:flex}.tut-dots span{background:#ffffff24;border-radius:2px;width:100%;height:4px}.tut-dots span.on{background:#ffd54a}.objectives{z-index:9;background:#121a22f2;border:1px solid #ffffff1f;border-radius:12px;width:230px;position:absolute;top:96px;right:14px;overflow:hidden}.objectives.won{border-color:#ffd54a;box-shadow:0 0 0 2px #ffd54a4d}.obj-head{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.obj-count{color:#9fb4c6;font-size:11px;font-weight:400}.obj-list{margin:0;padding:0 12px 10px;list-style:none}.obj-list li{color:#cdd9e3;margin-bottom:7px;font-size:11px}.obj-list li.ok{color:#2ecc71}.obj-row{justify-content:space-between;margin-bottom:3px;display:flex}.obj-row b{color:#fff}.obj-list li.ok .obj-row b{color:#2ecc71}.obj-bar{background:#ffffff1a;border-radius:3px;height:4px;overflow:hidden}.obj-bar div{background:#3aa6d6;height:100%}.objectives.won .obj-bar div{background:#ffd54a}@media (width<=640px){.objectives{display:none}.hud{gap:8px;font-size:12px;overflow-x:auto}.hud .stat{padding:4px 7px;font-size:12px}.infopanel{width:200px;top:auto;bottom:150px;right:8px}}