.machine-feature{background:#fffdfa}.machine-feature .play-feature-art{background:#f5d9c7}.machine-card-spark{position:absolute;right:15%;top:20px;font:60px Fredoka;color:#815246}.machine-page{max-width:1230px}.machine-page .page-heading h1{max-width:900px;font-size:clamp(36px,4.7vw,64px)}.machine-welcome{display:grid;grid-template-columns:1fr 1.2fr;background:#fffdfa;border:1px solid #e0ddcf;border-radius:28px;overflow:hidden}.machine-welcome>div:last-child{padding:32px}.machine-welcome h2{font-size:32px;margin:15px 0}.machine-welcome p{font-size:15px}.machine-page label{display:block;font-size:13px;color:var(--forest);font-weight:800}.machine-page select{display:block;max-width:100%;width:100%;margin:8px 0 15px;padding:12px;border:1px solid #c4cdbb;border-radius:10px;background:#fffdfa;color:#283047;font:inherit}.machine-demo{min-height:300px;background:#f5dfc9;position:relative}.machine-demo img:first-child{position:absolute;width:75%;height:70%;left:10%;bottom:9%;object-fit:contain}.machine-demo img:nth-child(2){position:absolute;width:34%;height:45%;left:34%;top:0;object-fit:contain}.machine-demo span{position:absolute;bottom:15px;left:5%;width:90%;text-align:center;background:#fff8e9e8;border-radius:12px;padding:8px;font:22px Fredoka;color:var(--forest)}.machine-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.machine-scene-card{background:#fffdfa;border:1px solid #e0ddcf;border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.machine-scene-cover{display:block;height:185px;position:relative;overflow:hidden}.machine-scene-cover>img:first-child{width:100%;height:100%;object-fit:cover;opacity:.62}.machine-scene-cover .machine-mini-a{position:absolute;width:47%;height:90%;left:6%;bottom:0;object-fit:contain}.machine-scene-cover .machine-mini-b{position:absolute;width:43%;height:66%;right:5%;bottom:3%;object-fit:contain}.machine-scene-card>div{padding:23px;display:flex;flex-direction:column;flex:1}.machine-scene-card h3{font-size:27px;margin:9px 0}.machine-scene-card p{font-size:14px;margin-bottom:20px;flex:1}.machine-scene-card .muted{font-size:10px}.machine-dots{display:flex;gap:6px;margin-top:15px}.machine-dots i{height:9px;width:9px;border:1px solid #829880;border-radius:50%}.machine-dots .filled{background:#32685a}.machine-nav{display:flex;justify-content:space-between;gap:20px;align-items:center}.machine-nav label{width:260px}.machine-title{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin:24px 0}.machine-title h1{font-size:42px;color:var(--forest);margin:12px 0}.machine-title p{font-size:16px;max-width:680px}.machine-title>.tag{font-size:9px;max-width:180px;margin-top:10px}.machine-layout{display:grid;grid-template-columns:1fr 1fr;background:#fffdfa;border:1px solid #e0ddcf;border-radius:26px;padding:22px;gap:26px;align-items:start}.machine-controls{padding:10px 4px}.machine-controls h2{font-size:29px;line-height:1.25;margin:15px 0}.machine-controls>p{font-size:13px}.machine-slots{display:flex;flex-wrap:wrap;gap:8px;min-height:83px;border:2px dashed #a8b99c;border-radius:14px;padding:14px;margin:23px 0 16px;background:#fbf6e9;align-items:center}.machine-slots>span{font-size:15px;color:#63745d}.machine-bank{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.machine-bank .word-chip,.machine-slots .word-chip{font:23px Fredoka;padding:10px 14px;min-height:46px}.machine-bank .word-chip:disabled{opacity:.28}.machine-slots .word-chip:disabled{opacity:1;cursor:default}.machine-controls .actions{gap:10px}.machine-feedback{padding:20px;margin-top:20px}.machine-feedback h3{font-size:24px}.machine-feedback p{font-size:14px;line-height:1.75}.machine-dialogue{font:22px Fredoka!important;color:#815246}.machine-controls .hint{font-size:14px}.machine-controls details{margin-top:12px}.machine-picture{position:relative;height:360px;overflow:hidden;border-radius:18px;background:#f3e9cc;isolation:isolate}.machine-backdrop{width:100%;height:100%;object-fit:cover;opacity:.36}.machine-ground{position:absolute;background:#d6dfba99;height:32%;bottom:0;width:100%;border-radius:50% 50% 0 0;z-index:0}.machine-entity{position:absolute;width:38%;height:66%;bottom:16%;z-index:2}.machine-entity>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 0 #496b4922)}.machine-actor{left:4%}.machine-object{right:4%}.machine-entity>span{position:absolute;bottom:-20px;background:#fff8e8eb;border-radius:10px;padding:3px 9px;font-size:12px;white-space:nowrap;left:50%;transform:translateX(-50%);color:#32685a}.machine-arms{position:absolute;left:0;top:0;width:100%;height:100%;display:none}.machine-action-mark{position:absolute;left:39%;width:22%;top:30%;z-index:4;text-align:center;color:#32685a}.machine-action-mark svg{width:100%;height:80px}.machine-action-mark>span{font:60px Fredoka;color:#e98579;display:block}.machine-action-mark strong{display:block;font:20px Fredoka;background:#fff8e8e0;border-radius:9px;padding:2px}.machine-picture-caption{position:absolute;bottom:10px;left:3%;width:94%;background:#fff8e8ef;padding:8px 10px;border-radius:12px;text-align:center;font:21px Fredoka;color:#32685a;z-index:6}.machine-picture.action-carries .machine-actor{left:17%;bottom:12%;width:60%;height:66%}.machine-picture.action-carries .machine-object{right:24%;bottom:62%;width:30%;height:34%}.machine-picture.action-carries .machine-action-mark{left:72%;top:22%}.machine-picture.action-carries .machine-arms,.machine-picture.action-pushes .machine-arms,.machine-picture.action-hugs .machine-arms{display:block}.machine-picture.action-carries .machine-object>span{bottom:6px;font-size:10px}.machine-picture.action-hugs .machine-actor{left:14%;width:48%}.machine-picture.action-hugs .machine-object{right:14%;width:44%}.machine-picture.action-hugs .machine-action-mark{top:1%;left:68%;width:23%}.machine-picture.action-pushes .machine-actor{left:8%;width:43%}.machine-picture.action-pushes .machine-object{right:2%;width:45%}.machine-picture.action-pushes .machine-action-mark{top:1%;left:39%}.machine-picture.action-paints .machine-object:after{content:'';position:absolute;top:45%;left:34%;width:18px;height:23px;background:#6fb7e9;border-radius:48%;box-shadow:23px -21px 0 #6fb7e9,-19px 25px 0 #6fb7e9;transform:rotate(-23deg)}.machine-picture.action-paints .machine-action-mark{width:30%;left:31%;top:26%}.machine-picture.action-follows .machine-actor{left:3%;width:33%;height:52%}.machine-picture.action-follows .machine-object{right:3%;width:37%;height:64%}.machine-picture.action-chases .machine-actor{transform:rotate(7deg)}.machine-picture.action-chases .machine-object{transform:rotate(9deg)}.machine-picture.position-behind .machine-actor{width:29%;height:48%;bottom:36%;left:37%;z-index:1}.machine-picture.position-behind .machine-object{height:72%;width:58%;right:24%;bottom:11%;z-index:3}.machine-picture.position-behind .machine-actor>span{bottom:auto;top:-20px;z-index:4}.machine-picture.position-behind .machine-object>span{bottom:6px}.machine-picture.position-beside .machine-actor,.machine-picture.position-beside .machine-object{height:60%;bottom:22%}.machine-visual-note{font-size:12px;color:#65745e;padding:15px 8px;line-height:1.6}.machine-scene-jump{background:#eef0df;border-radius:15px;padding:18px}.machine-scene-jump summary{cursor:pointer;font-weight:800;color:#32685a}.machine-scene-jump label{margin-top:15px}.machine-finish{text-align:center;padding:70px 30px;background:#edf0de;border-radius:28px}.machine-finish h1{color:#32685a;font-size:48px;margin:24px 0}.machine-finish .actions{justify-content:center}.machine-scrap{padding-bottom:35px;margin-bottom:35px;border-bottom:1px solid #d7dec8}.machine-saved{background:#fffdfa;border:1px solid #d7dec8;border-radius:20px;padding:10px;display:block}.machine-saved .machine-picture{height:240px}.machine-saved>strong{display:block;font:23px Fredoka;padding:18px 10px 8px;color:#32685a}.machine-saved>span{display:block;font-size:12px;padding:0 10px 14px}.machine-saved .machine-entity>span{font-size:9px}.machine-saved .machine-picture-caption{font-size:14px}.machine-saved .machine-action-mark strong{font-size:14px}.machine-saved .machine-action-mark svg{height:45px}
@media(max-width:1000px){.machine-layout{gap:16px;padding:16px}.machine-picture{height:320px}.machine-controls h2{font-size:26px}.machine-library{grid-template-columns:repeat(2,minmax(0,1fr))}.machine-title>.tag{display:none}}@media(max-width:700px){.machine-welcome,.machine-layout{grid-template-columns:1fr}.machine-welcome>div:last-child{padding:23px}.machine-demo{min-height:230px}.machine-layout{padding:13px}.machine-visual{position:sticky;top:4px;z-index:8;background:#fffdfa;border-radius:15px;box-shadow:0 6px 0 #fffdfa}.machine-visual-note{display:none}.machine-picture{height:clamp(220px,30vh,295px)}.machine-picture-caption{font-size:17px}.machine-action-mark svg{height:50px}.machine-action-mark strong{font-size:16px}.machine-entity>span{font-size:10px}.machine-controls{padding:8px}.machine-controls h2{font-size:27px}.machine-title h1{font-size:34px}.machine-title p{font-size:14px}.machine-nav{gap:12px}.machine-nav .back-link{font-size:12px}.machine-nav label{width:180px;font-size:11px}.machine-nav select{font-size:12px;padding:9px}.machine-page .section-top{display:block}.machine-page .section-top label{margin-top:18px}.machine-library{gap:14px}.machine-scene-card>div{padding:17px}.machine-scene-card h3{font-size:23px}.machine-scene-card p{font-size:13px}.machine-scene-cover{height:160px}.machine-scene-card .link{font-size:13px}.machine-finish{padding:35px 20px}.machine-finish h1{font-size:34px}.machine-finish .actions{flex-direction:column}}@media(max-width:450px){.machine-library{grid-template-columns:1fr}.machine-scene-cover{height:210px}.machine-welcome .actions{flex-direction:column}.machine-controls .btn{font-size:12px}.machine-bank .word-chip,.machine-slots .word-chip{font-size:22px;padding:9px 12px}.machine-controls .audio-btn{font-size:12px}}

.machine-feedback-body{font-size:14px;line-height:1.75}.play-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:800px){.play-featured-grid{grid-template-columns:1fr}}

.machine-picture.action-carries .machine-action-mark svg{transform:rotate(-90deg)}.machine-controls> .audio-btn{font-size:12px;margin-bottom:13px}
.machine-slots .word-chip:disabled{visibility:visible}.machine-bank .word-chip:disabled{visibility:visible;opacity:.28}
