:root{font-family:Arial Narrow,Segoe UI,Arial,sans-serif;color:#d9ecf8;background:#07121d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.app-shell{width:100vw;height:100dvh;display:grid;grid-template-columns:236px minmax(0,1fr);grid-template-rows:90px minmax(0,1fr) 78px;background:radial-gradient(circle at 55% 32%,#1a3951 0,#102638 42%,#071522);position:relative}.topbar{grid-column:1/-1;display:grid;grid-template-columns:236px minmax(420px,1fr) 390px;align-items:center;gap:14px;padding:8px 14px;background:linear-gradient(180deg,#06121ef5,#081826e0);border-bottom:1px solid rgba(120,180,215,.18);box-shadow:0 8px 28px #00000059;z-index:5}.top-actions{display:flex;gap:10px}.top-actions--right{justify-content:flex-end}.icon-button,.action-button,.tool-button,.hint-button{border:1px solid #38536b;color:#c8e6f7;background:linear-gradient(180deg,#183149,#0b1b2a);box-shadow:inset 0 1px #ffffff14,0 4px 12px #00000047;cursor:pointer}.icon-button{width:60px;height:60px;border-radius:10px;font-size:27px;font-weight:800}.action-button{height:60px;min-width:132px;border-radius:9px;font-size:18px;font-weight:800;letter-spacing:.04em}.action-button--run{color:#bfeaff;background:linear-gradient(180deg,#1d3c55,#102538)}.mission-card{height:72px;max-width:720px;justify-self:center;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #43627b;border-radius:12px;background:linear-gradient(180deg,#122a3cfa,#081826f7);box-shadow:inset 0 1px #ffffff14,0 6px 18px #0000004d}.mission-card span{font-size:15px;color:#77c7f0;letter-spacing:.12em}.mission-card h1{margin:2px 0 0;font-size:26px;line-height:1;letter-spacing:.025em;color:#fff}.mission-card p{margin:5px 0 0;color:#9dcbe5;font-size:14px}.inventory-panel{grid-row:2/4;display:flex;flex-direction:column;padding:10px 12px 12px;background:linear-gradient(180deg,#102536,#091825);border-right:1px solid #385169;box-shadow:10px 0 30px #00000047;z-index:4}.inventory-panel h2{margin:0 0 10px;padding:5px 0 10px;text-align:center;font-size:16px;font-weight:700;color:#8fd2f3;border-bottom:1px solid #334d62;letter-spacing:.08em}.inventory-list{display:flex;flex-direction:column;gap:7px;overflow:auto;min-height:0}.inventory-item{min-height:75px;display:grid;grid-template-columns:92px 1fr 30px;align-items:center;gap:8px;padding:5px 8px;border:1px solid #334d61;border-radius:8px;color:#edf8ff;background:linear-gradient(180deg,#172c3f,#0c1d2b);text-align:left;font-size:16px;font-weight:700;cursor:grab;box-shadow:inset 0 1px #ffffff0f,0 3px 8px #00000038}.inventory-item:active{cursor:grabbing}.inventory-item b{align-self:end;justify-self:center;margin-bottom:4px;padding:2px 5px;border-radius:12px;color:#9ef5b2;background:#081a1f;border:1px solid #275d45;font-size:13px}.part-icon{position:relative;display:block;margin:auto;filter:drop-shadow(0 7px 4px rgba(0,0,0,.45))}.plank{height:20px;border-radius:2px;background:linear-gradient(180deg,#b78a5c,#6f4525);border:2px solid #3d2717;transform:rotate(-24deg)}.plank:after{content:"";position:absolute;inset:4px 8px;border-top:2px solid rgba(255,255,255,.22);border-bottom:2px solid rgba(45,20,5,.25)}.plank--long{width:86px}.plank--short{width:64px}.spring{width:45px;height:53px;background:repeating-linear-gradient(180deg,transparent 0 5px,#c5a87c 6px 9px,transparent 10px 13px);border-left:5px solid transparent;border-right:5px solid transparent;transform:skew(-8deg)}.lever{width:72px;height:18px;border-radius:12px;background:linear-gradient(180deg,#4c899b,#235165);border:2px solid #132c39;transform:rotate(-38deg)}.lever:before,.lever:after{content:"";position:absolute;top:3px;width:8px;height:8px;border-radius:50%;background:#0c2430;border:2px solid #83b9c8}.lever:before{left:5px}.lever:after{right:5px}.rope{width:64px;height:46px;border:7px double #8a6337;border-radius:50% 46% 54% 43%;transform:rotate(13deg)}.weight{width:42px;height:50px;background:linear-gradient(90deg,#3d4347,#a7afb2 48%,#363c3f);clip-path:polygon(35% 0,65% 0,70% 15%,86% 25%,100% 100%,0 100%,14% 25%,30% 15%)}.fan{width:58px;height:58px;border:5px solid #702019;border-radius:8px;background:radial-gradient(circle,#171b1d 0 12%,transparent 13%),conic-gradient(#a6a6a6 0 10%,#2e3437 11% 25%,#a6a6a6 26% 35%,#2e3437 36% 50%,#a6a6a6 51% 60%,#2e3437 61% 75%,#a6a6a6 76% 85%,#2e3437 86% 100%)}.delete-zone{margin-top:auto;height:70px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #385169;border-radius:8px;color:#7f9cad;background:linear-gradient(180deg,#13283a,#0a1926);font-size:14px;font-weight:700}.delete-zone:first-letter{font-size:30px}.workspace{grid-column:2;grid-row:2;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,#254d68e0,#091a28f7 70%),linear-gradient(180deg,#173348,#0b1b29);isolation:isolate}.wall-texture{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px}.fixed-object{position:absolute}.start-ramp{left:8%;top:18%;width:340px;height:180px}.metal-ball{position:absolute;left:78px;top:0;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff 0 5%,#cbd4d9 12%,#4e5b63 48%,#111a20 80%);box-shadow:0 10px 20px #0006}.wood-plank{position:absolute;left:50px;top:53px;width:120px;height:18px;background:linear-gradient(180deg,#a87648,#5a351f);border:2px solid #342013}.metal-rail{position:absolute;left:40px;top:83px;width:300px;height:26px;background:linear-gradient(180deg,#778a95,#263b49 52%,#101e28);border:2px solid #0a131a;transform:rotate(20deg);transform-origin:left center;box-shadow:0 10px 10px #00000059}.metal-rail:after{content:"";position:absolute;left:18px;right:18px;top:8px;border-top:3px dashed #b7c8d1}.pulley-set--left{left:9%;top:42%;width:80px;height:260px}.pulley,.gear{display:block;border-radius:50%;background:radial-gradient(circle,#192630 0 15%,#8a979c 16% 24%,#2b3d47 25% 42%,#9da6a7 43% 48%,#1a252c 49% 100%);border:4px solid #10181d;box-shadow:0 7px 12px #00000059}.pulley{width:62px;height:62px}.rope-line{position:absolute;width:4px;background:repeating-linear-gradient(180deg,#a97b48 0 5px,#51351c 6px 9px)}.rope-line--vertical{left:29px;top:-170px;height:300px}.hanging-weight{position:absolute;left:6px;top:138px;width:50px;height:72px;background:linear-gradient(90deg,#22282c,#8d979b,#242a2d);clip-path:polygon(35% 0,65% 0,70% 14%,83% 21%,100% 100%,0 100%,17% 21%,30% 14%)}.lever-base{left:29%;top:52%;width:160px;height:90px;border-bottom:15px solid #75502e}.lever-arm{position:absolute;left:20px;top:8px;width:140px;height:24px;border-radius:12px;background:linear-gradient(180deg,#4d8998,#214b5d);border:3px solid #0f2530;transform:rotate(-24deg);transform-origin:20px center}.central-pulley{left:47%;top:31%;width:110px;height:120px}.central-pulley:before{content:"";position:absolute;left:-20px;top:-8px;width:110px;height:20px;background:#223c4d;border:2px solid #081822}.central-pulley .pulley{position:absolute;left:20px;top:30px}.rope-line--diagonal{left:66px;top:66px;height:360px;transform:rotate(-52deg);transform-origin:top}.gear-platform{right:20%;top:28%;width:220px;height:110px;border-bottom:18px solid #76502e}.gear{position:absolute}.gear--large{left:0;bottom:12px;width:72px;height:72px}.gear--small{left:67px;bottom:12px;width:48px;height:48px}.gear--tiny{left:113px;bottom:12px;width:40px;height:40px}.spring-platform{right:18%;top:58%;width:190px;height:100px;border-bottom:18px solid #75502e}.coil{position:absolute;left:62px;bottom:16px;width:58px;height:74px;background:repeating-linear-gradient(180deg,transparent 0 7px,#b2a17f 8px 11px,transparent 12px 16px);transform:skew(-8deg)}.balloon{right:20%;top:5%;width:90px;height:170px}.balloon span{display:block;width:78px;height:108px;border-radius:50% 50% 47% 47%;background:radial-gradient(circle at 32% 20%,#fff 0 5%,#f66 10%,#a70d16 65%);box-shadow:0 12px 20px #00000052}.balloon:after{content:"";position:absolute;left:38px;top:106px;width:2px;height:130px;background:#aab3b6}.basket{right:5%;bottom:65px;width:190px;height:150px}.basket-rim{position:absolute;left:0;top:0;width:135px;height:27px;border:8px solid #d94e43;border-radius:50%;background:#151f25}.basket-net{position:absolute;left:13px;top:19px;width:110px;height:80px;border:5px solid #8d9da4;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);background:repeating-linear-gradient(65deg,transparent 0 14px,rgba(210,220,225,.6) 15px 17px),repeating-linear-gradient(-65deg,transparent 0 14px,rgba(210,220,225,.6) 15px 17px)}.basket:after{content:"";position:absolute;left:132px;top:24px;width:18px;height:120px;background:linear-gradient(90deg,#233540,#72818a,#1b2c35);border-radius:8px}.floor-slab{position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(180deg,#8b8b84,#474945);border-top:4px solid #b1b1aa;box-shadow:0 -8px 25px #0000004d}.placed-layer{position:absolute;inset:0}.placed-part{position:absolute;touch-action:none;user-select:none;cursor:grab;transform-origin:center}.placed-part.selected{outline:2px dashed #62c9ff;outline-offset:8px}.placed-part.plank-long,.placed-part.plank-short{height:24px;background:linear-gradient(180deg,#b68b5c,#5b3821);border:2px solid #382113;box-shadow:0 8px 10px #00000059}.placed-part.plank-long{width:180px}.placed-part.plank-short{width:115px}.placed-part.spring{width:60px;height:75px}.placed-part.lever{width:140px;height:30px}.placed-part.rope{width:95px;height:70px}.placed-part.weight{width:58px;height:78px}.placed-part.fan{width:82px;height:82px}.toolbar{grid-column:2;grid-row:3;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:10px 18px;background:linear-gradient(180deg,#0c1d2b,#07131e);border-top:1px solid #324c61;box-shadow:0 -8px 24px #00000059;z-index:5}.tool-group{display:flex;gap:5px;padding:6px;border:1px solid #30495d;border-radius:10px;background:#102536}.tool-group--center{justify-self:center}.tool-button{width:48px;height:48px;border-radius:8px;font-size:23px}.tool-button.active{color:#fff;background:linear-gradient(180deg,#315a77,#152f44)}.tool-button.disabled{opacity:.35}.hint-button{justify-self:end;height:58px;padding:0 18px;border-radius:9px;font-size:18px;font-weight:800}.hint-button b{display:inline-grid;place-items:center;width:27px;height:27px;margin-left:10px;border-radius:50%;border:1px solid #5fb6e2;color:#d9f4ff}.running .action-button--run{background:linear-gradient(180deg,#6a2b25,#3b1714);color:#ffd8d2}.running .workspace:after{content:"СИМУЛЯЦИЯ";position:absolute;right:20px;top:18px;padding:8px 14px;border:1px solid #e35b4f;border-radius:6px;color:#ffd7d1;background:#46120fbf;font-weight:800;letter-spacing:.1em}@media(max-width:1100px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.topbar{grid-template-columns:190px minmax(300px,1fr) 300px}.mission-card h1{font-size:20px}.action-button{min-width:100px}.inventory-item{grid-template-columns:72px 1fr 28px;font-size:13px}.hint-button{font-size:14px}.workspace{min-width:0}}@media(max-width:760px){html,body{overflow:auto}.app-shell{min-width:980px;min-height:650px}.topbar{position:sticky;top:0}.inventory-panel{position:sticky;left:0}.mission-card p{display:none}}