:root{color:#eef6ff;font-synthesis:none;text-rendering:optimizelegibility;--amber:#ffbd52;--teal:#42dbc8;--red:#ff697e;background:#080d15;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:2px;outline:2px solid #fff}.app-shell{background:radial-gradient(circle at 50% -20%,#41d6c329,#0000 38%),linear-gradient(145deg,#111b29,#060a10 70%);place-items:center;width:100%;height:100svh;display:grid}.game-frame{isolation:isolate;background:#0d1725;grid-template-rows:58px minmax(0,1fr) 266px;width:min(100%,480px);height:100svh;min-height:600px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 60px #000000a6}.game-header{z-index:40;min-width:0;padding:max(7px,env(safe-area-inset-top)) 7px 7px;background:linear-gradient(#1d2c40,#132033);border-bottom:1px solid #ffffff14;grid-template-columns:auto minmax(54px,1fr) auto 32px 32px;align-items:center;gap:5px;display:grid;box-shadow:0 4px 15px #00000040}.header-level,.header-icon,.heart-chip{color:#eaf4ff;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1a;height:36px}.header-level{border-radius:10px;align-items:center;gap:4px;padding:0 7px;font-weight:900;display:flex}.header-level small{color:#88dccf;text-transform:uppercase;font-size:.45rem}.header-icon{color:#b9c9dc;border-radius:10px;place-items:center;width:32px;display:grid}.progress-wrap{gap:4px;min-width:0;display:grid}.progress-label{color:#91a4bc;letter-spacing:.08em;justify-content:space-between;font-size:.53rem;font-weight:800;display:flex}.progress-label strong{color:#ddecfa}.progress-track{background:#0a111c;border-radius:5px;height:7px;overflow:hidden;box-shadow:inset 0 1px 3px #000}.progress-track div{border-radius:inherit;background:linear-gradient(90deg,#35bda9,#6de6ca);height:100%;transition:width .45s;box-shadow:0 0 10px #42dbc880}.header-currency{justify-items:end;gap:2px;display:grid}.heart-chip{color:#ff7187;border-radius:8px;justify-content:center;align-items:center;gap:3px;min-width:52px;height:19px;padding:0 5px;font-size:.65rem;display:flex}.heart-chip small{color:#aebdd0;font-size:.46rem}.coin-chip{color:#ffd273;align-items:center;gap:3px;font-size:.66rem;display:flex}.workshop-scene{background:#111b27;grid-template-rows:auto minmax(0,1fr) 72px;min-height:0;display:grid;position:relative;overflow:hidden}.scene-topline{z-index:12;background:linear-gradient(#111c2bfa,#0a111bf7);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:8px;min-height:50px;padding:7px 9px 7px 11px;display:flex;box-shadow:0 4px 13px #00000040}.scene-topline>div{gap:2px;min-width:0;display:grid}.scene-topline strong{white-space:normal;overflow-wrap:anywhere;font-size:.74rem;line-height:1.25}.eyebrow{color:var(--teal);letter-spacing:.13em;font-size:.52rem;font-weight:900}.why-button,.dock-close{color:#cfdaea;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;display:grid}.scene-canvas{background-position:top;background-repeat:no-repeat;background-size:cover;min-height:0;position:relative;overflow:hidden}.world-garage .scene-canvas{background-image:linear-gradient(#03080e0a,#03080e2e),url(../workshop-bg.png);background-position:50% 18%}.world-yard .scene-canvas{background-image:linear-gradient(#03080e05,#03080e24),url(../workshop-yard.png);background-position:50% 36%}.scene-canvas:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000 35%,#03070c2e 100%);position:absolute;top:0;bottom:0;left:0;right:0}.scene-open-background{z-index:0;opacity:0;clip-path:inset(100% 0 0);background:url(../workshop-open.png) 50% 18%/cover no-repeat;transition:opacity .3s,clip-path 1.25s cubic-bezier(.22,.8,.26,1);position:absolute;top:0;bottom:0;left:0;right:0}.world-yard .scene-open-background{display:none}.door-open .scene-open-background{opacity:1;clip-path:inset(0)}.scene-night:not(.lights-off) .scene-canvas{filter:brightness(.83)saturate(.9)}.lights-off .scene-canvas{filter:brightness(.7)saturate(1.12)}.lights-off .scene-canvas:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 18% 55%,#50b9ff45,#0000 23%),linear-gradient(#04081229,#0408124d);animation:.48s ease-out lightsFlicker;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes lightsFlicker{20%{opacity:.15}45%{opacity:1}68%{opacity:.3}}.logic-lines{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.logic-lines line{stroke:#ffca5d40;stroke-width:.6px;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.logic-lines .line-active{stroke:#4ae8cde6;filter:drop-shadow(0 0 4px #42dbc8);animation:1.3s linear infinite cableFlow}@keyframes cableFlow{to{stroke-dashoffset:-8px}}.scene-pin{z-index:5;width:46px;height:46px;color:var(--amber);cursor:pointer;background:linear-gradient(145deg,#28394cf5,#0a121df5);border:2px solid #ffcd6ad1;border-radius:15px;place-items:center;padding:0;transition:transform .16s,opacity .18s,border-color .16s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 7px 16px #00000075,inset 0 1px #ffffff26}.scene-pin:active:not(:disabled){transform:translate(-50%,-50%)scale(.9)}.pin-ready{color:#69ecd8;border-color:#69ecd8;animation:1.6s ease-in-out infinite readyPulse}.pin-selected{z-index:10;border-color:#fff;transform:translate(-50%,-50%)scale(1.12)}.pin-locked{opacity:.68;color:#8898aa;filter:saturate(.5);border-color:#b4c1d16b;width:40px;height:40px}.pin-hidden{opacity:.5;border-style:dashed}.pin-done{opacity:.42;color:#75e05e;border-color:#75e05e8c}.pin-star,.pin-lock{color:#ffca64;background:#172437;border-radius:50%;padding:2px;position:absolute;top:-5px;right:-5px}.pin-lock{color:#aab6c5}.pin-repairing{animation:.38s ease-in-out infinite repairShake}@keyframes readyPulse{50%{box-shadow:0 0 0 5px #42dbc82b,0 7px 18px #00000075,0 0 22px #42dbc84d}}@keyframes repairShake{25%{transform:translate(-50%,-50%)rotate(-5deg)scale(1.06)}75%{transform:translate(-50%,-50%)rotate(5deg)scale(1.06)}}.effect-repair,.effect-power,.effect-door,.effect-lights{animation:.7s cubic-bezier(.2,1.3,.35,1) objectPop}@keyframes objectPop{0%{filter:brightness(2);transform:translate(-50%,-50%)scale(.7)}60%{transform:translate(-50%,-50%)scale(1.25)}}.task-strip{z-index:11;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#40536c transparent;background:linear-gradient(#132033,#0d1725);border-top:1px solid #ffffff14;align-items:stretch;gap:6px;min-width:0;padding:7px 8px 8px;display:flex;overflow-x:auto}.task-chip{color:#edf5ff;text-align:left;scroll-snap-align:start;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:11px;flex:0 0 154px;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:6px 7px;display:grid}.task-chip>span{width:31px;height:31px;color:var(--amber);background:#ffbd521f;border-radius:9px;place-items:center;display:grid}.task-chip>div{gap:2px;min-width:0;display:grid}.task-chip strong,.task-chip small{white-space:normal;overflow-wrap:anywhere}.task-chip strong{font-size:.64rem;line-height:1.08}.task-chip small{color:#aebed0;font-size:.57rem;line-height:1.08}.task-chip>svg{color:#8fa1b5}.task-ready{background:#42dbc816;border-color:#42dbc8b3}.task-ready>span,.task-ready>svg{color:var(--teal)}.task-bonus>svg,.task-bonus>span{color:var(--amber)}.task-locked{opacity:.55;filter:saturate(.55)}.task-selected{background:#ffffff1c;border-color:#fff}.action-dock{z-index:30;background:linear-gradient(155deg,#1c2c3ffc,#09111cfc);border:1px solid #42dbc87a;border-radius:17px;max-height:calc(100% - 16px);padding:12px;animation:.2s ease-out dockIn;position:absolute;bottom:8px;left:8px;right:8px;overflow-y:auto;box-shadow:0 15px 32px #000000a6,inset 0 1px #ffffff1a}@keyframes dockIn{0%{opacity:0;transform:translateY(16px)}}.dock-optional{border-color:#ffbd528c}.dock-close{position:absolute;top:8px;right:8px}.dock-heading{gap:2px;padding-right:34px;display:grid}.dock-heading>span{color:var(--teal);letter-spacing:.11em;align-items:center;gap:4px;font-size:.53rem;font-weight:900;display:flex}.dock-optional .dock-heading>span{color:var(--amber)}.dock-heading strong{overflow-wrap:anywhere;font-size:.91rem;line-height:1.2}.dock-requirements{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.tool-badge{min-width:0;min-height:20px;color:var(--tool);border:1px solid color-mix(in srgb,var(--tool) 48%,transparent);background:color-mix(in srgb,var(--tool) 12%,#080e17eb);border-radius:7px;align-items:center;gap:3px;padding:2px 5px;font-size:.57rem;font-weight:850;display:inline-flex}.tool-badge span{color:#e7effa;white-space:normal;overflow-wrap:anywhere}.tool-badge b{color:#e7effa;margin-left:auto;font-size:.52rem}.tool-badge.missing{opacity:.6;filter:grayscale(.25)}.tool-badge.detailed{border-radius:10px;gap:6px;max-width:100%;min-height:39px;padding:4px 8px;font-size:.67rem}.tool-badge.detailed span{max-width:145px}.no-tools{color:#9ee8dc;background:#42dbc81a;border-radius:9px;align-items:center;gap:5px;min-height:31px;padding:0 8px;font-size:.67rem;font-weight:800;display:inline-flex}.action-dock p{color:#c2d0df;overflow-wrap:anywhere;margin:7px 0;font-size:.69rem;line-height:1.38}.dock-reward,.bonus-warning,.capacity-warning{border-radius:8px;align-items:center;gap:6px;margin:6px 0;padding:6px 7px;font-size:.64rem;font-weight:760;line-height:1.3;display:flex}.dock-reward{color:#ffcf77;background:#ffbd5214}.bonus-warning{color:#ffd273;background:#ffbd521a}.capacity-warning{color:#ff9dae;background:#ff697e1a}.dock-action{color:#132129;background:linear-gradient(#71ead7,#35c7b3);border:1px solid #b9fff3;border-radius:11px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:40px;margin-top:4px;font-size:.75rem;font-weight:900;display:flex;box-shadow:0 7px 15px #35c7b32e}.dock-action:disabled{color:#8090a2;box-shadow:none;background:#ffffff0e;border-color:#ffffff1a}.scene-particles{z-index:34;pointer-events:none;position:absolute;top:48%;bottom:auto;left:auto;right:50%}.scene-particles i{background:var(--amber);border-radius:2px;width:8px;height:8px;animation:.75s ease-out forwards particle;position:absolute}.scene-particles i:nth-child(2){background:var(--teal);--dx:44px;--dy:-38px}.scene-particles i:nth-child(3){--dx:-42px;--dy:-35px}.scene-particles i:nth-child(4){--dx:32px;--dy:35px;background:#fff}.scene-particles i:nth-child(5){--dx:-35px;--dy:30px;background:#75e05e}@keyframes particle{to{transform:translate(var(--dx,0),var(--dy,-45px)) scale(0) rotate(170deg);opacity:0}}.exit-vehicle{z-index:18;color:#ffb64c;background:linear-gradient(145deg,#ffcb69,#e47d29);border:2px solid #ffe2a3;border-radius:23px 23px 16px 16px;place-items:center;width:92px;height:64px;animation:1.9s cubic-bezier(.35,.03,.35,1) forwards driveOut;display:grid;position:absolute;bottom:9%;left:47%;box-shadow:0 12px 25px #000,0 0 28px #ffae3d59}.exit-vehicle svg{color:#57300c}.exit-vehicle i{background:#fffc;border-radius:4px;width:42px;height:3px;animation:.35s ease-in-out infinite alternate speedLine;position:absolute;right:92%}.exit-vehicle i:nth-of-type(2){width:65px;top:22px}.exit-vehicle i:nth-of-type(3){width:51px;bottom:12px}@keyframes driveOut{0%{opacity:0;transform:translate(-50%,40px)scale(.95)}16%{opacity:1}48%{transform:translate(-35%,-18px)scale(.82)rotate(1deg)}to{opacity:0;transform:translate(170%,-210px)scale(.2)rotate(-4deg)}}@keyframes speedLine{to{opacity:.25;transform:scaleX(.55)}}.scene-won .scene-pin{opacity:.25}.inventory-panel{z-index:25;min-height:0;padding:8px 9px calc(7px + env(safe-area-inset-bottom));background:linear-gradient(#1a293e,#101a2a);border-top:2px solid #ffffff12;grid-template-rows:auto minmax(0,1fr) auto;gap:6px;display:grid;box-shadow:0 -12px 28px #00000047}.inventory-title-row{justify-content:space-between;align-items:end;gap:8px;padding:0 2px;display:flex}.inventory-title-row>div{gap:1px;min-width:0;display:grid}.inventory-title-row strong{font-size:.72rem;line-height:1.15}.inventory-count{color:#91a4bb;flex:none;font-size:.62rem;font-weight:750}.count-full{color:#ff8598}.inventory-main{grid-template-columns:82px minmax(0,1fr);gap:7px;min-height:0;display:grid}.source-box{color:#fff;cursor:pointer;background:linear-gradient(145deg,#2a3b52,#142033);border:1px solid #ffbd5257;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:108px;padding:7px 4px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 5px 13px #0000004d}.source-box:before{content:"";background:radial-gradient(circle,#ffbd5240,#0000 68%);height:70%;position:absolute;top:-35%;bottom:auto;left:4%;right:4%}.source-box:active:not(:disabled){transform:scale(.96)}.source-box:disabled{filter:grayscale(.6);opacity:.55}.source-box strong{z-index:1;letter-spacing:.03em;font-size:.63rem}.source-box>span:not(.source-glow),.source-box small{z-index:1;color:#c3cedc;text-align:center;font-size:.55rem;line-height:1.2}.source-glow{z-index:1;color:#33200a;background:linear-gradient(145deg,#ffd170,#f29b32);border:2px solid #ffe6a1;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 14px #ffba4666}.source-live .source-glow{animation:1.6s ease-in-out infinite sourcePulse}@keyframes sourcePulse{50%{transform:translateY(-2px)scale(1.04);box-shadow:0 0 20px #ffba469e}}.inventory-grid{scrollbar-width:thin;scrollbar-color:#40536c transparent;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:76px;align-content:start;gap:5px;min-height:0;padding:1px 2px 3px;display:grid;overflow-y:auto}.empty-inventory{color:#91a3b8;background:#050b132e;border:1px dashed #ffffff26;border-radius:13px;grid-column:1/-1;align-content:center;place-items:center;gap:5px;min-height:96px;font-size:.66rem;display:grid}.empty-slot{background:#050b1321;border:1px dashed #ffffff14;border-radius:10px;min-height:76px}.inventory-grid>div{min-width:0}.tool-card{width:100%;height:76px;color:var(--tool);border:1px solid color-mix(in srgb,var(--tool) 30%,#ffffff14);background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--tool) 21%,transparent),transparent 64%),linear-gradient(145deg,#293b52,#142135);cursor:pointer;touch-action:manipulation;border-radius:10px;align-content:center;place-items:center;gap:1px;padding:5px 3px 4px;transition:transform .14s,border-color .14s;display:grid;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff12,0 3px 8px #00000040}.tool-card:active{transform:scale(.91)}.tool-card.selected{z-index:2;border-color:var(--tool);box-shadow:0 0 0 2px color-mix(in srgb,var(--tool) 32%,transparent),0 7px 14px #00000052,0 0 14px color-mix(in srgb,var(--tool) 30%,transparent);transform:translateY(-3px)scale(1.05)}.tool-tier{color:#fff;opacity:.82;font-size:.48rem;font-weight:900;position:absolute;top:3px;left:4px}.tool-icon{filter:drop-shadow(0 2px 3px #0000006b);place-items:center;display:grid}.tool-name{color:#e7eef8;text-align:center;white-space:normal;overflow-wrap:anywhere;justify-content:center;align-items:center;width:100%;min-height:20px;font-size:.54rem;font-weight:760;line-height:1.04;display:flex}.tier-pips{gap:1px;height:3px;display:flex}.tier-pips i{background:var(--tool);width:4px;height:2px;box-shadow:0 0 4px var(--tool);border-radius:2px}.tool-card.tier-4{background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--tool) 36%,transparent),transparent 65%),linear-gradient(145deg,#2b3f58,#16243a)}.tool-card.premium{border-color:var(--tool);background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--tool) 54%,transparent),transparent 65%),linear-gradient(145deg,#34475e,#121e31)}.tool-card.premium:after{content:"";background:#ffffff47;width:24%;animation:2.6s ease-in-out infinite premiumShine;position:absolute;top:-50%;bottom:-50%;left:-30%;right:auto;transform:rotate(20deg)}@keyframes premiumShine{0%,55%{left:-40%}to{left:130%}}.tool-new{animation:.42s cubic-bezier(.2,1.45,.45,1) toolPop}@keyframes toolPop{0%{filter:brightness(2);transform:scale(.35)rotate(-10deg)}75%{transform:scale(1.12)rotate(2deg)}}.highlight-family .tool-card{border-color:var(--tool);animation:.9s ease-in-out infinite inventoryHint}@keyframes inventoryHint{50%{box-shadow:0 0 14px color-mix(in srgb,var(--tool) 38%,transparent);transform:translateY(-3px)}}.booster-bar{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.booster-bar button{color:#c9d6e5;background:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #ffffff17;border-radius:10px;align-content:center;place-items:center;gap:1px;min-height:43px;padding:3px 2px;display:grid;position:relative}.booster-bar button:nth-child(2) svg{color:var(--amber)}.booster-bar button:nth-child(3) svg{color:#66d8ff}.booster-bar button:nth-child(4) svg{color:#cf90ff}.booster-bar button:disabled{opacity:.34}.booster-bar button span{font-size:.54rem;font-weight:750}.booster-bar button b{color:#fff;background:#394b63;border-radius:9px;min-width:16px;padding:1px 4px;font-size:.52rem;position:absolute;top:3px;right:5px}.tutorial-ribbon,.game-toast{z-index:95;text-align:center;border-radius:15px;width:max-content;max-width:calc(100% - 22px);padding:9px 12px;font-size:.69rem;font-weight:800;line-height:1.3;position:absolute;bottom:273px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #00000073}.tutorial-ribbon{color:#1a2430;background:linear-gradient(#ffe38a,#ffba46);border:2px solid #ffffffb8;align-items:center;gap:6px;animation:1.3s ease-in-out infinite tutorialBounce;display:flex}.game-toast{color:#eef6ff;background:#0d1724f7;border:1px solid #ffffff21;animation:.22s ease-out toastIn}.game-toast.tone-good{border-color:#41d6c38c}.game-toast.tone-warn{border-color:#ffba468c}@keyframes tutorialBounce{50%{transform:translate(-50%)translateY(-4px)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)scale(.96)}}.modal-backdrop{z-index:110;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04080ec7;place-items:center;padding:18px;animation:.2s ease-out fadeIn;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}}.game-modal{color:#eef5ff;text-align:center;background:radial-gradient(circle at 50% 0,#41d6c31f,#0000 44%),linear-gradient(155deg,#21324a,#111c2d 70%);border:1px solid #ffffff24;border-radius:23px;width:100%;max-height:calc(100svh - 36px);padding:25px 20px 21px;animation:.28s cubic-bezier(.2,1.2,.35,1) modalPop;position:relative;overflow-y:auto;box-shadow:0 24px 70px #0000009e,inset 0 1px #ffffff14}@keyframes modalPop{0%{opacity:0;transform:translateY(16px)scale(.95)}}.game-modal h2{margin:6px 0 8px;font-size:1.45rem;line-height:1.06}.game-modal p{color:#afbed0;max-width:340px;margin:0 auto 16px;font-size:.79rem;line-height:1.45}.modal-close{z-index:2;color:#aebdd0;background:#ffffff12;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:10px;right:10px}.modal-icon{border-radius:20px;place-items:center;width:62px;height:62px;margin:0 auto 12px;display:grid}.modal-icon.warn{color:var(--amber);background:#ffba461c;box-shadow:0 0 25px #ffba461f}.modal-icon.heart{color:#ff6981;background:#ff69811f}.modal-icon.puzzle,.modal-icon.points{color:#5ce5d2;background:#42dbc81f}.modal-icon svg{width:34px;height:34px}.level-modal,.workshop-modal{text-align:left}.level-modal>p,.workshop-modal>p{margin-left:0}.level-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.level-grid button{color:#dce7f4;text-align:left;background:#ffffff0b;border:1px solid #ffffff17;border-radius:12px;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:62px;padding:7px 8px;display:grid}.level-grid button>span{width:27px;height:27px;color:var(--amber);background:#ffba461a;border-radius:8px;place-items:center;font-size:1rem;font-weight:850;display:grid}.level-grid button>div{gap:3px;min-width:0;display:grid}.level-grid button strong{white-space:normal;overflow-wrap:anywhere;font-size:.66rem;line-height:1.18}.level-grid button.current-level{background:#41d6c314;border-color:#41d6c38c}.world-divider{color:#7fe8d8;letter-spacing:.1em;background:#42dbc814;border-radius:8px;margin:12px 0 7px;padding:6px 8px;font-size:.58rem;font-weight:900}.world-divider.yard{color:#ffcd75;background:#ffbd5214}.difficulty{text-transform:uppercase;font-size:.53rem;font-weight:850}.difficulty-leicht{color:#73e1c8}.difficulty-mittel{color:#75c9ff}.difficulty-schwer{color:#ffca69}.difficulty-superschwer{color:#ff7890}.primary-button,.secondary-button,.text-button,.upgrade-button{border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:46px;font-weight:850;display:flex}.primary-button{color:#17202c;background:linear-gradient(#ffd875,#f2a53a);border:1px solid #ffe5a2;box-shadow:0 7px 20px #ffae3633}.danger-button{color:#fff;background:linear-gradient(#f06b81,#c43c56);border-color:#ff91a3}.secondary-button{color:#e9f6ff;background:#4cc8ff17;border:1px solid #4cc8ff47}.text-button{color:#aebed1;background:0 0;border:0;min-height:38px}.upgrade-button{color:#c9d7e7;background:#ffffff0a;border:1px solid #ffffff17;min-height:40px;margin-top:7px;font-size:.73rem}.primary-button:disabled,.secondary-button:disabled,.upgrade-button:disabled{opacity:.4}.stuck-actions{gap:7px;display:grid}.point-balance{color:#dce8f5;background:#ffffff0d;border-radius:11px;justify-content:center;align-items:center;gap:5px;margin-bottom:10px;padding:9px;font-size:.68rem;display:flex}.point-balance svg,.point-balance strong{color:var(--amber)}.family-stock{grid-template-columns:1fr 1fr;gap:7px;display:grid}.family-stock button{color:#eef5ff;text-align:left;border:1px solid color-mix(in srgb,var(--tool) 32%,#ffffff14);background:color-mix(in srgb,var(--tool) 8%,#ffffff09);border-radius:12px;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;min-height:61px;padding:7px;display:grid}.family-stock button:disabled{opacity:.35}.family-stock button>span{width:35px;height:35px;color:var(--tool);background:color-mix(in srgb,var(--tool) 13%,transparent);border-radius:9px;place-items:center;display:grid}.family-stock button>div{gap:2px;min-width:0;display:grid}.family-stock strong,.family-stock small{white-space:normal;overflow-wrap:anywhere}.family-stock strong{font-size:.61rem;line-height:1.1}.family-stock small{color:#93a5b8;font-size:.53rem}.family-stock b{color:var(--tool);font-size:.67rem}.challenge-modal small{color:#8598ae;margin-top:10px;font-size:.63rem;display:block}.big-switch{color:#e8f8ff;letter-spacing:.06em;background:linear-gradient(145deg,#234659,#16303e);border:1px solid #55dcca;border-radius:15px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:70px;font-weight:900;display:flex;box-shadow:0 0 25px #42dbc824}.challenge-buttons{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.challenge-buttons button{color:#eef6ff;background:#42dbc817;border:1px solid #5be2cf59;border-radius:13px;min-height:58px;font-weight:850}.sequence-progress{justify-content:center;gap:7px;margin:0 0 13px;display:flex}.sequence-progress i{background:#334357;border-radius:6px;width:35px;height:7px}.sequence-progress i.filled{background:var(--teal);box-shadow:0 0 9px #42dbc899}.pressure-gauge{margin:0 0 14px}.pressure-gauge strong{color:var(--teal);font-size:2rem}.pressure-gauge span{color:#99abc0;font-weight:750}.pressure-gauge>div{background:#08111c;border-radius:8px;height:11px;margin-top:8px;overflow:hidden;box-shadow:inset 0 2px 4px #000}.pressure-gauge i{border-radius:inherit;background:linear-gradient(90deg,#44cdb9,#ffd067);height:100%;transition:width .25s;display:block}.switch-target{justify-content:center;align-items:center;gap:6px;margin-bottom:12px;display:flex}.switch-target span{color:#8295aa;letter-spacing:.1em;font-size:.6rem;font-weight:900}.switch-target i{color:#718399;background:#172537;border-radius:8px;place-items:center;width:26px;height:26px;font-size:.6rem;font-style:normal;font-weight:900;display:grid}.switch-target i.on{color:#09241f;background:var(--teal);box-shadow:0 0 11px #42dbc873}.switchboard{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.switchboard button{color:#9aaabd;background:#182638;border:1px solid #ffffff1f;border-radius:13px;align-content:center;place-items:center;gap:3px;min-height:68px;display:grid}.switchboard button.on{color:#eafdfa;background:#42dbc826;border-color:#55dcca;box-shadow:0 0 15px #42dbc826}.switchboard button span{letter-spacing:.1em;font-size:.54rem;font-weight:900}.switchboard button strong{font-size:.7rem}.regen-card{color:#ff8295;background:#ff698114;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin:0 0 13px;padding:11px;font-size:.75rem;display:flex}.regen-card.full{color:#5ce5d2;background:#42dbc814}.upgrade-list{gap:7px;margin-bottom:12px;display:grid}.upgrade-list article{opacity:.52;background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:62px;padding:8px;display:grid}.upgrade-list article.upgrade-next{opacity:1;background:#ffbd5211;border-color:#ffbd526b}.upgrade-list article.upgrade-done{opacity:.78;border-color:#42dbc840}.upgrade-list article>span{width:38px;height:38px;color:var(--amber);background:#ffbd521a;border-radius:10px;place-items:center;display:grid}.upgrade-list article>div{gap:2px;min-width:0;display:grid}.upgrade-list article strong,.upgrade-list article small{white-space:normal;overflow-wrap:anywhere}.upgrade-list article strong{font-size:.74rem}.upgrade-list article small{color:#9cadc1;font-size:.61rem;line-height:1.25}.upgrade-list article>b{color:#ffd06c;align-items:center;gap:3px;font-size:.65rem;display:flex}.upgrade-done>b{color:var(--teal)!important}.all-upgraded{color:var(--teal);background:#42dbc817;border-radius:12px;justify-content:center;gap:7px;padding:13px;font-size:.75rem;font-weight:850;display:flex}.win-modal{overflow:hidden}.win-modal:before{content:"";pointer-events:none;background:conic-gradient(#0000,#ffba4614,#0000,#41d6c317,#0000);animation:9s linear infinite winRotate;position:absolute;top:-50px;bottom:-50px;left:-50px;right:-50px}@keyframes winRotate{to{transform:rotate(360deg)}}.win-modal>*{z-index:1;position:relative}.victory-burst{color:#1c2938;background:linear-gradient(145deg,#80f2cf,#41d6c3);border-radius:50%;place-items:center;width:80px;height:80px;margin:0 auto 14px;animation:.65s cubic-bezier(.2,1.3,.3,1) victoryDrive;display:grid;box-shadow:0 0 0 9px #41d6c314,0 0 35px #41d6c34d}@keyframes victoryDrive{0%{transform:translate(-180px)rotate(-10deg)}}.stars{color:var(--amber);justify-content:center;gap:5px;margin:13px 0;display:flex}.stars svg:nth-child(2){transform:translateY(-6px)scale(1.15)}.reward-row{color:#ffcf6d;background:#ffba4614;border:1px solid #ffba462e;border-radius:13px;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;margin:0 auto 12px;padding:8px 13px;display:flex}.workshop-tier-1 .workshop-scene{filter:saturate(1.04)brightness(1.02)}.workshop-tier-2 .workshop-scene{filter:saturate(1.07)brightness(1.035)}.workshop-tier-3 .workshop-scene{filter:saturate(1.1)brightness(1.05)}.workshop-tier-4 .workshop-scene{filter:saturate(1.14)brightness(1.065)}@media (min-width:430px){.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-name{font-size:.52rem}}@media (min-width:560px){.app-shell{padding:18px}.game-frame{border:1px solid #ffffff1a;border-radius:28px;height:min(920px,100svh - 36px);min-height:680px}}@media (max-height:710px){.game-frame{grid-template-rows:54px minmax(0,1fr) 242px;min-height:580px}.workshop-scene{grid-template-rows:auto minmax(0,1fr) 65px}.scene-topline{min-height:44px}.inventory-panel{padding-top:5px}.inventory-grid{grid-auto-rows:66px}.tool-card,.empty-slot{height:66px;min-height:66px}.tool-name{min-height:17px;font-size:.49rem}.booster-bar button{min-height:39px}.tutorial-ribbon,.game-toast{bottom:249px}.action-dock{padding:9px 10px}.action-dock p{margin:5px 0}.tool-badge.detailed{min-height:33px}.scene-pin{width:41px;height:41px}.task-chip{flex-basis:145px}}@media (max-width:370px){.game-header{gap:3px;padding-left:5px;padding-right:5px}.header-level{padding:0 5px}.header-level small{display:none}.heart-chip{min-width:46px}.heart-chip small{display:none}.inventory-panel{padding-left:6px;padding-right:6px}.inventory-main{grid-template-columns:72px minmax(0,1fr);gap:5px}.source-box strong{font-size:.57rem}.level-grid,.family-stock{grid-template-columns:1fr}.task-chip{flex-basis:144px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}