.ark-workshop{max-width:830px;margin:auto}.ark-steps{list-style:none;padding:0;display:flex;gap:8px;justify-content:space-between;margin:0 0 16px}.ark-steps li{display:flex;gap:7px;align-items:center;font-size:12px;color:#7c6e5c;flex:1}.ark-steps b{border-radius:50%;background:#e8dfce;min-width:28px;height:28px;display:grid;place-items:center}.ark-steps .current b{background:#507456;color:white}.ark-steps .finished b{background:#dce7cc;color:#35553d}.ark-steps .current{color:#34543c;font-weight:bold}#arkInstruction{font-size:clamp(16px,2.5vw,21px);margin:8px 0 16px}.ark-scene{position:relative;aspect-ratio:1.7;min-height:245px;border-radius:24px;overflow:hidden;background:linear-gradient(#e7f0cd99,#e5cfaeaa),url('art/story-5.png') 100% 100%/200% 200%;box-shadow:inset 0 0 0 2px #fff9e6,0 12px 30px #59412518;isolation:isolate}.ark-scene:before{content:'';position:absolute;inset:65% 0 0;background:repeating-linear-gradient(3deg,#a3754522 0 2px,transparent 2px 42px),linear-gradient(#d7ae7d,#ba8852);border-top:6px solid #e9c99d;z-index:-1}.ark-model{position:absolute;inset:0 5%}.ark-model svg{width:100%;height:100%;filter:drop-shadow(3px 8px 3px #4c301b44)}.ark-tray{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:18px 0;min-height:100px}.ark-tray button{touch-action:none;min-width:65px;max-width:130px;flex:1;padding:10px;background:#fff9ed;border:2px solid #d5bf9c;box-shadow:0 4px 0 #bd9d7255}.ark-tray button.selected{border-color:#4f7859;outline:3px solid #a4bd8b;background:#edf3df}.ark-tray button:disabled{opacity:.2}.ark-tray svg{width:100%;height:55px;overflow:visible}.ark-tray span{display:block;font-size:12px;margin-top:7px}.ark-tray img{width:100%;height:80px;object-fit:contain}.timber-trays{display:flex;gap:20px;padding:35px 7%;height:100%}.timber-bin{position:relative;background:#e2bb8399;border:6px solid #ae7d49;border-radius:12px;width:58%;height:175px;box-shadow:inset 0 5px 18px #52341e55,0 5px 0 #744c2f44;padding:12px}.timber-bin+ .timber-bin{width:36%}.timber-bin b{position:absolute;bottom:9px;left:0;right:0;font-size:15px;color:#573f28}.timber-example{display:block;width:90%;height:18px;border:2px dashed #805b36;border-radius:3px;margin:0 auto 10px}.timber-example.short{width:70%}.timber-piece{background:transparent!important;border:0!important;box-shadow:none!important;flex:none!important;width:25%;height:65px;max-width:none!important}.timber-piece.short{width:16%}.timber-piece span,.bin-pieces i{display:block;height:30px;width:100%;border-radius:5px;background:repeating-linear-gradient(2deg,#9d653033 0 1px,transparent 1px 5px),linear-gradient(175deg,#f6d3a0,#bc844c 75%,#8c5b31);box-shadow:inset 0 3px #ffe5b7,0 5px 0 #8c5b31,1px 7px 5px #51392144}.bin-pieces{display:flex;flex-direction:column;gap:7px}.bin-pieces i{height:14px;max-width:90%;margin:auto}.bin-pieces i.short{width:70%}.ark-fit{position:absolute;padding:0;border:0;background:transparent;opacity:.28;filter:drop-shadow(0 0 2px #fff)}.ark-fit svg{width:100%;height:100%}.fit-0{left:15%;top:38%;width:70%;height:43%}.fit-1{left:13%;top:46%;width:74%;height:42%}.fit-2{left:29%;top:26%;width:42%;height:34%}.fit-3{left:26%;top:7%;width:48%;height:23%}.fit-4{left:45%;top:39%;width:10%;height:24%}.show-help .ark-fit{outline:4px solid #608867;outline-offset:4px;opacity:.6}.show-help [data-drop]:not(:disabled){box-shadow:0 0 0 4px #769b65}.ark-drag-ghost{position:fixed!important;z-index:1000;pointer-events:none;transform:translate(-50%,-50%) rotate(-3deg);opacity:.95;filter:drop-shadow(3px 12px 7px #52331f55);height:auto;max-height:130px}.ark-drag-ghost svg,.ark-drag-ghost img{width:100%;max-height:90px}.ark-drag-ghost span{font-size:12px}.ark-rooms{display:flex;position:absolute;inset:15% 8% 17%;border:12px solid #a77749;border-top:25px solid #c69a69;border-radius:40px 40px 12px 12px;background:linear-gradient(#6e4c32,#b78b59);box-shadow:inset 0 10px 12px #55362166,0 12px 14px #49311e44}.ark-room{width:33.33%;min-width:0;position:relative;border:0;border-right:8px solid #ac8054;border-radius:0;background:transparent;display:flex;align-items:end;padding:0}.ark-room:last-child{border-right:0}.ark-room b{position:absolute;top:9px;left:10px;background:#eed6ae;border-radius:50%;width:30px;height:30px;color:#785333}.ark-room:disabled{opacity:1}.room-mat{width:100%;height:90%;display:flex;align-items:end}.room-mat img{width:100%;object-fit:contain;filter:drop-shadow(0 5px 3px #3e2a1e55)}#arkPaint{position:absolute;inset:0 5%;width:90%;height:100%;touch-action:none}.paint-meter{width:150px;height:14px;border-radius:20px;background:#e8d7bd;overflow:hidden;margin:0 20px}.paint-meter #paintAmount{height:100%;margin:0;background:#64845c;transition:width .1s}.ark-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:5px 0 18px}.ark-actions button{font-size:14px}.ark-note{display:block;color:#7c705f;text-align:center;font-size:11px;line-height:1.5}.ark-discovery{position:absolute!important;right:1%;bottom:2%;width:75px;height:70px;border:0;background:none;padding:0;box-shadow:none;z-index:3}.ark-discovery img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.ark-discovery .hidden-butterfly{transform:scale(.55);transition:transform 1.2s ease}.discovery-leaf{transform-origin:90% 80%;transition:transform .8s ease}.ark-discovery.found .discovery-leaf{transform:rotate(70deg) translate(12px,20px)}.ark-discovery.found .hidden-butterfly{transform:translate(-30px,-12px) scale(.75)}.ark-keepsakes{position:absolute;bottom:8px;left:5%;right:16%;display:flex;gap:5px;justify-content:center}.ark-keepsakes span{background:#fff7e3e8;padding:5px 8px;border-radius:12px;font-size:11px}.living-story-picture{position:relative;overflow:hidden}.living-story-picture video{position:absolute;width:200%;height:200%;max-width:none;object-fit:fill;left:var(--film-x);top:var(--film-y);opacity:0}.living-story-picture video.ready{opacity:1}.story-motion-toggle{font-size:13px;margin:8px 0}.ark-workshop button:focus-visible{outline:4px solid #497d68;outline-offset:3px}@media(max-width:550px){.ark-steps li{flex-direction:column;text-align:center;font-size:10px;gap:4px}.ark-tray{gap:8px}.ark-tray button{min-width:50px;padding:7px}.ark-tray span{font-size:10px}.timber-trays{gap:12px;padding:30px 5%}.timber-bin{height:160px}.ark-scene{aspect-ratio:1.4}.ark-tray svg{height:43px}.ark-discovery{width:57px;height:58px}.ark-keepsakes{left:2%;right:17%;flex-wrap:wrap}.ark-keepsakes span{font-size:9px}}@media(prefers-reduced-motion:reduce){.ark-discovery img,.paint-meter #paintAmount{transition:none}}

.ark-scene{background:#caa576 url(ark-workbench.png) center/cover}.ark-scene:before{display:none}.timber-bin{background:linear-gradient(155deg,#e5c69d,#d0a370);box-shadow:inset 0 5px 18px #52341e55,0 8px 9px #54351c55}.ark-workshop .ark-scene{min-height:260px}