body.thread-adventure .stitch-world{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:14px;gap:8px;overflow:hidden;background:radial-gradient(ellipse at 12% 15%,#ffe5cc 0,transparent 55%),linear-gradient(135deg,#fff8e8,#f7dfe6);color:#173c61;container-type:size}
.stitch-world *{box-sizing:border-box}.stitch-heading{display:flex;align-items:center;gap:12px;min-height:48px}.stitch-heading>div:first-child{display:flex;gap:12px;align-items:center;flex:1;min-width:0}.stitch-heading strong{font:clamp(20px,2.3vw,30px)/1.1 Froople,'Trebuchet MS',sans-serif}.stitch-round{font:800 12px/1.2 'Trebuchet MS',sans-serif;letter-spacing:1px;color:#8c4d68;white-space:nowrap}.stitch-dots{display:flex;gap:5px}.stitch-dots i{width:13px;height:13px;border-radius:50%;background:#fff9ed;border:2px solid #c9a1ac}.stitch-dots i.done{background:#ffd768;border-color:#e3ac2f}.stitch-dots i.current{background:#f08f9e;border-color:#cd6177}.stitch-heading .stitch-hear{min-width:48px;min-height:48px;width:48px;height:48px;padding:0;border-radius:50%;font-size:24px;background:#c7edf5;border:2px solid #fffaf0;box-shadow:0 3px 0 #85b5c9;color:#173c61}
.stitch-content{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:12px;min-height:0;min-width:0}.stitch-picture{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;margin:0!important;border:2px dashed #e2b3b5;border-radius:28px;background:#fff8e966;overflow:hidden;padding:8px 10px 15px}.stitch-object{align-self:center;justify-self:center;width:min(100%,calc(100cqh * .9));height:100%;max-height:100%;aspect-ratio:1;min-height:0;background-image:url('art/stitch-word-atlas-v1.png?v=adventure-01e3525620e1');background-size:300% 300%;background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat;filter:drop-shadow(0 5px 6px #98674a1f)}.stitch-picture figcaption{font:700 16px/1.3 'Trebuchet MS',sans-serif;text-align:center;padding:0 10px;position:relative;z-index:2}
.stitch-work{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0;min-width:0}.stitch-reference{text-align:center;min-width:0}.stitch-reference-label{display:block;font:800 10px/1.2 'Trebuchet MS',sans-serif;letter-spacing:2px;color:#9a5873;margin-bottom:3px}.stitch-reference strong{display:inline-flex;justify-content:center;max-width:100%;font:clamp(45px,6.7vw,86px)/1.06 Froople,'Trebuchet MS',sans-serif;letter-spacing:1px;color:#173c61;background:#fff9ed;border:3px solid #fff;border-radius:24px;padding:2px 18px 8px;box-shadow:0 4px 0 #d3acb559}.stitch-reference strong span{position:relative}.stitch-reference strong span+span{margin-left:2px}.stitch-reference strong span::after{content:'';height:3px;border-radius:4px;position:absolute;left:2px;right:2px;bottom:-1px;background:#d7839b}.stitch-team-note{font:700 13px/1.25 'Trebuchet MS',sans-serif;color:#905475;margin:8px 0 0;min-height:17px}
.stitch-mat{position:relative;min-height:0;min-width:0;isolation:isolate;touch-action:none;border-radius:24px;background:repeating-linear-gradient(0deg,transparent 0 21px,#d7a99c0d 21px 22px),repeating-linear-gradient(90deg,transparent 0 21px,#d7a99c0d 21px 22px),#fff7e680}.stitch-thread-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.stitch-thread-lines path{fill:none;stroke:#ed8aa1;stroke-width:9;stroke-linecap:round;filter:drop-shadow(0 3px 1px #9d556844)}.stitch-thread-lines .stitch-live{stroke:#f4a6b4;stroke-width:6;stroke-dasharray:8 5}.stitch-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%) rotate(-4deg);z-index:2;width:clamp(62px,7vw,96px);height:clamp(62px,7vw,96px);min-width:44px;min-height:44px;padding:4px!important;border-radius:25%;border:3px dashed #fff7e9;outline:2px solid #d69ca9;background:#f6acbb;box-shadow:0 6px 0 #c88d9e44,0 8px 14px #b08c7c22;font:clamp(30px,4.7vw,56px)/1 Froople,'Trebuchet MS',sans-serif;color:#173c61;touch-action:none;user-select:none;cursor:grab}.stitch-node:nth-of-type(2){background:#bde6f3;transform:translate(-50%,-50%) rotate(5deg)}.stitch-node:nth-of-type(3){background:#ffe189}.stitch-node:nth-of-type(4){background:#b9e8ca;transform:translate(-50%,-50%) rotate(6deg)}.stitch-node.sound-team{width:clamp(92px,10vw,134px)}.stitch-node.sewn{box-shadow:0 5px 0 #6cb89366,0 0 0 4px #a4dfba;background:#bce8c9}.stitch-node.next{outline:4px solid #f2b446;animation:stitch-beacon 1.6s ease-in-out infinite}.stitch-node:focus-visible{outline:4px solid #1679ae;outline-offset:5px}.stitch-mat.pulling,.stitch-mat.pulling .stitch-node{cursor:grabbing}.stitch-needle{position:absolute;z-index:3;font-size:30px;pointer-events:none;transform:translate(-20%,-70%);opacity:0}.stitch-mat:has(.sewn) .stitch-needle{opacity:1}.stitch-mat.pulling .stitch-needle{opacity:0}
.stitch-footer{display:flex;justify-content:center;align-items:center;gap:12px;min-height:48px}.stitch-status{font:800 15px/1.3 'Trebuchet MS',sans-serif;margin:0;min-width:0;text-align:center}.stitch-footer .stitch-advance{background:#ffde76;border:2px solid #fff7dc;box-shadow:0 4px 0 #d6a53f;border-radius:16px;min-height:48px;padding:7px 16px;white-space:nowrap;font:800 16px/1.2 'Trebuchet MS',sans-serif;color:#173c61}.stitch-advance:disabled{opacity:.65}.stitch-advance[hidden]{display:none}.stitch-solved .stitch-reference strong{background:#e2f7d6}.stitch-cheer .stitch-object{animation:stitch-cheer .85s ease-in-out 2}.stitch-node.stitch-nudge{animation:stitch-nudge .5s ease-in-out 2}
body.thread-adventure .thread-stage:has(.stitch-world)>.scene-image,body.thread-adventure .thread-stage:has(.stitch-world)>img{display:none!important}body.thread-adventure #sceneFrame:has(.stitch-world) .round-intro{background:none!important;backdrop-filter:none!important;pointer-events:none}.thread-stage .round-intro>div{background:#fff9eaf2;border:3px dashed #ed9eaf;border-radius:26px;padding:18px 25px;box-shadow:0 7px 0 #d5a2ae66;color:#173c61;text-shadow:none;font-size:clamp(30px,5vw,60px)}
@keyframes stitch-beacon{50%{box-shadow:0 5px 0 #dbaa4240,0 0 0 7px #ffdb784a}}@keyframes stitch-cheer{50%{transform:translateY(-9px) rotate(3deg)}}@keyframes stitch-nudge{50%{translate:0 -6px}}
@media(orientation:portrait) and (max-width:900px){.stitch-world{padding:8px!important;gap:5px!important}.stitch-heading{min-height:44px;gap:7px}.stitch-heading>div:first-child{gap:2px;flex-direction:column;align-items:flex-start}.stitch-heading strong{font-size:22px}.stitch-round{font-size:10px}.stitch-heading .stitch-hear{min-width:44px;min-height:44px;width:44px;height:44px}.stitch-content{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(90px,.8fr) minmax(0,1.2fr);gap:4px}.stitch-picture{border-radius:20px;padding:2px 5px;grid-template-rows:minmax(0,1fr)}.stitch-object{height:100%;width:auto;aspect-ratio:1}.stitch-picture figcaption{position:absolute;bottom:4px;right:4px;max-width:45%;font-size:11px;background:#fff8ebde;border-radius:10px;padding:4px}.stitch-work{gap:3px}.stitch-reference-label{display:none}.stitch-reference strong{font-size:clamp(42px,10vw,72px);border-radius:18px;padding:0 14px 4px}.stitch-team-note{font-size:11px;min-height:13px;margin:3px 0 0}.stitch-node{width:58px;height:58px;font-size:32px}.stitch-node.sound-team{width:85px}.stitch-footer{min-height:44px;gap:6px}.stitch-status{font-size:12px;line-height:1.2}.stitch-footer .stitch-advance{font-size:13px;min-height:44px;padding:5px 10px}.stitch-needle{font-size:22px}}
@media(orientation:portrait) and (max-height:620px){.stitch-heading strong{font-size:19px}.stitch-content{grid-template-rows:90px minmax(0,1fr)}.stitch-reference strong{font-size:39px}.stitch-node{width:50px;height:50px;font-size:29px}.stitch-node.sound-team{width:74px}.stitch-picture figcaption{font-size:10px;max-width:42%}}
@media(orientation:landscape) and (max-height:500px){.stitch-world{padding:5px 8px!important;gap:3px!important}.stitch-heading{min-height:30px;height:30px}.stitch-heading strong{font-size:20px}.stitch-round{font-size:10px}.stitch-heading>div:first-child{gap:10px}.stitch-heading .stitch-hear{position:absolute;right:8px;top:5px;width:44px;height:44px;min-width:44px;min-height:44px;font-size:20px;z-index:5}.stitch-dots{margin-right:52px}.stitch-content{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:6px}.stitch-picture{padding:2px;border-radius:16px}.stitch-picture figcaption,.stitch-reference-label,.stitch-team-note{display:none}.stitch-reference strong{font-size:36px;padding:0 12px 3px;border-width:2px;border-radius:14px}.stitch-work{gap:3px}.stitch-mat{border-radius:14px}.stitch-node{top:50%;width:46px;height:46px;font-size:28px;border-width:2px}.stitch-node.sound-team{width:70px}.stitch-footer{min-height:44px;gap:8px}.stitch-status{font-size:12px}.stitch-footer .stitch-advance{min-height:44px;font-size:13px;padding:5px 10px}.stitch-needle{font-size:21px}}
@media(prefers-reduced-motion:reduce){.stitch-world *{animation:none!important}}body.reduce-motion .stitch-world *{animation:none!important}
body.thread-adventure #playScreen:has(.stitch-world) .mission-card:has(#nextButton[hidden]){display:none!important}

.stitch-picture{container-type:size}.stitch-object{width:min(100cqw,calc(100cqh - 38px));height:auto;aspect-ratio:1}
@media(orientation:portrait) and (max-width:900px){.stitch-object{width:min(100cqw,100cqh);height:auto}}
@media(orientation:landscape) and (max-height:500px){.stitch-object{width:min(100cqw,100cqh);height:auto}}