body{background:#f3f3e9;color:#28473b}.stem-shell{max-width:1200px;margin:auto;padding:30px 24px 70px}.stem-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:48px}.stem-hero img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:26px;box-shadow:0 16px 50px #17473117}.stem-hero h1{font-size:clamp(30px,4vw,52px);line-height:1.3;margin:15px 0}.stem-hero p{font-size:18px;line-height:1.8;color:#66755d}.stem-hero small{display:block;margin-top:20px;color:#71816a}.stem-hero-links,.stem-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.stem-kicker{font-size:11px;letter-spacing:.5px;color:#5a806b;font-weight:700}.stem-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:25px 0 18px}.stem-section-heading h2{font-size:25px;margin:0}.stem-pill{border-radius:20px;background:#e4edd7;padding:8px 13px;font-size:11px;white-space:nowrap}.stem-course-grid{display:grid;grid-template-columns:275px 1fr;gap:20px}.stem-lessons{display:flex;flex-direction:column;gap:8px}.stem-lessons .btn{text-align:left;line-height:1.6;white-space:normal}.stem-lessons [aria-current=true]{background:#285e47;color:white;border-color:#285e47}.stem-panel{background:#fffef8;border:1px solid #d9dfcb;border-radius:22px;padding:24px;min-width:0;box-shadow:0 8px 24px #25473706}.stem-panel h2{font-size:25px;margin:15px 0}.stem-panel p{line-height:1.85;font-size:14px}.stem-task{background:#eaf0de;padding:18px;border-radius:14px;margin:20px 0}.stem-task strong,.stem-quiz>strong{font-size:13px}.stem-quiz .btn{margin:0 7px 7px 0}.stem-shell .btn{border-radius:11px;min-height:44px;font-size:12px}.stem-shell .btn-primary{background:#28654f;border-color:#28654f}.stem-lab{margin-top:48px;scroll-margin-top:85px}.stem-lab-grid{display:grid;grid-template-columns:240px 1fr;gap:18px}.stem-controls{display:flex;flex-direction:column;gap:16px}.stem-shell label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#61745d}.stem-shell input,.stem-shell select{min-height:44px;border:1px solid #c6d3bb;border-radius:10px;background:white;color:#2b5140;padding:8px 10px;width:100%;box-sizing:border-box;font-size:14px}.stem-shell input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:#387550}.stem-visual svg{display:block;width:100%;height:auto}.stem-meters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0}.stem-meters>div{background:#edf2e1;border-radius:12px;padding:12px;min-width:0}.stem-meters small{display:block;font-size:10px;color:#6b7c63}.stem-meters strong{display:block;margin-top:8px;font-size:18px}.stem-model-note{font-size:12px!important;color:#6e7d65}.stem-actions{margin:18px 0}.stem-sources{margin-top:40px;border-top:1px solid #d6dccb;padding-top:22px}.stem-sources h2{font-size:16px}.stem-sources p{font-size:12px;line-height:1.8;color:#6a7963}.stem-sources a{display:inline-block;font-size:11px;margin:0 20px 10px 0;color:#2c7454}.stem-status{font-size:13px}.stem-current{animation:stem-flow 1.1s linear infinite}@keyframes stem-flow{to{stroke-dashoffset:-36}}.stem-robot-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.stem-robot-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;aspect-ratio:1;background:#dce6ce;padding:7px;border-radius:16px}.stem-cell{padding:0!important;min-height:0!important;border:1px solid #d8e0c7;background:#f9fbf1;border-radius:8px;aspect-ratio:1;display:grid;place-items:center;font-size:26px}.stem-cell.wall{background:linear-gradient(135deg,#b9a37f,#8a795f);color:#e9ddc2;border-color:#807252}.stem-cell.goal{background:#f3e9bb;color:#af8b29}.stem-bot{position:relative;display:grid;place-items:center;width:78%;height:78%;border-radius:11px;background:#3b927f;box-shadow:-3px 0 #253e37,3px 0 #253e37;border:2px solid #255b50;transform:rotate(var(--rotation));color:#f9ffe7}.stem-eyes{font-size:9px;position:absolute;top:5%;letter-spacing:2px}.stem-bot b{font-size:20px;margin-top:5px}.stem-command-bank{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.stem-command-bank .btn{font-size:10px;padding:8px}.stem-program{padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;max-height:330px;overflow:auto;counter-reset:block}.stem-program li{display:flex;align-items:center;gap:6px;background:#edf1e5;border-radius:12px;padding:8px;counter-increment:block;font-size:11px}.stem-program li:before{content:counter(block);color:#839479}.stem-program li>span{flex:1;line-height:1.5}.stem-program input{width:52px;padding:5px;font-size:12px}.stem-program button{min-width:32px;min-height:38px!important;padding:5px!important}.stem-program .active{outline:2px solid #54a68a;background:#d8efdf}.stem-log{background:#f0eedc;border-radius:12px;padding:12px;min-height:48px;font-size:11px!important}.stem-robot-workspace h3{margin-top:0}body[data-course=robotics] .stem-hero h1{color:#635299}@media(max-width:800px){.stem-course-grid{grid-template-columns:1fr}.stem-lessons{flex-direction:row;overflow:auto;padding-bottom:6px}.stem-lessons .btn{flex:0 0 180px}.stem-hero{gap:20px}.stem-lab-grid{grid-template-columns:1fr}.stem-controls{display:grid;grid-template-columns:1fr 1fr}.stem-robot-workspace{grid-template-columns:1fr}.stem-robot-grid{max-width:500px;margin:auto;width:100%;box-sizing:border-box}}@media(max-width:580px){.stem-shell{padding:20px 12px 55px}.stem-hero{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.stem-hero img{order:-1;border-radius:20px;max-height:250px}.stem-hero h1{font-size:30px}.stem-hero p{font-size:15px}.stem-hero small{font-size:10px}.stem-panel{padding:16px;border-radius:17px}.stem-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.stem-section-heading h2{font-size:22px}.stem-meters{gap:6px}.stem-meters>div{padding:9px}.stem-meters strong{font-size:14px}.stem-meters small{font-size:9px}.stem-lab{margin-top:32px}.stem-program li{font-size:10px}.stem-controls{gap:12px}.stem-pill{white-space:normal}.stem-cell{border-radius:7px;font-size:22px}}@media(prefers-reduced-motion:reduce){.stem-current{animation:none}} 
.stem-hero img{height:auto}.stem-hero>div{min-width:0}.stem-hero h1{overflow-wrap:anywhere}.stem-shell .stem-sources a{overflow-wrap:anywhere}.stem-cell .stem-bot{min-width:0}.stem-shell .stem-lab-grid input{min-width:0}
.stem-first-activity{padding:20px;background:#edf3e5;border:1px solid #d2dfc6;border-radius:20px;margin:20px 0}.stem-first-activity h2{font-size:23px;margin:9px 0}.stem-first-activity>p{font-size:13px!important}.stem-lamp-scene{display:block;width:100%;height:auto;margin:14px 0}.stem-lamp-halo,.stem-lamp-flow{opacity:0;transition:opacity .45s}.stem-lamp-glass,.stem-filament{transition:fill .45s,stroke .45s,filter .45s}.is-on .stem-lamp-halo{opacity:.8;animation:stem-light 3s ease-in-out infinite}.is-on .stem-lamp-glass{fill:#fff2a0;stroke:#d0a449;filter:drop-shadow(0 0 10px #ffe375)}.is-on .stem-filament{stroke:#efb636;filter:drop-shadow(0 0 3px #ffd900)}.is-on .stem-lamp-flow{opacity:1;animation:stem-flow 1.5s linear infinite}.stem-lamp-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;align-items:center}.stem-real-switch{display:flex;align-items:center;gap:9px;border:1px solid #b7c6ad;border-radius:12px;background:#dce5d2;padding:10px 13px;min-height:50px;cursor:pointer;color:#50644a}.stem-switch-knob{width:42px;height:24px;background:#839779;border-radius:15px;position:relative;transition:background .3s}.stem-switch-knob:after{content:'';position:absolute;width:18px;height:18px;background:white;border-radius:50%;top:3px;left:3px;transition:translate .3s;box-shadow:0 2px 4px #0002}.is-on .stem-switch-knob{background:#398c65}.is-on .stem-switch-knob:after{translate:18px 0}.stem-real-switch b{font-size:10px}.stem-live-explain{text-align:center;font-size:13px!important;color:#42714f;line-height:1.7;padding:10px;margin-bottom:0}.stem-advanced{margin-top:22px}.stem-advanced>summary{padding:17px 20px;border-radius:14px;background:#e4ecd9;font-size:13px;color:#486946;cursor:pointer;font-weight:700;margin-bottom:18px}.stem-first-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:#dbe7cf;padding:7px;border-radius:14px;height:100px;margin:20px 0}.stem-first-track>span:not(.stem-mini-robot){display:grid;place-items:center;background:#f9fbf2;border-radius:10px;color:#b4bba9;font-size:21px}.stem-mini-robot{position:absolute;left:3%;top:20px;width:19%;height:60px;background:#3c9274;border-radius:14px;border:4px solid #285447;box-shadow:-4px 0 #253e37,4px 0 #253e37;display:grid;place-items:center;color:white;font-size:30px;transition:left .55s ease-in-out}.stem-robot-grid{position:relative}.stem-rover{position:absolute;width:calc((100% - 14px)/7);height:calc((100% - 14px)/7);left:calc(7px + var(--x)*(100% - 14px)/7);top:calc(7px + var(--y)*(100% - 14px)/7);display:grid;place-items:center;pointer-events:none;animation:stem-rover-step .25s ease-out}.stem-rover .stem-bot{width:70%;height:70%}.stem-cell.robot{background:#e1f0dc}@keyframes stem-rover-step{from{translate:calc(var(--dx)*-100%) calc(var(--dy)*-100%)}to{translate:0 0}}@keyframes stem-light{50%{opacity:.6}}@media(max-width:580px){.stem-first-activity{padding:12px}.stem-first-activity h2{font-size:20px}.stem-lamp-buttons{gap:7px}.stem-lamp-buttons .btn{font-size:10px;padding:10px}.stem-real-switch{padding:8px}.stem-real-switch b{font-size:9px}.stem-first-track{height:80px}.stem-mini-robot{top:17px;height:48px;font-size:24px}.stem-advanced>summary{font-size:12px;padding:14px}}@media(prefers-reduced-motion:reduce){.is-on .stem-lamp-halo,.is-on .stem-lamp-flow,.stem-rover{animation:none}.stem-mini-robot,.stem-switch-knob:after{transition:none}}
.hh-scene{display:block;width:100%;height:auto;margin:15px 0;border-radius:15px}.hh-activity{overflow:hidden}.hh-activity h2{font-size:21px}.hh-bulb .hh-halo{opacity:0}.hh-bulb.lit .hh-halo{opacity:.7;animation:stem-light 3s ease-in-out infinite}.hh-bulb.lit{filter:drop-shadow(0 0 3px #e0c469)}.hh-beam{animation:stem-light 3s ease-in-out infinite}.hh-water-stream{stroke-dasharray:14 11;animation:stem-flow 1.3s linear infinite}.hh-led.safe{filter:drop-shadow(0 0 8px #8ae575);animation:stem-light 2.5s ease-in-out infinite}.hh-led.overload{filter:drop-shadow(0 0 8px #dc8764)}.hh-charge-fill{transition:y .5s ease,height .5s ease}.hh-camera-flash{opacity:0}.hh-camera-flash.burst{animation:hh-flash .6s ease-out}.hh-turn-arrow{transition:transform .45s ease}.hh-vacuum{transition:translate .55s ease;will-change:translate}.hh-washer-drum{transition:transform 1.4s ease-in-out}.hh-door,.hh-person{transition:transform .45s ease}.hh-steam{opacity:0}.hh-steam path{animation:hh-steam 2s ease-in-out infinite}.hh-slider{width:min(100%,300px);text-align:center}.hh-slider input{accent-color:#438461;min-height:40px;padding:0}.hh-activity .stem-live-explain{font-size:12px!important;line-height:1.8}.hh-activity .stem-lamp-buttons .btn{font-size:11px;white-space:normal}@keyframes hh-flash{0%{opacity:1;filter:drop-shadow(0 0 18px #ffdc65)}100%{opacity:0}}@keyframes hh-steam{50%{translate:0 -7px;opacity:.4}}@media(max-width:580px){.hh-activity h2{font-size:19px}.hh-activity .stem-lamp-buttons .btn{font-size:10px;padding:8px}.hh-scene text{font-size:18px}}@media(prefers-reduced-motion:reduce){.hh-bulb.lit .hh-halo,.hh-beam,.hh-water-stream,.hh-led.safe,.hh-camera-flash.burst,.hh-steam path{animation:none}.hh-vacuum,.hh-washer-drum,.hh-door,.hh-person,.hh-turn-arrow,.hh-charge-fill{transition:none}}
.stem-simple-step{font-size:15px!important;line-height:1.9!important}.stem-more{margin:20px 0;font-size:12px;color:#5c7359}.stem-more>summary{padding:13px 15px;border-radius:12px;background:#eaf0e0;cursor:pointer;line-height:1.6}.stem-more .stem-first-activity{margin-top:12px}.stem-sources>summary{font-size:12px;cursor:pointer}.wire-board{position:relative;aspect-ratio:620/350;margin:20px 0}.wire-picture{display:block;width:100%;height:100%;overflow:visible}.wire-port{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border:3px solid #668670;border-radius:50%;background:#fffbed;box-shadow:0 3px 7px #24452820;color:#3e6752;font-size:17px;display:grid;place-items:center;z-index:2;padding:0;cursor:crosshair;touch-action:none}.wire-port[data-terminal=bp]{color:#ae6556;border-color:#ae6556}.wire-port[data-terminal=bm]{color:#597e9f;border-color:#597e9f}.wire-port.hint{box-shadow:0 0 0 5px #e2bd5555}.wire-port.picked{background:#ffe8a7;outline:3px solid #b59437;outline-offset:4px}.wire-port:focus-visible{outline:3px solid #379f82;outline-offset:4px}.wire-next{padding:12px 14px;background:#e2ecd5;border-radius:12px;font-size:13px!important;line-height:1.8!important;color:#416248}.wire-flow{stroke-dasharray:10 7;animation:stem-flow 1.8s linear infinite}.wire-halo{opacity:0;transition:opacity .4s}.wire-activity.is-on .wire-halo{opacity:.8}.wire-activity.is-on .wire-glass{fill:#ffefa1;filter:drop-shadow(0 0 6px #ffe178)}.wire-connections{font-size:11px;margin-top:16px}.wire-connections summary{cursor:pointer}.wire-list{display:flex;flex-direction:column;gap:7px;margin-top:10px}.wire-list .btn{text-align:left;font-size:10px}.build-tray,.build-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.build-tray .btn,.build-slots .btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;min-height:108px;font-size:12px;white-space:normal;cursor:grab}.build-tray svg,.build-slots svg{width:80px;max-width:100%;height:64px;pointer-events:none}.build-slots .btn{border:2px dashed #aabc9c;background:#f2f6eb;cursor:pointer}.build-slots .btn svg{opacity:.2}.build-slots .btn.filled{border:2px solid #60936d;background:#e0edd5}.build-slots .btn.filled svg{opacity:1}.build-tray .btn.chosen{outline:3px solid #ba9a3c;background:#fff0c9}.build-tray .btn:disabled{opacity:.35}.build-activity h3{font-size:14px;margin-top:22px}.build-finished{background:#e5efdc;border-radius:16px;padding:12px;margin:16px 0}.build-finished[hidden]{display:none!important}.build-whole{display:block;width:100%;max-width:360px;height:auto;margin:auto}.build-beam{opacity:.15;transition:opacity .4s}.working .build-beam{opacity:1;animation:stem-light 3s ease-in-out infinite}.build-indicator{opacity:.3}.working .build-indicator{opacity:1;animation:stem-light 1s ease-in-out infinite}.working .build-drum{transform-origin:150px 103px;animation:build-spin 2s linear infinite}.working .build-brush{transform-origin:150px 120px;animation:build-spin .8s linear infinite}.build-steam{opacity:0}.working .build-steam{opacity:1;animation:hh-steam 1.3s ease-in-out infinite}@keyframes build-spin{to{transform:rotate(360deg)}}@media(max-width:580px){.build-tray,.build-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.build-tray .btn,.build-slots .btn{font-size:11px;min-height:100px}.wire-next{font-size:12px!important;padding:10px}.wire-port{width:40px;height:40px;font-size:14px;border-width:2px}.wire-board{margin:22px 0}.wire-activity .stem-lamp-buttons .btn{font-size:10px}.stem-simple-step{font-size:14px!important}}@media(prefers-reduced-motion:reduce){.wire-flow,.working .build-beam,.working .build-indicator,.working .build-drum,.working .build-brush,.working .build-steam{animation:none}}

/* Detailed workshop surfaces */
body{background:#eff3f7;color:#213f56}.stem-panel{background:#fff;border-color:#d9e3ec;box-shadow:0 12px 35px #203f5810}.stem-first-activity{background:#f5f8fc;border:1px solid #dce5ee;padding:24px;border-radius:24px}.stem-kicker{color:#397c99}.stem-first-activity h2{color:#17394f}.wire-next{background:#e6f0f7;color:#2d617c;border:1px solid #cee0eb}.wire-board{background:linear-gradient(135deg,#edf3f8,#dce8f1);border:1px solid #cad9e4;border-radius:20px;box-shadow:inset 0 2px 5px #ffffff,0 12px 25px #2e506415}.wire-port{width:38px;height:38px;background:radial-gradient(circle at 35% 25%,#fff,#dce7ef 65%,#9db3c3);border:3px solid #7c95a8;box-shadow:0 3px 5px #15364b40,inset 0 1px 2px white;color:#284e66}.wire-port.hint{box-shadow:0 0 0 5px #4db6d52b,0 3px 5px #15364b40}.wire-port.picked{background:#ffdfa0}.wire-flow{stroke-dasharray:none;filter:drop-shadow(0 2px 1px #15364830)}.wire-activity.is-on .wire-glass{filter:drop-shadow(0 0 12px #f5ce56)}.wire-halo{mix-blend-mode:multiply}.build-finished{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#fff 10%,#e2edf5 75%);border:1px solid #cbdde9;box-shadow:inset 0 1px 0 white,0 10px 22px #254b6810;border-radius:22px;padding:20px;margin:20px 0;min-height:230px}.build-finished:after{content:'';position:absolute;bottom:0;left:0;right:0;height:18%;background:linear-gradient(180deg,#a2bcc700,#a2bcc721);pointer-events:none}.build-whole{max-width:480px;width:100%;transition:opacity .35s,filter .35s}.build-finished.preview .build-whole{opacity:var(--assembly-progress,.32);filter:saturate(.6)}.build-finished.preview:before{content:'ასეთი ნივთი გამოვა';position:absolute;left:16px;top:12px;color:#577b93;font-size:11px}.build-tray,.build-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.build-tray .btn,.build-slots .btn{background:linear-gradient(145deg,#fff,#edf3f8);border:1px solid #cddce8;border-radius:16px;box-shadow:0 5px 10px #284c6510;min-height:125px;color:#35566f;font-size:12px}.build-tray svg,.build-slots svg{width:120px;height:78px}.build-slots .btn{background:#e7eff5;border:2px dashed #abc2d3;box-shadow:inset 0 2px 5px #284c6509}.build-slots .btn.filled{background:#eaf7f3;border:2px solid #58a997;box-shadow:0 4px 10px #44927a15}.build-slots .btn.filled:after{content:'✓';color:#318974;font-weight:700}.build-tray .btn.chosen{outline:3px solid #48a6c6;background:#effaff}.build-tray .btn:disabled{opacity:.25;box-shadow:none}.build-activity h3{color:#466b84;font-size:13px}.stem-shell .btn-primary{background:#245c7c;border-color:#245c7c;box-shadow:0 4px 9px #245c7c24}.stem-live-explain{color:#316982}.working .build-drum{transform-origin:229px 179px}.working .build-brush{transform-origin:122px 226px}.build-beam{opacity:0}.working .build-beam{opacity:1}.working .build-whole{filter:drop-shadow(0 5px 8px #1c4c6517)}@media(max-width:580px){.stem-first-activity{padding:14px;border-radius:18px}.build-finished{min-height:160px;padding:16px 4px}.build-tray,.build-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.build-tray .btn,.build-slots .btn{min-height:116px;font-size:11px}.build-tray svg,.build-slots svg{width:110px;height:75px}.wire-port{width:36px;height:36px}.wire-board{margin:24px 0}.build-finished.preview:before{font-size:10px;top:8px}}
.vacuum-workshop{background:linear-gradient(150deg,#f7fafc,#e9f1f7)}.vacuum-bench{position:relative;aspect-ratio:600/440;background:radial-gradient(ellipse,#fff,#e2ecf4);border:1px solid #ccdde9;border-radius:24px;margin:18px 0;overflow:hidden;box-shadow:inset 0 1px 1px white,0 10px 25px #1b405615}.vacuum-interior{width:100%;height:100%;display:block}.vacuum-cover{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transition:transform .65s,opacity .4s}.vacuum-cover .build-whole{width:95%;max-width:none}.vacuum-bench:not(.closed) .vacuum-cover{transform:translate(42%,-62%) rotate(22deg);opacity:.18}.vacuum-socket{position:absolute;transform:translate(-50%,-50%);width:24%;height:24%;padding:0;border:2px dashed #b7d3e5;border-radius:14px;background:#ccdeec19;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;color:#dbeaf4;cursor:pointer;transition:background .3s,box-shadow .3s}.vacuum-socket svg{width:100%;height:75%;pointer-events:none;opacity:.2}.vacuum-socket span{font-size:11px}.vacuum-socket.filled{border-color:transparent;background:none;color:#e0f4ff}.vacuum-socket.filled svg{opacity:1;filter:drop-shadow(0 4px 3px #071d3540)}.vacuum-socket.ready{box-shadow:0 0 0 4px #5ddad659;background:#5ddad633}.vacuum-socket:disabled:not(.filled){opacity:.35}.vacuum-bench.closed .vacuum-socket{visibility:hidden}.vacuum-parts{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.vacuum-parts .btn{flex:1 1 120px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,#fff,#e9f1f7);border:1px solid #c9dbe8;min-height:110px;color:#365e77;box-shadow:0 4px 9px #2249640d}.vacuum-parts .btn svg{width:110px;height:75px;pointer-events:none}.vacuum-parts .btn.chosen{outline:3px solid #51b7c5}.vacuum-parts .btn:disabled{opacity:.35}.vacuum-parts [hidden]{display:none!important}.vac-wire{opacity:0;transition:opacity .3s}.wired .vac-wire{opacity:1}.spinning .vac-wheel-tread{stroke-dasharray:4 4;animation:stem-flow .5s linear infinite}.vacuum-mission{margin:22px 0 0}.vacuum-mission[hidden]{display:none!important}.vacuum-floor{position:relative;aspect-ratio:1.6;border-radius:18px;overflow:hidden;background:repeating-linear-gradient(90deg,#dfc7a5 0,#e9d6b9 24%,#c3aa86 24.3%,#dfc7a5 25%);border:8px solid #f8fbfd;box-shadow:inset 0 0 20px #63472630,0 3px 10px #15334813}.vacuum-cleaner{position:absolute;width:20%;height:26%;transform:translate(-50%,-50%);z-index:3;pointer-events:none}.vacuum-cleaner .build-whole{width:100%;height:100%;filter:drop-shadow(0 5px 3px #63472640)}.vacuum-dock{position:absolute;left:2%;top:60%;width:17%;height:27%;border-radius:8px;background:linear-gradient(#40566b,#122e43);color:#b6dbe7;font-size:10px;display:grid;place-items:center;box-shadow:0 4px 6px #13324b40}.vacuum-obstacle{position:absolute;left:52%;top:40%;width:20%;height:27%;display:grid;place-items:center;font-size:10px;color:#a15f36;background:linear-gradient(130deg,#f0c18e,#d59b69);border:3px solid #f5d4b0;border-radius:25%;box-shadow:3px 5px 7px #83593735;transform:rotate(-12deg)}.vacuum-crumbs{position:absolute;color:#7e4e20;font-size:25px;transform:translate(-50%,-50%);text-shadow:1px 2px #ac794840}.vacuum-workshop>.btn{display:block;margin:auto}.vacuum-socket:focus-visible{outline:3px solid #6fe3de;outline-offset:3px}@media(max-width:580px){.vacuum-socket{border-radius:9px}.vacuum-socket span{font-size:9px}.vacuum-parts .btn{flex-basis:110px;min-height:100px}.vacuum-parts .btn svg{width:100px;height:65px}.vacuum-floor{aspect-ratio:1.25;border-width:5px}.vacuum-dock,.vacuum-obstacle{font-size:9px}.vacuum-bench{border-radius:16px}.vacuum-workshop .stem-lamp-buttons .btn{font-size:11px}.vacuum-workshop>h2{font-size:21px}}@media(prefers-reduced-motion:reduce){.vacuum-cover{transition:none}.spinning .vac-wheel-tread{animation:none}}
.vacuum-cover .build-whole{width:155%;height:auto;max-width:none;justify-self:center}.vacuum-bench.closed .vacuum-interior{opacity:.15;transition:opacity .35s}.vacuum-bench:not(.closed) .vacuum-cover{opacity:0;transform:translate(65%,-75%) rotate(22deg)}
.lamp-explore-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(210px,1fr);gap:16px;align-items:center;margin:20px 0}.lamp-scene{position:relative;aspect-ratio:600/560;background:radial-gradient(ellipse at 50% 30%,#fff,#dce9f2);border:1px solid #cbdce8;border-radius:22px;overflow:hidden;transition:background .4s}.lamp-scene svg{width:100%;height:100%;display:block}.lamp-marker{position:absolute;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;background:#335f7c;color:white;width:32px;height:32px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 3px 7px #14344a40}.lamp-marker.selected{background:#f4c466;color:#473816;outline:3px solid #f4c46660}.lamp-marker:focus-visible{outline:3px solid #43bcd8;outline-offset:3px}.lamp-detail{background:#fff;border:1px solid #d3e2ec;border-radius:18px;padding:20px;box-shadow:0 8px 22px #31576d0b;min-width:0}.lamp-detail h3{font-size:21px;color:#244c66;margin:12px 0}.lamp-detail p{font-size:14px!important;line-height:1.9}.lamp-try{background:#eaf3f8;padding:12px;border-radius:10px;color:#3e708b}.lamp-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.lamp-parts .btn{display:flex;gap:8px;align-items:center;white-space:normal;text-align:left;font-size:11px;padding:9px;background:#fff}.lamp-parts b{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border-radius:50%;background:#e5eff6;color:#355f7c}.lamp-parts .selected{border-color:#c39b42;background:#fff5dc}.lamp-beam{opacity:0;transition:opacity .4s}.lit .lamp-beam{opacity:1}.lit .lamp-led{fill:#fff4af;filter:drop-shadow(0 0 6px #ffdb70)}.lit .lamp-diffuser{fill:#ffedb0;filter:drop-shadow(0 0 8px #ffe08c)}.lamp-internals{opacity:0;transition:opacity .4s}.cutaway .lamp-internals{opacity:1}.lamp-cable{opacity:0;transition:opacity .4s}.cutaway .lamp-cable{opacity:1}.no-battery .lamp-battery,.no-wire .lamp-cable{opacity:.08}.night .lamp-scene{background:radial-gradient(ellipse at 50% 30%,#3c5b74,#18354d)}.lamp-explorer [aria-pressed=true].btn{border-color:#489cbb;background:#e2f4fb;color:#245d78}.lamp-explorer .stem-lamp-buttons .btn{font-size:11px;white-space:normal}@media(max-width:760px){.lamp-explore-grid{grid-template-columns:1fr}.lamp-detail{padding:16px}.lamp-detail h3{font-size:19px}.lamp-parts{grid-template-columns:repeat(2,minmax(0,1fr))}.lamp-marker{width:30px;height:30px;font-size:11px}.lamp-parts .btn{font-size:11px}.lamp-scene{max-width:520px;width:100%;margin:auto}.lamp-detail p{font-size:13px!important}}@media(prefers-reduced-motion:reduce){.lamp-scene,.lamp-beam,.lamp-internals,.lamp-cable{transition:none}}