:root{color-scheme:dark;--bg-void: #050b12;--bg-deep: #07111c;--bg-panel: rgba(13, 24, 36, .92);--bg-panel-strong: rgba(17, 31, 45, .96);--bg-slot: rgba(6, 13, 22, .82);--border: #24465a;--border-bright: #355b70;--cyan: #00d9ff;--cyan-soft: rgba(0, 217, 255, .18);--green: #6cff3f;--green-soft: rgba(108, 255, 63, .16);--amber: #ffb000;--orange: #ff8a00;--red: #ff4a35;--disabled: #3a4652;--text: #f2f7ff;--muted: #b8c7d6;--muted-dark: #728496;--shadow-cyan: 0 0 24px rgba(0, 217, 255, .2);--shadow-green: 0 0 24px rgba(108, 255, 63, .22);--shadow-amber: 0 0 24px rgba(255, 176, 0, .18);--radius: 8px;--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--bg-void)}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);font-family:var(--font-ui);background:linear-gradient(128deg,rgba(0,217,255,.09),transparent 34%),linear-gradient(312deg,rgba(255,138,0,.12),transparent 32%),repeating-linear-gradient(90deg,rgba(53,91,112,.1) 0,rgba(53,91,112,.1) 1px,transparent 1px,transparent 58px),repeating-linear-gradient(0deg,rgba(53,91,112,.08) 0,rgba(53,91,112,.08) 1px,transparent 1px,transparent 58px),linear-gradient(180deg,#07111c,#050b12 48%,#07111c);overflow-x:hidden}button,input{font:inherit}button{color:inherit}#root{min-height:100vh}.game-shell{width:min(1920px,100%);min-height:100vh;margin:0 auto;padding:16px;display:grid;grid-template-columns:280px minmax(0,1fr) 360px;gap:14px;align-items:start}.shell-column{min-width:0;display:grid;align-content:start;gap:14px}.shell-center{grid-template-rows:auto auto auto}.grid-area-logo,.grid-area-top{align-self:start}.grid-area-machines{min-width:0;align-self:start}.grid-area-puzzle{min-width:0}.panel,.status-card,.logo-panel{position:relative;overflow:hidden;border:1px solid rgba(53,91,112,.86);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.05),transparent 22%),linear-gradient(180deg,var(--bg-panel-strong),var(--bg-panel));box-shadow:inset 0 1px #ffffff0d,inset 0 -16px 28px #0000003d,0 18px 48px #00000042}.panel:before,.status-card:before,.logo-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,217,255,.14),transparent 28%),repeating-linear-gradient(135deg,transparent 0,transparent 8px,rgba(255,255,255,.018) 8px,rgba(255,255,255,.018) 10px);opacity:.65}.panel{padding:14px}.panel-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:var(--text);text-transform:uppercase;letter-spacing:0;font-size:.84rem;font-weight:800}.panel-heading>span,.panel-heading strong,.status-card-icon,.battery-title,.machine-stats span,.how-to-panel span,.username-field span{display:inline-flex;align-items:center;gap:7px}.panel-heading svg{color:var(--cyan)}.build-view-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(0,auto));gap:4px;padding:3px;border:1px solid rgba(53,91,112,.66);border-radius:6px;background:#030a11b8}.build-view-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:26px;padding:4px 7px;border:0;border-radius:4px;color:var(--muted);background:transparent;font-size:.62rem;font-weight:900;text-transform:uppercase;cursor:pointer}.build-view-toggle button.active{color:var(--cyan);background:linear-gradient(180deg,#00d9ff33,#007ca01f),#00d9ff12;box-shadow:inset 0 0 0 1px #00d9ff6b}.build-view-toggle button:not(.active):hover{color:var(--text);background:#24465a52}.split-heading strong{color:var(--cyan);font-size:.78rem}.puzzle-heading{align-items:flex-start}.puzzle-heading-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.puzzle-tier-selector{display:inline-flex;align-items:center;gap:5px;padding:3px;border:1px solid rgba(53,91,112,.58);border-radius:999px;background:#03080eb3}.puzzle-tier-button,.puzzle-tier-locked{min-width:34px;min-height:28px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:999px;color:var(--muted);background:transparent;font-size:.7rem;font-weight:900;cursor:pointer}.puzzle-tier-button:hover:not(:disabled){color:var(--cyan);border-color:#00d9ff80}.tier-button-active{color:var(--green);border-color:#6cff3f7a;background:#6cff3f1f;box-shadow:0 0 14px #6cff3f2e}.puzzle-tier-button:disabled{cursor:default}.puzzle-tier-locked{color:var(--disabled);cursor:help}.logo-panel{min-height:92px;padding:16px;display:flex;align-items:center;gap:12px}.logo-mark{width:48px;height:48px;display:grid;place-items:center;color:var(--green);border:1px solid rgba(108,255,63,.55);border-radius:var(--radius);background:linear-gradient(180deg,#6cff3f29,#00d9ff14),#07111c;box-shadow:var(--shadow-green)}.logo-panel h1{margin:0;font-size:1.4rem;line-height:1;text-transform:uppercase;letter-spacing:0}.logo-panel h1 span{color:var(--text)}.logo-panel h1 strong{color:var(--amber)}.logo-panel p{margin:5px 0 0;color:var(--muted-dark);font-size:.74rem;text-transform:uppercase}.top-status-bar{display:grid;grid-template-columns:minmax(260px,.95fr) repeat(2,minmax(160px,.56fr));gap:12px;height:100%}.top-status-bar.has-power-actions{grid-template-columns:minmax(260px,.95fr) minmax(170px,.5fr) repeat(2,minmax(150px,.48fr))}.status-card{padding:11px 14px;min-height:92px}.power-actions-card{display:grid;align-content:center;gap:8px}.power-actions-card .game-button{min-height:34px}.compact-status-card{display:flex;align-items:center;gap:12px}.compact-status-card span{display:block;margin-bottom:6px;color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase}.compact-status-card strong{color:var(--text);font-size:1.35rem}.status-card-icon{width:42px;height:42px;justify-content:center;color:var(--cyan);border:1px solid rgba(0,217,255,.38);border-radius:var(--radius);background:#00d9ff1a}.status-card-icon.amber{color:var(--amber);border-color:#ffb0006b;background:#ffb0001a}.status-card-icon.green{color:var(--green);border-color:#6cff3f6b;background:#6cff3f1a}.battery-gauge{position:relative;z-index:1;height:100%;display:grid;place-items:center}.battery-label-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px}.battery-title{color:var(--muted);font-size:.74rem;font-weight:800;text-transform:uppercase}.battery-value{color:var(--green);font-size:.82rem;font-weight:800;white-space:nowrap}.battery-shell{position:relative;height:34px;width:calc(100% - 12px);border:2px solid rgba(184,199,214,.28);border-radius:7px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 35%),#06101a;box-shadow:inset 0 0 18px #00000094}.battery-shell.battery-empty{border-color:#ff4a358c}.battery-cap{position:absolute;right:-12px;top:9px;width:8px;height:14px;border-radius:0 4px 4px 0;background:#5f7283;box-shadow:inset 0 0 6px #00000073}.battery-fill{position:absolute;inset:3px auto 3px 3px;width:0;border-radius:5px;background:linear-gradient(90deg,#6cff3fc7,#6cff3f),repeating-linear-gradient(90deg,transparent 0,transparent 18px,rgba(255,255,255,.16) 18px,rgba(255,255,255,.16) 20px);box-shadow:0 0 18px #6cff3f80;transition:width 80ms linear}.battery-low .battery-fill{background:linear-gradient(90deg,var(--red),var(--orange));box-shadow:0 0 18px #ff4a3573}.battery-scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 48%,rgba(0,0,0,.16));pointer-events:none}.battery-art-shell{position:relative;width:min(100%,292px);aspect-ratio:1260 / 257;min-height:0;overflow:visible}.battery-art-frame{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.battery-art-fill-window{position:absolute;z-index:2;left:13.4%;top:24.5%;width:70.8%;height:51%;overflow:hidden;border-radius:9px;clip-path:polygon(2.8% 0,97.2% 0,100% 50%,97.2% 100%,2.8% 100%,0 50%);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 46%),#02070c52}.battery-art-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#6cff3ff2,#00d9ffe6 62%,#f2f7ffd1),repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0,rgba(255,255,255,.18) 2px,transparent 2px,transparent 36px);box-shadow:inset 0 0 22px #f2f7ff38,0 0 24px #6cff3f94;transition:width 80ms linear}.battery-low .battery-art-fill{background:linear-gradient(90deg,var(--red),var(--orange),var(--amber));box-shadow:inset 0 0 18px #ffffff1f,0 0 22px #ff4a358c}.battery-empty .battery-art-fill-window{box-shadow:inset 0 0 18px #ff4a3559}.overview-grid{position:relative;z-index:1;display:grid;gap:8px}.overview-row,.resource-row,.log-item,.amount-row,.build-card,.unlock-card,.how-to-panel,.account-card,.username-field input,.save-status,.local-only-note{border:1px solid rgba(53,91,112,.58);border-radius:7px;background:var(--bg-slot)}.overview-row{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;color:var(--muted);font-size:.78rem}.overview-row strong{color:var(--green)}.objective-chip{position:relative;z-index:1;margin-top:12px;display:flex;align-items:center;gap:8px;color:var(--cyan);font-size:.78rem;font-weight:700}.machines-panel{min-height:0}.machine-grid{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px}.machine-card{position:relative;flex:1 1 calc((100% - 24px) / 3);min-width:260px;overflow:hidden;min-height:0;padding:12px;border:1px solid rgba(0,217,255,.42);border-radius:var(--radius);background:linear-gradient(145deg,rgba(0,217,255,.13),transparent 28%),linear-gradient(180deg,#0b1622fa,#07111cfa);box-shadow:inset 0 1px #ffffff0d,inset 0 -24px 36px #00000038;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;cursor:pointer}.machine-card:hover{transform:translateY(-2px);border-color:#00d9ffc2;box-shadow:var(--shadow-cyan),inset 0 -24px 36px #0003}.machine-card:before{content:"";position:absolute;top:0;right:0;border-top:18px solid rgba(0,217,255,.26);border-left:18px solid transparent}.machine-card-top,.machine-stats,.status-line,.progress-label,.build-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.machine-card h3,.unlock-card h3{margin:3px 0 0;color:var(--cyan);font-size:1.05rem;text-transform:uppercase;letter-spacing:0}.machine-tier{color:var(--amber);font-size:.68rem;font-weight:900;text-transform:uppercase}.machine-description{min-height:0;margin:7px 0 10px;color:var(--muted);font-size:.76rem;line-height:1.35}.machine-visual{position:relative;height:154px;margin-bottom:9px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(53,91,112,.58);border-radius:7px;background:radial-gradient(circle at 50% 55%,rgba(0,217,255,.16),transparent 48%),linear-gradient(180deg,#ffb00014,#00000038),#02070c94}.machine-visual:before{content:"";position:absolute;inset:auto 8% 8px;height:18px;border-radius:50%;background:#0000006b;filter:blur(8px)}.machine-visual img{position:relative;z-index:1;width:min(82%,188px);height:86%;object-fit:contain;object-position:center;transform:translateY(-7px);filter:drop-shadow(0 0 10px rgba(0,217,255,.24)) drop-shadow(0 12px 14px rgba(0,0,0,.45))}.machine-visual span{position:relative;z-index:1;color:var(--cyan);font-size:1.15rem;font-weight:900}.machine-visual.compact{height:126px;margin-bottom:0}.machine-visual.compact img{width:min(78%,150px);height:82%}.machine-category-body{display:grid;grid-template-columns:minmax(128px,.75fr) minmax(0,1fr);gap:10px;margin-bottom:10px}.category-readouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.category-readouts div{position:relative;min-width:0;overflow:hidden;padding:8px;border:1px solid rgba(53,91,112,.55);border-radius:6px;background:#02080e9e}.category-readouts span{display:block;color:var(--muted-dark);font-size:.62rem;font-weight:900;text-transform:uppercase}.category-readouts strong{position:relative;z-index:1;display:block;margin-top:3px;color:var(--green);font-size:1rem}.category-readouts .readout-running{border-color:#6cff3fb8;background:radial-gradient(circle at 82% 20%,rgba(108,255,63,.2),transparent 34%),#06120dbd;box-shadow:0 0 16px #6cff3f29,inset 0 0 18px #6cff3f14;animation:active-readout-pulse 1.35s ease-in-out infinite}.category-readouts .readout-running:after{content:"";position:absolute;inset:-30% auto -30% 0;width:42%;transform:translate(-112%) skew(-18deg);background:linear-gradient(90deg,transparent,rgba(108,255,63,.28),transparent);animation:active-readout-sweep 2.1s ease-in-out infinite}.category-readouts .readout-running strong{color:var(--green);text-shadow:0 0 10px rgba(108,255,63,.72)}.recipe-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:8px;padding:7px;border:1px solid rgba(53,91,112,.62);border-radius:7px;background:#060d169e}.recipe-strip span{display:block;margin-bottom:2px;color:var(--muted-dark);font-size:.64rem;font-weight:900;text-transform:uppercase}.recipe-strip strong{color:var(--amber);font-size:.82rem}.machine-stats{margin-bottom:8px}.machine-stats span{flex:1 1 0;padding:6px 7px;color:var(--text);font-size:.76rem;font-weight:800;border:1px solid rgba(53,91,112,.62);border-radius:7px;background:#060d169e}.machine-stats svg{color:var(--amber)}.status-line{align-items:flex-start;margin-bottom:8px}.status-line small{color:var(--muted-dark);line-height:1.35;text-align:right}.status-badge{flex:0 0 auto;padding:5px 8px;border:1px solid currentColor;border-radius:999px;font-size:.68rem;font-weight:900;text-transform:uppercase}.status-running{color:var(--green);background:#6cff3f1a}.status-off,.status-locked{color:#7f8f9f;background:#3a465224}.status-paused{color:var(--amber);background:#ffb0001c}.status-pending_start{color:var(--cyan);background:#00d9ff1a;box-shadow:0 0 14px #00d9ff24}.status-shutting_down{color:var(--amber);background:#ffb0001c;box-shadow:var(--shadow-amber)}.status-no_power,.status-missing_input{color:var(--red);background:#ff4a351c}.machine-progress{margin-bottom:8px}.progress-label{margin-bottom:6px;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.progress-label strong{color:var(--text)}.progress-track{height:12px;overflow:hidden;border:1px solid rgba(53,91,112,.72);border-radius:999px;background:#02070cc7}.progress-fill{height:100%;border-radius:inherit;background:var(--cyan);box-shadow:0 0 14px currentColor;transition:width .22s linear}.progress-green .progress-fill{background:var(--green)}.progress-amber .progress-fill,.progress-steel .progress-fill{background:var(--amber)}.progress-orange .progress-fill{background:var(--orange)}.machine-amounts{display:grid;gap:6px}.amount-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;color:var(--muted);font-size:.74rem}.amount-row strong{overflow-wrap:anywhere;color:var(--text);font-size:.75rem}.amount-icons{display:flex;gap:4px}.toggle-switch{display:inline-flex;align-items:center;gap:8px;padding:4px;min-height:34px;border:1px solid rgba(53,91,112,.78);border-radius:999px;background:#050b12db;cursor:pointer}.toggle-switch:disabled{opacity:.55;cursor:not-allowed}.toggle-label{min-width:26px;padding-left:6px;font-size:.68rem;font-weight:900}.toggle-track{position:relative;width:42px;height:24px;border-radius:999px;background:var(--disabled)}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#c5d1dd;transition:transform .16s ease,background .16s ease}.toggle-on .toggle-track{background:#6cff3f42;box-shadow:var(--shadow-green)}.toggle-on .toggle-knob{transform:translate(18px);background:var(--green)}.inventory-list,.log-list,.build-list{position:relative;z-index:1;display:grid;gap:8px}.activity-log{min-height:0;padding:12px}.activity-count{min-width:28px;padding:3px 7px;color:var(--cyan);font-size:.68rem;text-align:center;border:1px solid rgba(0,217,255,.42);border-radius:999px;background:#00d9ff14}.activity-modal-body{position:relative;z-index:1;display:grid;gap:10px;padding:16px}.activity-modal-actions{display:flex;justify-content:flex-end}.inventory-panel{min-height:92px}.inventory-panel-simple{display:grid;align-items:center}.quick-action-buttons{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inventory-summary{position:relative;z-index:1;min-height:0;margin-bottom:10px;padding:12px;display:flex;align-items:center;gap:12px;border:1px solid rgba(53,91,112,.58);border-radius:7px;background:linear-gradient(135deg,rgba(0,217,255,.1),transparent 45%),var(--bg-slot)}.inventory-summary svg{color:var(--cyan);filter:drop-shadow(0 0 12px rgba(0,217,255,.42))}.inventory-summary strong,.inventory-summary span{display:block}.inventory-summary strong{color:var(--text);margin-bottom:4px}.inventory-summary span{color:var(--muted);font-size:.78rem}@media (min-width: 981px){.inventory-panel{min-height:92px;padding:11px 14px;display:block}.inventory-summary{min-height:36px;margin:0;padding:7px 10px}.inventory-summary svg{width:22px;height:22px}.inventory-summary strong{margin-bottom:0;font-size:.8rem;white-space:nowrap}.inventory-summary span{display:none}.inventory-panel>.game-button{width:100%;min-height:68px}.inventory-panel .quick-action-buttons{height:100%}.inventory-panel .quick-action-buttons .game-button{min-height:68px}.inventory-panel-simple{display:grid;align-items:center}}.resource-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;color:var(--muted)}.resource-row:hover{border-color:#00d9ff75}.resource-row strong{color:var(--text);font-variant-numeric:tabular-nums}.resource-icon{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgba(0,217,255,.34);border-radius:6px;background:linear-gradient(180deg,#00d9ff21,#ffb0000f),#050b12e6;color:var(--cyan);font-weight:900;overflow:hidden}.resource-icon img{width:100%;height:100%;object-fit:contain}.resource-icon-sm{width:22px;height:22px;font-size:.55rem}.resource-icon-md{width:30px;height:30px;font-size:.65rem}.resource-icon-lg{width:40px;height:40px;font-size:.8rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 30% 20%,rgba(0,217,255,.15),transparent 32%),#02070cc2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-panel{width:min(1040px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid rgba(0,217,255,.58);border-radius:var(--radius);background:linear-gradient(145deg,rgba(0,217,255,.12),transparent 30%),linear-gradient(180deg,#111f2dfa,#050b12fa);box-shadow:0 0 42px #00d9ff2e,0 22px 80px #00000080}.modal-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid rgba(53,91,112,.7);background:#07111cf0}.modal-heading h2{margin:0;color:var(--cyan);font-size:1rem;text-transform:uppercase}.modal-heading p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.modal-close{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(53,91,112,.78);border-radius:7px;background:#060d16c7;cursor:pointer}.modal-close:hover{color:var(--cyan);border-color:#00d9ffc7}.inventory-grid{display:grid;grid-template-columns:repeat(12,minmax(54px,1fr));gap:8px;padding:16px}.inventory-slot{position:relative;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(53,91,112,.42);border-radius:7px;background:linear-gradient(145deg,rgba(255,255,255,.04),transparent 35%),#060d16a8}.slot-filled{border-color:#00d9ff73;background:linear-gradient(145deg,#00d9ff1f,#ffb0000a),#060d16e6}.inventory-slot strong{position:absolute;right:5px;bottom:4px;padding:2px 5px;color:var(--text);font-size:.68rem;border-radius:999px;background:#0000009e;box-shadow:0 0 10px #00d9ff2e}.inventory-slot .resource-icon-lg{width:min(48px,84%);height:min(48px,84%)}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;padding:16px}.shop-toolbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 0}.shop-toolbar span,.shop-message{color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.shop-message{position:relative;z-index:1;margin:12px 16px 0;padding:9px;border:1px solid rgba(53,91,112,.58);border-radius:7px;background:#050b12ad;text-transform:none}.shop-message-error{color:var(--red);border-color:#ff4a3580;background:#ff4a3514}.upgrade-card{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;padding:13px;border:1px solid rgba(53,91,112,.62);border-radius:7px;background:linear-gradient(145deg,rgba(255,176,0,.12),transparent 44%),#060d16e0}.upgrade-owned{border-color:#6cff3fb3;box-shadow:var(--shadow-green)}.upgrade-icon{width:58px;height:58px;display:grid;place-items:center;color:var(--amber);border:1px solid rgba(255,176,0,.36);border-radius:7px;background:radial-gradient(circle,rgba(255,176,0,.18),transparent 62%),#050b12d6}.upgrade-owned .upgrade-icon{color:var(--green);border-color:#6cff3f7a}.upgrade-card-body{min-width:0}.upgrade-title{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--cyan);text-transform:uppercase}.upgrade-title span{padding:3px 6px;color:var(--amber);font-size:.64rem;font-weight:900;border:1px solid rgba(255,176,0,.42);border-radius:999px;background:#ffb00017}.upgrade-card p{margin:7px 0 10px;color:var(--muted);font-size:.78rem;line-height:1.35}.upgrade-effect,.upgrade-cost{display:grid;gap:5px;margin-bottom:10px;padding:8px;border:1px solid rgba(53,91,112,.52);border-radius:7px;background:#050b129e}.upgrade-effect{display:flex;align-items:center;color:var(--green);font-size:.76rem;font-weight:800}.upgrade-effect svg{color:var(--amber)}.upgrade-cost>span{color:var(--muted-dark);font-size:.64rem;font-weight:900;text-transform:uppercase}.upgrade-cost strong{color:var(--text);font-size:.78rem}.tutorial-help-button{position:fixed;right:18px;bottom:18px;z-index:35;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid rgba(0,217,255,.62);border-radius:999px;color:var(--cyan);background:linear-gradient(180deg,#00d9ff29,#00d9ff0d),#040b12e0;box-shadow:0 0 22px #00d9ff2e;font-size:.74rem;font-weight:900;text-transform:uppercase;cursor:pointer}.tutorial-help-button:hover{border-color:#00d9fff2;color:var(--text);box-shadow:var(--shadow-cyan)}.tutorial-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none}.tutorial-blocking{background:#01050a33}.tutorial-overlay{background:radial-gradient(circle at 50% 50%,transparent 0,transparent 28%,rgba(1,5,10,.38) 60%),#02070c33}.tutorial-spotlight{position:fixed;border:2px solid rgba(0,217,255,.92);border-radius:10px;box-shadow:0 0 0 9999px #01050a8a,0 0 28px #00d9ff80,inset 0 0 18px #00d9ff29;pointer-events:none}.tutorial-target-active{position:relative;z-index:46;animation:tutorial-target-pulse 1.45s ease-in-out infinite}@keyframes tutorial-target-pulse{0%,to{filter:drop-shadow(0 0 0 rgba(0,217,255,0))}50%{filter:drop-shadow(0 0 16px rgba(0,217,255,.72))}}.tutorial-callout{position:fixed;width:min(342px,calc(100vw - 32px));left:18px;top:18px;pointer-events:auto;padding:13px;border:1px solid rgba(0,217,255,.62);border-radius:9px;background:linear-gradient(145deg,rgba(0,217,255,.12),transparent 36%),linear-gradient(180deg,#111f2dfa,#050b12fa);box-shadow:0 0 34px #00d9ff2e,0 20px 50px #00000073}.tutorial-callout-heading,.tutorial-callout-actions,.tutorial-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:9px}.tutorial-callout-heading span{display:inline-flex;align-items:center;gap:7px;color:var(--cyan);font-size:.68rem;font-weight:1000;text-transform:uppercase}.tutorial-callout-heading button{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(53,91,112,.7);border-radius:7px;color:var(--muted);background:#02080e9e;cursor:pointer}.tutorial-callout h3{margin:10px 0 7px;color:var(--text);font-size:1rem;text-transform:uppercase}.tutorial-callout p,.tutorial-modal-body p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45;white-space:pre-line}.tutorial-callout-actions{margin-top:12px}.tutorial-callout-actions>span{color:var(--amber);font-size:.72rem;font-weight:900;text-transform:uppercase}.tutorial-modal-body{display:grid;gap:13px;padding:16px}.tutorial-ai-mark{width:58px;height:58px;display:grid;place-items:center;color:var(--cyan);border:1px solid rgba(0,217,255,.45);border-radius:9px;background:radial-gradient(circle,rgba(0,217,255,.18),transparent 62%),#050b12d1}.tutorial-modal-actions{justify-content:flex-end}.tutorial-dynamic-briefing{display:grid;gap:11px}.tutorial-machine-hero{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid rgba(53,91,112,.56);border-radius:8px;background:#02080e94}.tutorial-machine-hero img{width:92px;height:82px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(0,217,255,.18))}.tutorial-machine-hero span,.tutorial-tier-hero span{color:var(--amber);font-size:.68rem;font-weight:1000;text-transform:uppercase}.tutorial-machine-hero h3,.tutorial-tier-hero h3{margin:3px 0 5px;color:var(--cyan);text-transform:uppercase}.tutorial-machine-hero p,.tutorial-tier-hero p{margin:0}.tutorial-recipe-chips,.tutorial-tier-unlocks div{display:flex;gap:6px;flex-wrap:wrap}.tutorial-recipe-chips span,.tutorial-tier-unlocks span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid rgba(53,91,112,.56);border-radius:999px;color:var(--text);background:#02080e9e;font-size:.7rem;font-weight:900}.tutorial-tier-hero,.tutorial-tier-unlocks,.tutorial-alpha-note{padding:10px;border:1px solid rgba(53,91,112,.56);border-radius:8px;background:#02080e94}.tutorial-tier-recipe-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tutorial-tier-recipe-card{display:grid;gap:9px;padding:10px;border:1px solid rgba(53,91,112,.5);border-radius:8px;background:#050b1294}.tutorial-tier-recipe-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tutorial-tier-recipe-card-head strong{color:var(--cyan);font-size:.76rem;text-transform:uppercase}.tutorial-tier-recipe-card-head span{color:var(--muted-dark);font-size:.66rem;font-weight:900;text-transform:uppercase}.tutorial-tier-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tutorial-tier-output{min-width:0;display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid rgba(53,91,112,.56);border-radius:999px;color:var(--text);background:#02080e9e;font-size:.7rem;font-weight:900}.tutorial-tier-output span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutorial-tier-unlocks{display:grid;gap:7px}.tutorial-tier-unlocks strong{color:var(--amber);font-size:.72rem;text-transform:uppercase}.tutorial-alpha-note{color:var(--amber);font-size:.78rem;font-weight:800}.tutorial-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.tutorial-help-grid button{min-height:156px;display:grid;gap:8px;align-content:start;padding:14px;border:1px solid rgba(53,91,112,.62);border-radius:8px;color:var(--text);background:linear-gradient(145deg,rgba(0,217,255,.1),transparent 40%),#050b12bd;text-align:left;cursor:pointer}.tutorial-help-grid button:hover{border-color:#00d9ffc2;box-shadow:var(--shadow-cyan)}.tutorial-help-grid button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.tutorial-help-grid svg{color:var(--cyan)}.tutorial-help-grid strong{color:var(--text);text-transform:uppercase}.tutorial-help-grid span{color:var(--muted);font-size:.78rem;line-height:1.35}.modal-panel:has(.dyson-modal){width:min(1420px,100%)}.orbital-launcher-card{border-color:#ffb00075;background:radial-gradient(circle at 78% 18%,rgba(255,176,0,.16),transparent 28%),linear-gradient(145deg,rgba(0,217,255,.12),transparent 32%),linear-gradient(180deg,#0b1622fa,#07111cfa)}.orbital-status-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(255,176,0,.42);border-radius:999px;color:var(--amber);background:#ffb00014;font-size:.68rem;font-weight:900}.dyson-modal{display:grid;grid-template-columns:minmax(520px,1.25fr) minmax(360px,.75fr);gap:14px;padding:16px}.dyson-category-list,.dyson-detail-panel{min-width:0}.dyson-category-list{display:grid;gap:12px;max-height:min(620px,calc(100vh - 190px));overflow-y:auto;padding-right:4px}.dyson-category-list::-webkit-scrollbar{width:8px}.dyson-category-list::-webkit-scrollbar-thumb{border-radius:999px;background:#00d9ff57}.dyson-category-block{display:grid;gap:8px;padding:10px;border:1px solid rgba(53,91,112,.6);border-radius:8px;background:linear-gradient(145deg,rgba(0,217,255,.08),transparent 36%),#02080e85}.dyson-category-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--cyan);text-transform:uppercase;font-size:.76rem}.dyson-category-heading strong{flex:1;min-width:0}.dyson-category-heading span{color:var(--muted-dark);font-size:.66rem;font-weight:900}.dyson-star-list{display:grid;gap:6px}.dyson-star-row{width:100%;min-height:48px;display:grid;grid-template-columns:28px minmax(160px,1fr) minmax(112px,auto) minmax(190px,.9fr) 96px;align-items:center;gap:8px;padding:7px 8px;border:1px solid rgba(53,91,112,.56);border-radius:7px;color:var(--text);background:linear-gradient(90deg,rgba(0,217,255,.06),transparent 52%),#050b12b8;text-align:left;cursor:pointer}.dyson-star-row:hover,.dyson-star-selected{border-color:#00d9ffc2;box-shadow:0 0 18px #00d9ff24}.dyson-star-selected{background:linear-gradient(90deg,#00d9ff26,#ffb0000f),#050b12db}.dyson-star-marker{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(255,176,0,.38);border-radius:50%;color:var(--amber);background:#ffb00014}.status-complete .dyson-star-marker{color:var(--green);border-color:#6cff3f80;background:#6cff3f1a}.dyson-star-main,.dyson-star-main strong,.dyson-star-main small{min-width:0}.dyson-star-main strong,.dyson-star-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dyson-star-main strong{color:var(--text);font-size:.8rem;text-transform:uppercase}.dyson-star-main small{margin-top:2px;color:var(--muted-dark);font-size:.68rem;font-weight:800}.dyson-star-cost{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;color:var(--text);font-size:.7rem;font-weight:900}.dyson-star-bonus{color:var(--green);font-size:.68rem;font-weight:900}.dyson-star-status{justify-self:end;padding:4px 7px;border:1px solid rgba(53,91,112,.54);border-radius:999px;color:var(--muted);font-size:.62rem;font-weight:900;text-transform:uppercase}.status-ready .dyson-star-status{color:var(--green);border-color:#6cff3f7a;background:#6cff3f14}.status-building .dyson-star-status{color:var(--amber);border-color:#ffb0007a;background:#ffb00014}.dyson-detail-panel{position:sticky;top:74px;align-self:start;display:grid;gap:9px;max-height:min(620px,calc(100vh - 190px));overflow-y:auto;padding:12px;border:1px solid rgba(0,217,255,.42);border-radius:8px;background:radial-gradient(circle at 50% 0%,rgba(255,176,0,.14),transparent 34%),linear-gradient(180deg,#0b1622f0,#030910f5)}.dyson-detail-panel::-webkit-scrollbar{width:8px}.dyson-detail-panel::-webkit-scrollbar-thumb{border-radius:999px;background:#ffb00057}.dyson-detail-hero{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:center}.dyson-star-orb{width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#fff8bf 0,#fff8bf 8%,#ffcf52 12%,#ffcf52,#ff8a00 36%,#713400 70%);box-shadow:0 0 28px #ffb00075,inset -10px -12px 18px #00000061}.dyson-detail-hero span,.dyson-detail-title,.dyson-science-grid span{color:var(--muted-dark);font-size:.66rem;font-weight:900;text-transform:uppercase}.dyson-detail-hero h3{margin:3px 0 5px;color:var(--cyan);font-size:1.25rem;text-transform:uppercase}.dyson-detail-hero p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.35}.dyson-bonus-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(108,255,63,.42);border-radius:7px;color:var(--green);background:#6cff3f14;font-size:.78rem;font-weight:900}.dyson-bonus-dev{color:var(--amber);border-color:#ffb0006b;background:#ffb00014}.dyson-science-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.dyson-science-grid div,.dyson-launch-strip,.dyson-active-build{padding:8px;border:1px solid rgba(53,91,112,.5);border-radius:7px;background:#02080e9e}.dyson-science-grid strong{display:block;margin-top:3px;color:var(--text);font-size:.72rem}.dyson-detail-section{display:grid;gap:8px}.dyson-detail-title{display:flex;align-items:center;gap:7px}.dyson-requirement-list{display:grid;gap:6px}.dyson-requirement-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;border:1px solid rgba(53,91,112,.5);border-radius:7px;background:#02080e9e}.dyson-requirement-row span{min-width:0;overflow:hidden;color:var(--muted);font-size:.74rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.dyson-requirement-row strong{color:var(--red);font-size:.74rem}.dyson-requirement-row.cost-ready strong{color:var(--green)}.dyson-launch-strip,.dyson-active-build{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.75rem;font-weight:900}.dyson-active-build{justify-content:flex-start;color:var(--amber);border-color:#ffb0006b;background:#ffb00014}.power-system-grid,.generator-modal-body{position:relative;z-index:1;display:grid;gap:12px;padding:16px}.power-system-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.power-system-card,.generator-slot-card,.generator-upgrade-slot{border:1px solid rgba(53,91,112,.62);border-radius:7px;background:linear-gradient(145deg,rgba(0,217,255,.1),transparent 46%),#060d16db}.power-system-card{display:grid;gap:12px;padding:12px}.power-system-owned{border-color:#6cff3fb3;box-shadow:var(--shadow-green)}.power-system-title,.generator-slot-title,.generator-summary-strip{display:flex;align-items:center;justify-content:space-between;gap:10px}.power-system-title>div,.generator-slot-title>div{min-width:0;flex:1 1 auto}.power-system-title strong,.generator-slot-title strong{display:block;color:var(--cyan);font-size:.9rem;text-transform:uppercase}.power-system-title span,.generator-slot-title span{display:block;margin-top:3px;color:var(--muted);font-size:.76rem}.power-cost-list{display:grid;gap:6px}.power-cost-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:31px;padding:5px 7px;border:1px solid rgba(53,91,112,.48);border-radius:6px;background:#02080ead}.power-cost-row span{min-width:0;color:var(--muted);font-size:.74rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.power-cost-row strong{color:var(--red);font-size:.74rem;white-space:nowrap}.power-cost-row.cost-ready strong{color:var(--green)}.generator-summary-strip{padding:10px 12px;border:1px solid rgba(53,91,112,.62);border-radius:7px;background:#02080eb8}.generator-summary-strip span,.generator-summary-strip strong{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-size:.84rem;font-weight:900}.generator-summary-strip strong{color:var(--green)}.generator-slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.generator-slot-card{display:grid;gap:10px;padding:10px}.generator-slot-installed{align-content:start}.generator-slot-empty{min-height:104px;place-items:center;border-style:dashed;color:var(--muted);text-align:center;cursor:pointer}.generator-slot-empty:hover{color:var(--text);border-color:#00d9ffb8;box-shadow:var(--shadow-cyan)}.generator-slot-empty strong{color:var(--cyan);text-transform:uppercase}.generator-slot-empty span{color:var(--muted);font-size:.74rem;font-weight:800}.generator-install-panel{display:grid;gap:10px;padding:12px;border:1px solid rgba(0,217,255,.42);border-radius:7px;background:linear-gradient(145deg,rgba(0,217,255,.09),transparent 48%),#02080ee0}.generator-install-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.generator-install-heading strong{color:var(--cyan);font-size:.86rem;text-transform:uppercase}.generator-install-heading button{border:1px solid rgba(53,91,112,.62);border-radius:6px;color:var(--muted);background:#02080eb3;cursor:pointer}.generator-install-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}.generator-install-option{min-width:0;min-height:96px;display:grid;place-items:center;gap:5px;padding:9px;border:1px solid rgba(0,217,255,.34);border-radius:7px;color:var(--text);background:#00d9ff0f;cursor:pointer}.generator-install-option:hover:not(:disabled){border-color:#00d9ffc7;box-shadow:var(--shadow-cyan)}.generator-install-option:disabled{opacity:.42;cursor:not-allowed}.generator-install-option span,.generator-install-option strong,.generator-install-option small{min-width:0;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.generator-install-option span{color:var(--cyan);font-size:.72rem;font-weight:900;text-transform:uppercase}.generator-install-option strong{color:var(--green);font-size:.78rem}.generator-install-option small{color:var(--muted-dark);font-size:.68rem}.generator-upgrade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px}.generator-upgrade-cell-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.generator-upgrade-cell{min-width:0;min-height:48px;display:grid;place-items:center;gap:3px;padding:6px;border:1px solid rgba(53,91,112,.58);border-radius:7px;color:var(--muted);background:linear-gradient(180deg,#00d9ff0f,#030a11b8),#02080ed1;cursor:pointer}.generator-upgrade-cell:hover:not(:disabled){color:var(--text);border-color:#00d9ffb8;box-shadow:var(--shadow-cyan)}.generator-upgrade-cell span{max-width:100%;color:inherit;font-size:.66rem;font-weight:900;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generator-upgrade-cell-empty{opacity:.42;cursor:not-allowed}.generator-upgrade-selected{color:var(--cyan);border-color:#00d9ffdb;box-shadow:var(--shadow-cyan)}.generator-upgrade-panel{border-color:#6cff3f6b}.generator-upgrade-choice{display:grid;grid-template-columns:minmax(190px,1fr) minmax(220px,1.1fr) auto;align-items:center;gap:10px}.generator-upgrade-choice-title{min-width:0;display:flex;align-items:center;gap:9px}.generator-upgrade-choice-title>div{min-width:0}.generator-upgrade-choice-title strong,.generator-upgrade-choice-title span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generator-upgrade-choice-title strong{color:var(--cyan);font-size:.82rem;text-transform:uppercase}.generator-upgrade-choice-title span{color:var(--muted);font-size:.72rem;font-weight:800}.generator-upgrade-slot{display:grid;gap:6px;padding:8px}.generator-upgrade-slot strong{color:var(--text);font-size:.76rem}.generator-upgrade-slot span{color:var(--muted);font-size:.68rem}.generator-upgrade-installed{border-color:#6cff3f94;background:linear-gradient(145deg,rgba(108,255,63,.1),transparent 46%),#060d16db}.upgrade-installed-chip{width:fit-content;display:inline-flex;align-items:center;gap:5px;padding:5px 7px;color:var(--green)!important;border:1px solid rgba(108,255,63,.48);border-radius:999px;background:#6cff3f14}.recipe-card{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;padding:12px;border:1px solid rgba(53,91,112,.62);border-radius:7px;background:linear-gradient(145deg,rgba(0,217,255,.1),transparent 45%),#060d16db}.recipe-active{border-color:#6cff3fb3;box-shadow:var(--shadow-green)}.recipe-icon-stack{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(0,217,255,.35);border-radius:7px;background:#00d9ff14}.recipe-card-body{min-width:0}.recipe-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--cyan);text-transform:uppercase}.recipe-card-title svg{color:var(--green)}.recipe-card p{margin:7px 0 10px;color:var(--muted);font-size:.78rem;line-height:1.35}.recipe-stats{display:flex;gap:8px;margin-bottom:10px}.recipe-stats span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;color:var(--text);font-size:.72rem;font-weight:800;border:1px solid rgba(53,91,112,.6);border-radius:7px;background:#050b129e}.recipe-stats svg{color:var(--amber)}.recipe-requirements{display:grid;gap:2px;margin-bottom:9px}.recipe-requirements span{color:var(--muted-dark);font-size:.64rem;font-weight:900;text-transform:uppercase}.recipe-requirements strong{color:var(--text);font-size:.76rem}.recipe-empty-requirement{display:block;padding:7px;border:1px solid rgba(53,91,112,.46);border-radius:6px;background:#050b129e}.recipe-input-list{display:grid;gap:5px}.recipe-input-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:6px;align-items:center;min-height:30px;padding:5px 6px;border:1px solid rgba(53,91,112,.5);border-radius:6px;background:#050b12a8}.recipe-input-row span{min-width:0;color:var(--muted);font-size:.72rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-input-row strong{color:var(--red);font-size:.72rem;white-space:nowrap}.recipe-input-row.input-ready strong{color:var(--green)}.recipe-actions{display:grid;grid-template-columns:minmax(100px,112px) minmax(0,1fr);gap:7px;align-items:stretch}.recipe-actions .game-button{min-height:38px}.pin-quantity-control{width:112px;min-height:34px;display:grid;grid-template-columns:26px minmax(42px,1fr) 26px;align-items:center;overflow:hidden;border:1px solid rgba(108,255,63,.42);border-radius:6px;background:linear-gradient(180deg,#6cff3f1f,#07111cc7),#030a11db;box-shadow:inset 0 0 14px #6cff3f14}.pin-quantity-control button{height:100%;min-height:34px;display:grid;place-items:center;border:0;color:var(--green);background:#6cff3f14;cursor:pointer}.pin-quantity-control button:hover:not(:disabled){color:var(--text);background:#6cff3f2e}.pin-quantity-control button:disabled{color:var(--muted-dark);cursor:not-allowed;opacity:.45}.pin-quantity-control strong{min-width:0;color:var(--green);font-size:.72rem;font-weight:900;text-align:center;overflow:hidden;text-overflow:ellipsis}.pin-quantity-input{width:100%;min-width:0;height:100%;border:0;color:var(--green);font:inherit;font-size:.72rem;text-align:center;background:transparent;outline:0;padding:0 2px}.pin-quantity-input:focus{color:var(--text);background:#6cff3f14}.pin-quantity-input::-webkit-outer-spin-button,.pin-quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.unlock-card,.build-card{position:relative;z-index:1;padding:12px}.build-machine-preview{height:112px;margin:9px 0;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(53,91,112,.48);border-radius:7px;background:radial-gradient(circle at 50% 48%,rgba(0,217,255,.12),transparent 54%),#02070c75}.build-machine-preview img{width:min(78%,142px);height:82%;object-fit:contain;object-position:center;opacity:.92;transform:translateY(-5px);filter:drop-shadow(0 0 8px rgba(0,217,255,.2)) drop-shadow(0 10px 12px rgba(0,0,0,.42))}.unlock-card h3{color:var(--amber)}.unlock-card p,.build-card p,.local-only-note{margin:8px 0;color:var(--muted);font-size:.8rem;line-height:1.4}.unlock-cost{display:grid;gap:8px;margin:12px 0}.unlock-cost>span,.build-title span,.build-cost-text{color:var(--muted-dark);font-size:.7rem;font-weight:800;text-transform:uppercase}.unlock-cost>strong,.build-title strong{color:var(--text)}.cost-progress,.mini-cost{display:flex;align-items:center;gap:8px;color:var(--red);font-weight:800;font-size:.78rem}.cost-progress strong{min-width:0;flex:1 1 auto;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cost-progress span{flex:0 0 auto}.cost-ready{color:var(--green)}.build-title span{color:var(--amber)}.build-cost-text{margin-bottom:8px}.mini-cost{margin-bottom:10px}.pinned-list{position:relative;z-index:1;display:grid;gap:9px}.pinned-recipe-card{position:relative;padding:10px;border:1px solid rgba(53,91,112,.66);border-radius:7px;background:linear-gradient(150deg,rgba(0,217,255,.09),transparent 46%),#030a11b8;box-shadow:inset 0 1px #ffffff0a}.pinned-recipe-card.pin-ready{border-color:#6cff3f8c;box-shadow:inset 0 1px #ffffff0a,0 0 18px #6cff3f1a}.pinned-recipe-head{display:grid;grid-template-columns:42px minmax(0,1fr) 30px;gap:9px;align-items:center;margin-bottom:9px}.pinned-output{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(0,217,255,.34);border-radius:7px;background:#00d9ff0f}.pinned-recipe-head strong{display:block;color:var(--text);font-size:.9rem}.pinned-recipe-head span{display:block;margin-top:2px;color:var(--muted-dark);font-size:.68rem;font-weight:800;text-transform:uppercase}.pinned-recipe-head .pinned-target{display:inline-flex;width:fit-content;margin-top:5px;padding:3px 6px;border:1px solid rgba(255,176,0,.42);border-radius:5px;color:var(--amber);background:#ffb00014;font-size:.68rem;font-style:normal;font-weight:900;text-transform:uppercase}.pin-remove-button{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,74,53,.42);border-radius:6px;color:var(--red);background:#ff4a3514;cursor:pointer}.pin-remove-button:hover{color:var(--text);border-color:#ff4a35c7;background:#ff4a3529}.pinned-ingredients{display:grid;gap:6px}.pinned-ingredient{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:30px;padding:5px 7px;border:1px solid rgba(53,91,112,.46);border-radius:5px;background:#02080eb3}.pinned-ingredient span{min-width:0;color:var(--muted);font-size:.76rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-ingredient strong{color:var(--red);font-size:.78rem;white-space:nowrap}.pinned-ingredient.ready strong{color:var(--green)}.slot-manager{position:relative;z-index:1;display:grid;gap:12px;padding:16px}.slot-manager-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(53,91,112,.58);border-radius:7px;background:linear-gradient(135deg,rgba(0,217,255,.08),transparent 45%),#030a11ad}.slot-manager-toolbar span,.slot-manager-toolbar small{display:block;color:var(--muted-dark);font-size:.68rem;font-weight:900;text-transform:uppercase}.slot-manager-toolbar strong{display:block;margin:3px 0;color:var(--amber);font-size:.9rem}.slot-toolbar-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.machine-slot-row{display:grid;grid-template-columns:32px 28px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;padding:9px;border:1px solid rgba(53,91,112,.56);border-radius:7px;background:linear-gradient(145deg,rgba(0,217,255,.07),transparent 50%),#02080ebd}.machine-slot-row.slot-running{border-color:#6cff3f7a}.machine-slot-row.slot-pending_start{border-color:#00d9ff80}.machine-slot-row.slot-missing_input,.machine-slot-row.slot-no_power{border-color:#ff4a357a}.machine-slot-row.slot-empty{border-style:dashed;border-color:#7f8f9f75;background:linear-gradient(145deg,rgba(127,143,159,.06),transparent 52%),#02080e9e}.slot-main{grid-column:1 / -1;min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;align-items:center}.slot-recipe-button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid rgba(0,217,255,.38);border-radius:7px;color:var(--cyan);background:#00d9ff0f;cursor:pointer}.slot-recipe-button .resource-icon{margin:auto}.slot-recipe-button .resource-icon-md{width:32px;height:32px}.slot-recipe-button img{display:block;object-position:center}.slot-recipe-button:hover{border-color:#00d9ffd1;box-shadow:0 0 16px #00d9ff2e}.slot-clear-button{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,74,53,.42);border-radius:6px;color:var(--red);background:#ff4a3514;cursor:pointer}.slot-clear-button:hover:not(:disabled){color:var(--text);border-color:#ff4a35c7;background:#ff4a3529}.slot-clear-button:disabled{color:var(--muted-dark);border-color:#355b706b;background:#3a465214;cursor:not-allowed;opacity:.45}.slot-copy{min-width:0}.slot-copy strong,.slot-copy span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-copy strong{color:var(--text);font-size:.78rem}.slot-copy span{margin-top:2px;color:var(--amber);font-size:.72rem;font-weight:800}.slot-meta{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-start;gap:5px;flex-wrap:wrap}.slot-meta>span{display:inline-flex;align-items:center;gap:4px;padding:4px 5px;border:1px solid rgba(53,91,112,.54);border-radius:6px;color:var(--text);font-size:.66rem;font-weight:800;background:#060d16ad}.slot-meta svg{color:var(--amber)}.slot-progress-ring{--slot-progress: 0deg;grid-column:1;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at center,rgba(242,247,255,.14) 0 13%,transparent 15%),conic-gradient(var(--green) var(--slot-progress),rgba(53,91,112,.42) 0deg);border:1px solid rgba(53,91,112,.72);box-shadow:inset 0 0 0 2px #02080ec7,0 0 12px #6cff3f14}.slot-progress-ring.ring-off,.slot-progress-ring.ring-pending_start,.slot-progress-ring.ring-paused{background:radial-gradient(circle at center,rgba(242,247,255,.14) 0 13%,transparent 15%),conic-gradient(var(--cyan) var(--slot-progress),rgba(53,91,112,.42) 0deg)}.slot-progress-ring.ring-missing_input,.slot-progress-ring.ring-no_power{background:radial-gradient(circle at center,rgba(242,247,255,.14) 0 13%,transparent 15%),conic-gradient(var(--red) var(--slot-progress),rgba(53,91,112,.42) 0deg);box-shadow:inset 0 0 0 2px #02080ec7,0 0 12px #ff4a351a}.slot-progress-ring.ring-shutting_down{background:radial-gradient(circle at center,rgba(242,247,255,.14) 0 13%,transparent 15%),conic-gradient(var(--amber) var(--slot-progress),rgba(53,91,112,.42) 0deg);box-shadow:inset 0 0 0 2px #02080ec7,0 0 12px #ffb0001f}.machine-slot-row .slot-clear-button{grid-column:2}.machine-slot-row .toggle-switch{grid-column:4;justify-self:end}.unlock-empty,.log-empty{position:relative;z-index:1;padding:12px;color:var(--muted);border:1px dashed rgba(53,91,112,.58);border-radius:7px}.log-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;padding:9px}.log-icon{width:24px;height:24px;display:grid;place-items:center;color:var(--amber)}.log-item strong{display:block;color:var(--text);font-size:.76rem;line-height:1.25}.log-item span:last-child{display:block;margin-top:3px;color:var(--muted-dark);font-size:.68rem}.puzzle-panel{min-height:306px}.puzzle-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,1fr) 250px;gap:14px;align-items:stretch}.puzzle-stage{position:relative;min-height:224px;display:grid;place-items:center;border:1px solid rgba(0,217,255,.3);border-radius:7px;background:repeating-linear-gradient(90deg,rgba(0,217,255,.08) 0,rgba(0,217,255,.08) 1px,transparent 1px,transparent 30px),linear-gradient(180deg,#00d9ff0f,#0000002e)}.puzzle-grid{display:grid;grid-template-columns:repeat(4,74px);gap:16px;justify-content:center;align-items:end}.flow-grid{--flow-size: 5;width:min(100%,360px);display:grid;grid-template-columns:repeat(var(--flow-size),1fr);gap:7px;padding:12px;border:1px solid rgba(0,217,255,.24);border-radius:9px;background:radial-gradient(circle at 50% 50%,rgba(0,217,255,.08),transparent 60%),#02070c5c;box-shadow:inset 0 0 28px #00000047}.flow-solution-preview{border-color:#6cff3f94;box-shadow:var(--shadow-green),inset 0 0 28px #00000047}.flow-cell{position:relative;aspect-ratio:1;min-width:0;padding:0;overflow:hidden;border:1px solid rgba(53,91,112,.72);border-radius:7px;background:linear-gradient(145deg,rgba(255,255,255,.04),transparent 35%),#050b12d9;cursor:pointer;touch-action:none}.flow-cell:hover:not([aria-disabled=true]){border-color:#00d9ffad;box-shadow:0 0 14px #00d9ff38}.flow-cell[aria-disabled=true]{cursor:default}.flow-blocked{border-color:#ff4a3557;background:repeating-linear-gradient(135deg,#ff4a3538 0,#ff4a3538 5px,#03080ee0 5px,#03080ee0 10px)}.blocked-core{position:absolute;top:29%;right:29%;bottom:29%;left:29%;border:1px solid rgba(255,74,53,.52);border-radius:4px;background:#ff4a3529;box-shadow:0 0 12px #ff4a3533}.flow-color{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;color:currentColor}.flow-line{position:absolute;z-index:1;background:currentColor;box-shadow:0 0 12px currentColor}.flow-line-up,.flow-line-down{left:calc(50% - 4px);width:8px;height:50%}.flow-line-up{top:0}.flow-line-down{bottom:0}.flow-line-left,.flow-line-right{top:calc(50% - 4px);width:50%;height:8px}.flow-line-left{left:0}.flow-line-right{right:0}.flow-node{position:absolute;z-index:2;top:29%;right:29%;bottom:29%;left:29%;border:2px solid rgba(242,247,255,.58);border-radius:999px;background:currentColor;box-shadow:inset 6px 6px 9px #ffffff3d,inset -6px -7px 10px #00000047,0 0 16px currentColor}.flow-endpoint .flow-node{top:22%;right:22%;bottom:22%;left:22%;border-width:3px}.flow-active{border-color:currentColor;box-shadow:0 0 16px currentColor}.puzzle-tube{min-width:74px;min-height:178px;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}.tube-glass{position:relative;width:58px;height:154px;margin:0 auto;padding:12px 7px 16px;display:grid;grid-template-rows:repeat(3,1fr);gap:6px;border:2px solid rgba(184,199,214,.35);border-top-color:#f2f7ff9e;border-radius:0 0 22px 22px;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 25%),#00d9ff0f;box-shadow:inset 0 0 18px #00d9ff29,0 0 16px #00d9ff14;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.puzzle-tube:hover .tube-glass,.tube-selected .tube-glass{border-color:#00d9ffe0;box-shadow:inset 0 0 18px #00d9ff2e,0 0 22px #00d9ff52;transform:translateY(-3px)}.tube-solved .tube-glass{border-color:#6cff3fc7;box-shadow:0 0 24px #6cff3f47}.tube-slot{display:grid;place-items:center}.energy-orb{width:34px;height:34px;border-radius:999px;box-shadow:inset 7px 7px 10px #ffffff42,inset -7px -8px 12px #00000047,0 0 18px currentColor}.orb-cyan{color:#00d9ff;background:#00d9ff}.orb-amber{color:#ffb000;background:#ffb000}.orb-violet{color:#a875ff;background:#a875ff}.orb-green{color:#6cff3f;background:#6cff3f}.orb-red{color:#ff4a35;background:#ff4a35}.flow-color.orb-cyan,.flow-color.orb-amber,.flow-color.orb-violet,.flow-color.orb-green,.flow-color.orb-red{background:transparent}.tube-base{display:block;width:74px;height:12px;margin-top:-2px;border-radius:999px;background:linear-gradient(180deg,#355b70,#111f2d);box-shadow:0 8px 16px #00000047}.invalid-move .puzzle-stage{animation:invalid-shake .32s ease;border-color:#ff4a35ad}.puzzle-solved .puzzle-stage{border-color:#6cff3f9e}.reward-popup{position:absolute;top:44%;left:50%;transform:translate(-50%);padding:8px 12px;color:var(--green);font-size:1.15rem;font-weight:1000;text-shadow:0 0 18px rgba(108,255,63,.7);pointer-events:none}.how-to-panel{padding:13px}.how-to-panel span{color:var(--cyan);font-weight:900;text-transform:uppercase}.how-to-panel p{color:var(--muted);font-size:.86rem;line-height:1.45}.tier-unlock-hint{padding:8px;border:1px solid rgba(255,176,0,.3);border-radius:7px;color:var(--amber)!important;background:#ffb00014}.save-panel{display:grid;gap:10px}.account-card{position:relative;z-index:1;display:grid;gap:6px;padding:10px}.account-card span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase}.account-card svg{color:var(--cyan)}.account-card strong{min-width:0;overflow:hidden;color:var(--text);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.username-field{position:relative;z-index:1;display:grid;gap:7px;color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.username-field input{width:100%;min-height:40px;padding:10px;color:var(--text);outline:none}.username-field input:focus{border-color:#00d9ffc7;box-shadow:var(--shadow-cyan)}.save-status{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:9px;color:var(--muted);font-size:.76rem}.save-status span{width:9px;height:9px;border-radius:999px;background:currentColor;box-shadow:0 0 10px currentColor}.save-status-saved_local,.save-status-saved_cloud{color:var(--green)}.save-status-syncing{color:var(--cyan)}.save-status-signed_out,.save-status-local_only{color:var(--amber)}.save-status-error{color:var(--red)}.save-actions{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.local-only-note{position:relative;z-index:1;padding:9px;margin:0}.game-button{position:relative;z-index:1;min-height:38px;padding:8px 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(0,217,255,.5);border-radius:7px;color:var(--text);background:linear-gradient(180deg,#00d9ff2e,#00d9ff0f),#060d16db;font-size:.76rem;font-weight:900;text-transform:uppercase;cursor:pointer;transition:transform .13s ease,border-color .13s ease,box-shadow .13s ease,opacity .13s ease}.game-button:hover:not(:disabled){transform:translateY(-1px);border-color:#00d9ffe6;box-shadow:var(--shadow-cyan)}.game-button:active:not(:disabled){transform:translateY(1px)}.game-button:disabled{cursor:not-allowed;opacity:.52;color:#8b9bab;border-color:#3a4652c7;background:#3a465238}.game-button-full{width:100%}.game-button-success{border-color:#6cff3f9e;color:var(--green);background:linear-gradient(180deg,#6cff3f33,#6cff3f0f),#060d16e0}.game-button-success:hover:not(:disabled){border-color:#6cff3feb;box-shadow:var(--shadow-green)}.game-button-danger{border-color:#ff4a3594;color:#ffd0c9;background:linear-gradient(180deg,#ff4a3533,#ff4a350f),#060d16e6}.game-button-amber{border-color:#ffb0008f;color:var(--amber);background:linear-gradient(180deg,#ffb0002e,#ffb0000d),#060d16e6}.game-button-ghost{border-color:#355b70ad;color:var(--muted);background:#060d169e}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 22% 24%,rgba(0,217,255,.16),transparent 28%),radial-gradient(circle at 82% 16%,rgba(255,138,0,.18),transparent 26%),linear-gradient(180deg,#050b126b,#050b12e6)}.auth-card{position:relative;width:min(100%,430px);overflow:hidden;padding:22px;border:1px solid rgba(53,91,112,.9);border-radius:var(--radius);background:linear-gradient(145deg,rgba(0,217,255,.12),transparent 30%),linear-gradient(180deg,#111f2dfa,#050b12fa);box-shadow:var(--shadow-cyan),inset 0 1px #ffffff0d,0 28px 90px #0000007a}.auth-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0,transparent 8px,rgba(255,255,255,.022) 8px,rgba(255,255,255,.022) 10px)}.auth-logo,.auth-form,.auth-warning{position:relative;z-index:1}.auth-logo{display:flex;align-items:center;gap:13px;margin-bottom:20px}.auth-logo h1{margin:0;color:var(--text);font-size:1.65rem;line-height:1;text-transform:uppercase}.auth-logo h1 strong{color:var(--amber)}.auth-logo p{margin:6px 0 0;color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:4px;border:1px solid rgba(53,91,112,.64);border-radius:8px;background:#02080eb8}.auth-tabs button{min-height:34px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:.76rem;font-weight:900;text-transform:uppercase;cursor:pointer}.auth-tabs button.active{color:var(--cyan);background:#00d9ff21;box-shadow:inset 0 0 0 1px #00d9ff70}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:7px;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.auth-form input{min-height:42px;padding:10px 11px;border:1px solid rgba(53,91,112,.7);border-radius:7px;color:var(--text);outline:none;background:#02080ed1}.auth-form input:focus{border-color:#00d9ffd1;box-shadow:var(--shadow-cyan)}.auth-message,.auth-warning{padding:10px;border:1px solid rgba(53,91,112,.7);border-radius:7px;color:var(--muted);background:#02080eb8;font-size:.78rem;line-height:1.35}.auth-warning{color:var(--amber);border-color:#ffb0006b;background:#ffb00014}@keyframes invalid-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes active-readout-pulse{0%,to{box-shadow:0 0 12px #6cff3f1f,inset 0 0 16px #6cff3f12}50%{box-shadow:0 0 24px #6cff3f47,inset 0 0 22px #6cff3f24}}@keyframes active-readout-sweep{0%{transform:translate(-112%) skew(-18deg)}50%{transform:translate(274%) skew(-18deg)}to{transform:translate(-112%) skew(-18deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media (max-width: 1320px){.game-shell{grid-template-columns:260px minmax(0,1fr) 320px}.top-status-bar{grid-template-columns:minmax(300px,1.5fr) repeat(2,minmax(150px,.65fr))}.top-status-bar.has-power-actions{grid-template-columns:minmax(280px,1.25fr) minmax(150px,.6fr) repeat(2,minmax(140px,.62fr))}}@media (min-width: 981px){.build-panel{align-self:start}.build-list{max-height:288px;overflow-y:auto;padding-right:3px}.build-list::-webkit-scrollbar{width:8px}.build-list::-webkit-scrollbar-thumb{border-radius:999px;background:#00d9ff52}}@media (max-width: 980px){.game-shell{padding:12px;display:flex;flex-direction:column;align-items:stretch}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-help-grid,.tutorial-tier-recipe-summary,.dyson-modal{grid-template-columns:1fr}.dyson-detail-panel{position:static;order:-1;max-height:none}.dyson-category-list{max-height:520px}.dyson-star-row{grid-template-columns:28px minmax(0,1fr) auto}.dyson-star-bonus,.dyson-star-status{grid-column:2 / -1;justify-self:start}.shell-column{display:contents}.game-shell>section,.shell-column>section{align-self:stretch}.grid-area-logo{order:1}.grid-area-top{order:2}.grid-area-puzzle{order:3}.grid-area-machines{order:4}.grid-area-inventory{order:5}.grid-area-build{order:6}.grid-area-next{order:7}.grid-area-power{order:8}.grid-area-log{order:9}.grid-area-save{order:10}.top-status-bar,.puzzle-body{grid-template-columns:1fr}.puzzle-grid{grid-template-columns:repeat(4,minmax(58px,72px));gap:10px}.flow-grid{width:min(100%,330px);gap:6px;padding:10px}.puzzle-tube{min-width:58px}.tube-glass{width:52px}.tube-base{width:66px}}@media (max-width: 700px){.machine-category-body,.slot-manager-toolbar,.recipe-grid{grid-template-columns:1fr}.tutorial-callout{left:12px!important;right:12px;top:auto!important;bottom:68px;width:auto}.tutorial-machine-hero{grid-template-columns:1fr}.dyson-star-row{grid-template-columns:26px minmax(0,1fr)}.dyson-star-cost,.dyson-star-bonus,.dyson-star-status{grid-column:2 / -1;justify-self:start}.dyson-detail-hero,.dyson-science-grid,.generator-install-grid,.generator-slot-grid,.generator-upgrade-choice{grid-template-columns:1fr}.slot-toolbar-actions{display:grid;grid-template-columns:1fr}.slot-manager{padding:14px}.slot-grid{grid-template-columns:1fr}}@media (max-width: 560px){.game-shell{padding:10px;gap:10px}.panel,.status-card,.logo-panel{padding:12px}.compact-status-card strong{font-size:1.1rem}.battery-label-row,.status-line,.machine-card-top,.machine-stats{align-items:flex-start;flex-direction:column}.machine-card{min-height:auto}.machine-stats{gap:7px}.machine-stats span{width:100%;justify-content:flex-start}.status-line small{text-align:left}.save-actions{grid-template-columns:1fr}.puzzle-stage{min-height:210px}.puzzle-heading{flex-direction:column}.puzzle-heading-controls{width:100%;justify-content:space-between}.puzzle-grid{grid-template-columns:repeat(4,1fr);width:100%}.flow-grid{width:100%;gap:5px;padding:8px}.energy-orb{width:30px;height:30px}}