/* A single workshop: lift, place, observe, and carry the discovery forward. */
.tool-card{position:relative;min-width:132px;padding:10px 16px 10px 7px;transition:transform .2s,background .25s,border-color .25s,box-shadow .2s}
.tool-card>span{min-width:0}.tool-card strong{font-size:12px;line-height:1.6}.tool-card strong em{font-style:normal;font-size:8px;color:#8b9a80;font-weight:400;margin-left:7px}.tool-card small{font-size:9px;line-height:1.7;white-space:nowrap;color:#77896e}
.tool-lift{position:absolute;right:7px;top:6px;width:15px;height:18px;opacity:0;transform:translateY(3px);color:#b18d4a;pointer-events:none;transition:opacity .2s,transform .3s}.tool-card .tool-lift svg{width:15px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){.tool-card:hover{background:linear-gradient(150deg,#fffbee,#f3edcf);border-color:#d7bf7d;transform:translateY(-3px);box-shadow:0 5px 0 #c7bd8d55,0 9px 17px #6e7c4910}.tool-card:hover .tool-lift{opacity:.85;transform:translateY(-1px);animation:lift-hint 1.2s ease-in-out infinite}}
.tool-card:focus-visible .tool-lift,.tool-card.tutorial-target .tool-lift{opacity:.8;animation:lift-hint 1.2s ease-in-out infinite}.dragging .tool-lift{opacity:0!important;animation:none!important}
.part-brief{position:fixed;z-index:21;width:292px;max-width:calc(100vw - 32px);padding:17px 20px 16px;border:1px solid #dadfc9;border-radius:13px 13px 13px 4px;background:#fffdf1;box-shadow:0 12px 30px #3e58321a;pointer-events:none;animation:brief-in .16s ease-out;color:#5e7657}
.part-brief>small{display:block;font-size:9px;letter-spacing:.5px;color:#a29671;margin-bottom:6px}.part-brief>strong{display:block;font-size:15px;font-weight:550;line-height:1.5}.part-brief>p{font-size:12px;line-height:1.85;margin-top:9px;color:#75856b}.part-brief>span{display:block;font-size:10px;line-height:1.8;padding-top:10px;margin-top:10px;border-top:1px solid #e4e7d9;color:#94a086}
.first-move{max-width:358px;padding:14px 18px;background:#fcfaeeeF;border-color:#d9d3b8;box-shadow:0 3px 0 #cac4a83a}.first-move>span{display:block;margin:0 0 6px;font-size:9px;color:#a59772;letter-spacing:.5px}.first-move>strong{font-size:12px;line-height:1.7;color:#586e51}.first-move>small{margin:5px 0 0;font-size:10px;line-height:1.8;color:#87957b;max-width:30em}
.machine-state{font-size:10px;color:#73896e}.machine-extra{padding-top:10px;margin-top:10px;border-top:1px solid #dde4d2}.machine-extra summary{cursor:pointer;font-size:10px;line-height:1.7;color:#81916f}.machine-extra p{padding-top:8px;font-size:11px;line-height:1.9;color:#8a977d}.inspector{border-radius:13px 13px 4px 13px;background:#fffef3;box-shadow:0 8px 30px #3c57311b}.inspector>p{line-height:1.9;font-size:12px;color:#718468}.inspector-head strong{font-size:14px}
.machine.landed .machine-main{animation:place-settle .5s ease-out}.drop-burst{position:fixed;z-index:19;width:1px;height:1px;pointer-events:none}.drop-burst i{position:absolute;width:5px;height:5px;border-radius:2px;background:#a2b37b;animation:drop-spark .6s var(--delay) ease-out both;transform:rotate(var(--a)) translateY(0);opacity:0}.drop-burst i:nth-child(3n){background:#d1b579}
.journey-recap{display:flex;align-items:center;gap:12px;font-size:12px;color:#6e865e;padding:9px 4px}.journey-recap>span{font-size:24px;color:#bca36a}.journey-recap small{font-size:10px;color:#95a286}
.product-choices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px!important;margin-top:12px!important}.product-choices>button{padding:0!important;border:1px solid #d9decc!important;border-radius:10px!important;overflow:hidden;background:#fffdf3!important;text-align:left!important;transition:transform .2s,border-color .2s;min-width:0}.product-choices>button:hover,.product-choices>button:focus-visible{transform:translateY(-3px);border-color:#b6aa77!important}.product-choices img{display:block;width:100%;height:67px;object-fit:cover}.product-choices button>span{display:block;padding:8px 9px 10px;font-size:11px;font-weight:550;color:#65785d}.product-choices small{display:block;font-weight:400;font-size:8px;color:#9aa38c;margin-top:4px;line-height:1.5;letter-spacing:0!important;border:0!important;padding:0!important}
dialog.product-preview-dialog{width:760px;max-width:calc(100vw - 30px);padding:22px 27px;max-height:94dvh}.product-preview-dialog .dialog-heading{margin-bottom:16px}.product-preview-dialog .dialog-heading h2{font-size:13px;color:#7a8970;font-weight:500}.product-preview-dialog .preview-success{margin-top:18px;padding-top:17px}.product-preview-dialog .preview-success strong{font-size:13px}.product-preview-dialog .preview-success p{font-size:11px;line-height:1.8}.product-preview-dialog .preview-status{margin-top:14px;font-size:11px}.product-preview-dialog .preview-stay{font-size:10px}.first-complete .preview-success{animation:discovery-arrive .35s both}
dialog.checkpoint-dialog{width:650px;max-height:93dvh;padding:23px 33px 26px;background:radial-gradient(ellipse at 45% 0,#edf2df,#fcfcf2 62%)}.checkpoint-dialog .dialog-heading h2{font-size:12px;color:#9aa58c;font-weight:400}.checkpoint-dialog .dialog-heading{margin-bottom:8px}.checkpoint{text-align:center}.checkpoint-seal{display:grid;place-items:center;width:37px;height:37px;border:1px solid #b8c99e;border-radius:50%;font-size:19px;color:#668b56;background:#e7efd9;margin:3px auto 14px;animation:seal-arrive .45s ease-out both}.checkpoint>small{font-size:9px;color:#a1a887;letter-spacing:1px}.checkpoint>h3{font-size:26px;line-height:1.5;color:#3f654e;font-weight:550;margin:11px 0 17px}.checkpoint-route{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 15px 16px;border-bottom:1px solid #dfe5d3;margin-bottom:20px}.checkpoint-route>div{flex:1;min-width:0}.checkpoint-route svg{width:100%;height:92px;filter:drop-shadow(0 4px 4px #3f5f3812)}.checkpoint-route span{font-size:10px;display:block;margin-top:6px;color:#859775}.checkpoint-route>b{font-size:23px;font-weight:400;color:#bcc5a7}.checkpoint>p{font-size:12px;line-height:1.95;color:#80916f;margin:0 auto 21px;max-width:34em}.checkpoint>.primary-button{min-width:265px}.checkpoint-links{display:flex;justify-content:center;gap:26px;margin-top:17px}.checkpoint-links .text-button{font-size:10px;color:#96a08b}
dialog.journey-ending-dialog{width:750px;max-height:94dvh;padding:23px 34px 27px;background:radial-gradient(ellipse at 50% 20%,#eef2de,#fcfcf1 65%)}.journey-ending-dialog .dialog-heading{margin-bottom:0}.journey-ending-dialog .dialog-heading h2{font-size:12px;font-weight:400;color:#9aa589}.journey-ending{text-align:center}.ending-award{position:relative;display:grid;place-items:center;width:98px;height:90px;margin:1px auto 9px}.ending-award>span{font-size:53px;color:#bd9d5d;animation:seal-arrive .8s both}.ending-orbit{position:absolute;width:75px;height:75px;border:1px solid #d4dcbf;border-radius:50%;transform:rotateX(55deg) rotate(-25deg)}.ending-award>i{position:absolute;left:50%;top:50%;width:4px;height:7px;background:#c8b383;border-radius:1px;transform:rotate(calc(var(--i)*36deg)) translateY(-60px);animation:ending-spark 1.2s calc(var(--i)*.04s) both}.ending-award>i:nth-child(2n){background:#9db588}
.ending-eyebrow{font-size:10px;color:#95a180;letter-spacing:1px;margin-bottom:12px}.journey-ending h3{font-size:29px;line-height:1.5;color:#3b604b;font-weight:550;letter-spacing:-.5px;margin:0}.ending-product{font-size:12px;color:#b0965c;margin:12px 0 18px}.ending-stamps{display:flex;flex-wrap:wrap;gap:12px 17px;justify-content:center;padding:17px 0;border-top:1px solid #dee4d0;border-bottom:1px solid #dee4d0;margin:0 auto 17px;max-width:565px}.ending-stamps span{display:flex;gap:6px;align-items:center;font-size:10px;color:#8a9a79}.ending-stamps i{font-style:normal;color:#6c8f5e;font-size:10px}.ending-evidence{font-size:12px;line-height:1.9;color:#80936e;margin:0 0 20px}.journey-ending>.primary-button{display:flex;width:min(100%,345px);margin:auto}.ending-map{display:flex;gap:35px;align-items:center;justify-content:center;width:min(100%,345px);margin:11px auto 0;border:1px solid #cfd9bd;border-radius:8px;padding:12px;font-size:12px;color:#7a9068;background:#f4f7e9}.ending-map:hover{background:#eaf0dc}.ending-options{display:flex;gap:25px;justify-content:center;margin:17px 0 13px}.ending-options .text-button{font-size:10px;color:#94a084}.ending-note{font-size:9px;color:#aeb59d;line-height:1.7;display:block}
@keyframes lift-hint{0%,100%{transform:translateY(1px)}50%{transform:translateY(-3px)}}@keyframes brief-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes place-settle{0%{transform:translateY(-10px) scale(.95)}65%{transform:translateY(2px) scale(1.02)}100%{transform:none}}@keyframes drop-spark{0%{opacity:0;transform:rotate(var(--a)) translateY(-8px) scale(.5)}20%{opacity:.9}100%{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d)*-1)) scale(.4)}}@keyframes seal-arrive{0%{opacity:0;transform:scale(.6) rotate(-10deg)}65%{opacity:1;transform:scale(1.08) rotate(2deg)}100%{transform:none}}@keyframes discovery-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ending-spark{0%{opacity:0;transform:rotate(calc(var(--i)*36deg)) translateY(-28px)}30%{opacity:1}100%{opacity:.65;transform:rotate(calc(var(--i)*36deg)) translateY(-62px)}}
@media(max-height:760px) and (min-width:721px){.intro-dialog{padding-top:21px;padding-bottom:23px}.intro-dialog .intro-route{margin-top:8px;padding-top:6px}.intro-dialog .intro-route svg{height:70px}.intro-dialog h3{font-size:30px}.intro-dialog .dialog-heading{margin-bottom:10px}.intro-dialog label{margin-top:11px}.product-choices img{height:55px}.intro-dialog .primary-button{margin-top:14px}.journey-ending-dialog .dialog-heading{margin-bottom:0}.ending-award{height:66px;margin-top:0;margin-bottom:3px}.ending-award>span{font-size:43px}.ending-orbit{width:62px;height:62px}.ending-eyebrow{margin-bottom:9px}.journey-ending h3{font-size:26px}.ending-product{margin:8px 0 13px}.ending-stamps{padding:13px 0;margin-bottom:13px}.ending-evidence{font-size:11px;margin-bottom:16px}.ending-options{margin:12px 0 10px}.checkpoint-route svg{height:82px}.checkpoint>h3{font-size:24px}}
@media(max-width:850px){.tool-card{min-width:116px;padding-right:12px}.tool-card strong{font-size:11px}.tool-card strong em{font-size:7px;margin-left:4px}.tool-card small{font-size:8px}.first-move{max-width:310px}.part-brief{width:275px}.tool-lift{right:3px;top:3px}}
@media(max-width:560px){.first-move{left:15px;top:8px;max-width:calc(100vw - 115px);padding:10px 13px}.first-move>strong{font-size:11px}.first-move>small{font-size:9px}.tool-card{min-width:0;min-height:58px;padding:7px 9px 7px 3px}.tool-card>svg{width:33px!important}.tool-card strong{font-size:10px}.tool-card strong em{display:none}.tool-card small{font-size:7px;white-space:normal;max-width:9em}.tool-lift{width:12px;height:13px}.tool-card .tool-lift svg{width:12px;height:13px}.part-brief{display:none!important}.intro-dialog{max-height:94dvh}.product-choices button>span{font-size:10px;padding:7px 7px 8px}.product-choices img{height:56px}.product-choices small{font-size:7px}.intro-dialog .intro-route svg{height:70px}dialog.product-preview-dialog{padding:19px 18px}.checkpoint-dialog{padding:20px!important}.checkpoint>h3{font-size:22px}.checkpoint-route{padding-left:0;padding-right:0;gap:0}.checkpoint-route svg{height:75px}.checkpoint-route span{font-size:8px}.checkpoint>p{font-size:11px}.checkpoint>.primary-button{width:100%;min-width:0}.checkpoint-links{gap:20px}dialog.journey-ending-dialog{padding:20px 23px}.journey-ending h3{font-size:24px}.ending-stamps{gap:12px 15px;max-width:310px}.ending-evidence{font-size:11px}.ending-note{font-size:8px}.journey-recap{font-size:10px}.journey-recap small{display:none}}
@media(prefers-reduced-motion:reduce){.tool-lift,.tool-card,.part-brief,.machine.landed .machine-main,.drop-burst i,.checkpoint-seal,.ending-award>span,.ending-award>i,.first-complete .preview-success{animation:none!important;transition:none!important}.drop-burst{display:none}}
html[data-motion="off"] .tool-lift,html[data-motion="off"] .part-brief,html[data-motion="off"] .checkpoint-seal,html[data-motion="off"] .ending-award>span,html[data-motion="off"] .ending-award>i,html[data-motion="off"] .first-complete .preview-success{animation:none!important}

.notebook-dialog .nb-product .product-hero-compact{min-height:150px;border-radius:0}.notebook-dialog .nb-product .product-hero-copy{padding:20px 23px;max-width:73%}.notebook-dialog .nb-product .product-title{font-size:23px}.notebook-dialog .nb-product .product-eyebrow{margin-bottom:8px}.notebook-dialog .nb-has-hero{min-height:0;padding:20px 23px 23px}.notebook-dialog .nb-product .product-description{font-size:10px;line-height:1.7;margin-top:9px}.notebook-dialog .nb-has-hero #note-draft{min-height:90px}.notebook-dialog .nb-has-hero .nb-empty{min-height:125px}.notebook-dialog .nb-has-hero .nb-note>p{font-size:16px}.notebook-dialog .nb-has-hero .nb-note{padding-bottom:17px}
html[data-motion="off"] .product-art,html[data-motion="off"] .product-art-glow{animation:none!important}
@media(max-width:560px){.notebook-dialog .nb-product .product-hero-compact{min-height:145px}.notebook-dialog .nb-product .product-hero-copy{max-width:82%;padding:18px}.notebook-dialog .nb-has-hero{padding:18px}.notebook-dialog .nb-product .product-title{font-size:21px}}

.product-preview-dialog .product-art,.notebook-dialog .product-art{animation:none}