.app{display:flex;flex-direction:column;height:100%;width:100%}.hud{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--chrome);border-bottom:1px solid rgba(255,255,255,.08);padding-top:max(10px,env(safe-area-inset-top))}.hud__brand{display:flex;align-items:baseline;gap:10px;min-width:0}.hud__title{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;white-space:nowrap}.hud__hint{font-size:12px;opacity:.6;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud__right{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto}.hud__btn{display:inline-flex;align-items:center;justify-content:center;padding:7px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0a;color:var(--text);font:inherit;font-size:13px;cursor:pointer}.hud__btn:hover{background:#ffffff14}.hud__btn.is-active{border-color:var(--accent);background:#f0b42929}.hud__menu-icon{font-size:18px;line-height:1}.hud__menu{position:relative;display:inline-flex}.hud__dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:200;display:flex;flex-direction:column;gap:2px;min-width:190px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:var(--chrome);box-shadow:0 8px 24px #0006}.hud__dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}.hud__dropdown-item:hover{background:#ffffff14}.hud__dropdown-item.is-active{border-color:var(--accent);background:#f0b42929}.hud__dropdown-label{flex:1}.hud__money{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:16px;color:var(--accent);font-variant-numeric:tabular-nums}.hud__money-value{display:inline-block;min-width:6ch;text-align:right}@media(max-width:560px){.hud{gap:8px}.hud__brand{flex-direction:column;align-items:flex-start;gap:0}.hud__right{gap:8px}}.stage{flex:1 1 auto;position:relative;min-height:0}.game-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.palette{flex:0 0 auto;display:flex;gap:16px;align-items:stretch;padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:var(--chrome);border-top:1px solid rgba(255,255,255,.08);overflow-x:auto;-webkit-overflow-scrolling:touch}.palette__group{display:flex;gap:6px}.action-tools{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:6px;padding:6px;background:var(--chrome);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 8px 24px #00000059}.palette__btn{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:58px;min-height:58px;padding:6px 8px;border:1px solid transparent;border-radius:10px;background:#ffffff0a;color:var(--text);cursor:pointer;font:inherit}.palette__btn:hover{background:#ffffff14}.palette__btn.is-active{border-color:var(--accent);background:#f0b42929}.palette__btn:disabled{opacity:.4;cursor:default}.palette__btn:disabled:hover{background:#ffffff0a}.palette__label{font-size:10px;line-height:1;opacity:.8;white-space:nowrap}.palette__cost{font-size:10px;line-height:1;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.palette__cost.is-free{color:#6ee7a8}.palette__cost-orig{margin-right:3px;font-weight:400;opacity:.55;text-decoration:line-through}.palette__cost-now{color:#6ee7a8}.panel{position:absolute;top:12px;right:12px;width:min(260px,calc(100% - 24px));background:var(--chrome);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 8px 24px #00000059;padding:10px 12px;font-size:13px}.panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.panel__title{display:inline-flex;align-items:center;gap:6px;font-weight:600}.panel__close{border:none;background:transparent;color:var(--text);opacity:.6;cursor:pointer;font-size:14px;line-height:1;padding:2px 4px}.panel__close:hover{opacity:1}.panel__body{display:flex;flex-direction:column;gap:8px}.panel__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel__item{display:inline-flex;align-items:center;gap:6px}.panel__muted{opacity:.7;font-variant-numeric:tabular-nums}.panel__value{font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.panel__sell{margin-top:2px;padding:8px 10px;border:none;border-radius:8px;background:var(--accent);color:#1a1a1a;font:inherit;font-weight:700;cursor:pointer}.panel__sell:disabled{opacity:.4;cursor:default}.panel__empty{margin:0;opacity:.6;font-size:12px}.panel__section-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.6;margin-top:2px}.townhall__pop{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.townhall__bonuses{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:12px}.townhall__bonuses li{color:#6ee7a8}.panel__input{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#00000040;color:inherit;font:inherit}.panel__input:focus{outline:none;border-color:var(--accent)}.panel__hint{margin:0;opacity:.6;font-size:12px}.teleporter__stats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.panel--bounties{left:12px;right:auto;width:min(320px,calc(100% - 24px));max-height:calc(100% - 24px);overflow-y:auto}.bounty__reset{font-size:12px;font-weight:600;opacity:.75;font-variant-numeric:tabular-nums;margin-bottom:8px}.bounty__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.bounty.is-done{border-color:#6ee7a859;background:#6ee7a814}.bounty__done{color:#6ee7a8;font-weight:700;white-space:nowrap}.bounty{display:flex;flex-direction:column;gap:5px;padding:8px 10px;border-radius:9px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.bounty__top{display:flex;align-items:center;gap:6px}.bounty__name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bounty__reward{display:inline-flex;align-items:center;gap:3px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.bounty__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.bounty__goal{opacity:.72}.bounty__timer{font-variant-numeric:tabular-nums;opacity:.72;white-space:nowrap}.bounty__timer.is-urgent{color:#ff6b6b;opacity:1}.bounty__bar{height:6px;border-radius:999px;background:#0000004d;overflow:hidden}.bounty__fill{height:100%;background:var(--accent);border-radius:inherit;transition:width .3s ease}.bounty__fill.is-done{background:#6ee7a8}.bounty__progress{font-size:11px;text-align:right;opacity:.7;font-variant-numeric:tabular-nums}.bounty__log-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.6;margin-top:4px}.bounty__log-count{font-variant-numeric:tabular-nums}.bounty__log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.bounty__log-row{display:flex;align-items:center;gap:6px;font-size:12px}.bounty__log-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}.bounty__log-reward{color:#6ee7a8;font-variant-numeric:tabular-nums}.panel--market{left:12px;right:auto;width:min(320px,calc(100% - 24px));max-height:calc(100% - 24px);display:flex;flex-direction:column}.market__search{width:100%;box-sizing:border-box;margin-bottom:8px;padding:7px 9px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#00000040;color:var(--text);font:inherit;font-size:13px}.market__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0}.market__row{display:grid;grid-template-columns:18px minmax(0,1fr) auto 56px;align-items:center;gap:8px}.market__section{display:flex;align-items:center;gap:6px;position:sticky;top:0;z-index:1;margin-top:4px;padding:3px 0;background:var(--chrome);border-bottom:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text);opacity:.72}.market__list>.market__section:first-child{margin-top:0}.market__section-count{margin-left:auto;font-variant-numeric:tabular-nums}.market__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market__empty{opacity:.6;font-size:12px;padding:4px 0}.market__price{font-weight:600;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:4px}.market__price.is-crashed{color:#ff6b6b}.market__crash{font-size:11px}.spark{display:block}.panel--recipe{left:12px;right:auto;width:min(340px,calc(100% - 24px));max-height:calc(100% - 24px);display:flex;flex-direction:column}.recipe__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0}.recipe__section{display:flex;flex-direction:column;gap:4px}.recipe__section-head{display:flex;align-items:center;gap:6px;position:sticky;top:0;z-index:1;margin:4px 0 0;padding:3px 0;background:var(--chrome);border-bottom:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.78}.recipe__list>.recipe__section:first-child .recipe__section-head{margin-top:0}.recipe__section-hint{margin-left:auto;font-weight:500;text-transform:none;letter-spacing:0;opacity:.7}.recipe__row{display:flex;align-items:center;gap:6px;padding:1px 0}.recipe__row--wrap{flex-wrap:wrap}.recipe__arrow{opacity:.5;font-weight:700}.recipe__chip{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0d;color:var(--text);font:inherit;font-size:12px;cursor:pointer;max-width:100%}.recipe__chip:hover{border-color:var(--accent)}.recipe__chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe__machine{display:inline-flex;align-items:center;gap:5px;font-size:12px;opacity:.85}.recipe__anyslot{display:inline-flex;align-items:center;padding:3px 7px;border:1px dashed rgba(255,255,255,.2);border-radius:999px;font-size:12px;opacity:.85}.recipe__tree{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0}.recipe__back{align-self:flex-start;border:none;background:transparent;color:var(--accent);font:inherit;font-size:12px;cursor:pointer;padding:0}.recipe__tree-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px}.recipe__node{display:flex;flex-direction:column;gap:4px}.recipe__node-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.recipe__slot{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.6}.recipe__price{font-size:11px;font-variant-numeric:tabular-nums;color:var(--accent);opacity:.85}.recipe__node-body{display:flex;flex-direction:column;gap:4px}.recipe__via{display:flex;align-items:center;gap:6px;font-size:11px;opacity:.7;padding-left:4px}.recipe__children{display:flex;flex-direction:column;gap:6px;margin-left:8px;padding-left:10px;border-left:2px solid rgba(255,255,255,.1)}.recipe__leaf{font-size:11px;opacity:.55;padding-left:4px}.recipe__flick{display:inline-flex;align-items:center;gap:2px}.recipe__flick-btn{border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:var(--text);border-radius:5px;cursor:pointer;font-size:10px;line-height:1;padding:3px 5px}.recipe__flick-btn:hover{border-color:var(--accent)}.recipe__flick-count{font-size:11px;font-variant-numeric:tabular-nums;opacity:.75;min-width:26px;text-align:center}.panel--save{left:50%;right:auto;transform:translate(-50%);width:min(280px,calc(100% - 24px))}.save__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.save__btn{padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f;color:var(--text);font:inherit;font-weight:600;cursor:pointer}.save__btn:hover{background:#ffffff1f}.save__btn--wide{width:100%}.save__btn--danger{border-color:#ff6b6b80;background:#ff6b6b1f;color:#ff9b9b}.save__btn--danger:hover{background:#ff6b6b38}.save__reset{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.save__confirm-text{margin:0 0 8px;font-size:12px;opacity:.85}.save__confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.save__status{margin:10px 0 0;font-size:12px;opacity:.75}.away-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:10;padding:16px}.panel--away{position:static;transform:none;width:min(300px,100%)}.away__elapsed{margin:0 0 10px;opacity:.8}.away__section{margin-bottom:10px}.away__items{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.away__item{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.away__earned{margin:0 0 12px}.away__earned strong{color:var(--accent)}.away__collect{width:100%}.panel--achievements{left:12px;right:auto;width:min(340px,calc(100% - 24px));max-height:calc(100% - 24px);display:flex;flex-direction:column}.ach__count{font-size:12px;font-weight:700;opacity:.75;font-variant-numeric:tabular-nums;margin-bottom:8px}.ach__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0}.ach{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:9px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.ach.is-done{border-color:#f5c54266;background:#f5c54214}.ach.is-locked{opacity:.62}.ach__icon{display:inline-flex;align-items:center;justify-content:center;width:30px;flex:0 0 auto;padding-top:1px}.ach__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ach__name{font-weight:700}.ach__desc{font-size:12px;opacity:.78;line-height:1.35}.ach__earned{font-size:11px;font-weight:700;color:#6ee7a8;margin-top:2px}.ach-toast{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:12;display:flex;align-items:center;gap:12px;max-width:min(380px,calc(100% - 24px));padding:10px 16px 10px 12px;text-align:left;color:var(--text);background:linear-gradient(180deg,#261e0cf5,#18140af5);border:1px solid rgba(245,197,66,.5);border-radius:12px;box-shadow:0 8px 28px #00000073;cursor:pointer;animation:ach-toast-in .28s ease}.ach-toast__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.ach-toast__text{display:flex;flex-direction:column;gap:1px;min-width:0}.ach-toast__head{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#f5c542}.ach-toast__name{font-weight:800;font-size:15px}.ach-toast__desc{font-size:12px;opacity:.82;line-height:1.3}@keyframes ach-toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.admin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0e141a;color:var(--text);display:flex;flex-direction:column}.admin__bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.12)}.admin__hint{opacity:.6;font-size:12px;margin-right:auto}.admin__body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:14px;overflow:hidden}@media(max-width:720px){.admin__body{grid-template-columns:1fr;overflow-y:auto}}.admin__col{overflow-y:auto;min-height:0;padding-right:6px}.admin__col h3{margin:10px 0 6px;font-size:13px;opacity:.8}.admin__row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:12px}.admin__rowLabel{flex:0 0 38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin__slider{flex:1;min-width:0;accent-color:var(--accent)}.admin__num{flex:0 0 auto;width:62px;padding:3px 5px;background:#0000004d;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:var(--text);font:inherit;font-size:12px}.admin__spawner{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 8px;margin-bottom:8px}.admin__spawnerName{font-weight:600;font-size:13px;margin-bottom:4px}.admin__stats{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:13px;margin:0 0 8px}.admin__stats dt{opacity:.7}.admin__stats dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.admin__timeline{list-style:none;margin:0 0 8px;padding:0;font-size:12px}.admin__timeline li{display:flex;justify-content:space-between;gap:8px;padding:1px 0}.admin__muted{opacity:.6}.admin__export{width:100%;box-sizing:border-box;background:#0000004d;color:var(--text);border:1px solid rgba(255,255,255,.14);border-radius:6px;font-family:monospace;font-size:11px}.onboard__list{margin:0 0 12px;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.35}.panel--tutorial{width:min(340px,100%)}.tutorial__badge{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:#78c8ff29;border:1px solid rgba(120,200,255,.35);opacity:.9}.tutorial__list{margin-bottom:14px}@media(pointer:coarse){.palette__btn{min-width:66px;min-height:66px}.hud__btn{padding:10px}.save__btn,.panel__sell,.panel__close{padding:12px}}:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--bg: #141b22;--chrome: #1f2933;--accent: #f0b429;--text: #e4e7eb}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%}body{background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}