.cover-adventure{width:100%;height:100%;object-fit:cover;object-position:center 45%;border-radius:18px}
.arena.scene-adventure{padding:0;background:#e0ebdf;border:0;isolation:isolate;overflow:hidden}
.lesson-shell[data-cafe-phase="explore"]:has(.word-pill[hidden]) .lesson-footer .feedback{grid-row:1/3;height:100%;min-height:0;align-self:stretch;padding-block:3px}
.scene-adventure>.task-area{top:7px;z-index:5;background:#fffdf0f0;border-radius:14px;padding:6px 15px;max-width:94%;pointer-events:none}
.scene-adventure>.task-area h2{font-size:clamp(16px,2vw,27px);line-height:1.15}
.adventure-world{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#fff7dd,#d6e7d3);overflow:hidden}
.adventure-art{isolation:isolate;position:relative;flex:none;width:min(100cqw,100cqh);height:min(100cqw,100cqh)}
.adventure-world{container-type:size}
.adventure-background{width:100%;height:100%;display:block;pointer-events:none;user-select:none}
.adventure-hotspot{position:absolute;padding:0;border:2px solid transparent;border-radius:22%;background:transparent;cursor:pointer;touch-action:manipulation;color:var(--ink)}
.adventure-hotspot:hover,.adventure-hotspot:focus-visible{border-color:#fff5ad;outline:3px solid #227060;background:#fff8c825}
.adventure-hotspot.is-hinted,.adventure-hotspot.is-correct,.adventure-hotspot.is-selected{border-color:#fff7b7;outline:3px solid #28765f;background:#fff8bb36;box-shadow:0 0 20px #fff1a1}
.adventure-hotspot.is-wrong{animation:nudge .3s;background:#ffbba242;border-color:#b94f39}
.adventure-hotspot:disabled{opacity:1;cursor:default}
.adventure-hotspot.is-abstract{min-height:0}
.adventure-check{display:none;position:absolute;right:-4px;top:-4px;background:#28705b;color:white;border:2px solid #fff8d9;border-radius:50%;width:24px;height:24px;font-size:16px;place-items:center}
[data-adventure-phase="explore"] .was-visited .adventure-check,.is-correct .adventure-check{display:grid}
.adventure-count{position:absolute;top:max(15%,60px);left:10px;padding:4px 9px;border-radius:10px;background:#fffdf0ed;color:#344f43;font-size:.8rem;pointer-events:none}
.adventure-count:empty{display:none}
.adventure-destination{position:absolute;left:34%;top:77%;width:32%;height:20%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;background:#fff9e6db;border:2px dashed #896b40;border-radius:13px;color:#46533c;pointer-events:none}
.adventure-destination span:last-child{font-size:clamp(10px,1vw,14px);text-align:center;line-height:1.1}
.adventure-thumbnail{display:block;width:70px;height:70px;flex-shrink:0;background-repeat:no-repeat;border-radius:10px;max-width:100%;max-height:75%}
.adventure-crop{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit}
[data-view="circus-outside"] .adventure-hotspot:not(:is([data-answer="circus"],[data-answer$="__circus"])):not([data-adventure-display="circus"]){display:none}
[data-view="circus-outside"] .adventure-hotspot:is([data-answer="circus"],[data-answer$="__circus"]){left:8%!important;top:21%!important;width:84%!important;height:61%!important}
.circus-enter{position:absolute;left:25%;right:25%;bottom:3%;min-height:36px;border:1px solid #ad9b6b;border-radius:10px;background:#fff8df;color:#34543f;font-size:clamp(11px,1.2vw,17px);font-weight:600;cursor:pointer}.circus-enter:disabled{opacity:.6;cursor:default}
.fourth-position-parts{position:absolute;inset:0;pointer-events:none}.fourth-teddy{position:absolute;object-fit:contain}.fourth-box-front{position:absolute;inset:0;background:url('assets/story-positions/scene.png') center/100% 100%;clip-path:polygon(2% 57%,31% 57%,34% 53%,34% 72%,2% 72%)}
[data-adventure="story-positions"] .adventure-hotspot{border:2px dashed #708f7355;background:#fffaf015}
[data-adventure="story-positions"] .adventure-destination{left:68%;top:79%;width:28%;height:18%}
[data-adventure="story-weather"] .adventure-hotspot{border:2px solid #fff8e3;background:#fff8e3;border-radius:10px;overflow:hidden;box-shadow:0 2px 5px #263b3544}
[data-adventure="story-weather"] .adventure-hotspot>.adventure-thumbnail{width:100%;height:100%;max-height:100%;border-radius:7px}
.fourth-pane-background{display:block;width:100%;height:100%}
.final-pane-background{display:block;width:100%;height:100%}
.final-places-background{display:block;width:100%;height:100%}
.final-class-background{display:block;width:100%;height:100%}
[data-adventure="story-class-talk"] .adventure-hotspot{border:2px solid #fff8e3;background:#fff8e3;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #263b3544}
[data-adventure="story-class-talk"] .adventure-hotspot>.adventure-thumbnail{width:100%;height:100%;max-height:100%;border-radius:5px}
[data-adventure="story-class-talk"] .adventure-badge{bottom:0;font-size:clamp(9px,1vw,13px)}
[data-adventure="story-places"] .adventure-hotspot{border:2px solid #fff8e3;background:#fff8e3;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #263b3544}
[data-adventure="story-places"] .adventure-hotspot>.adventure-thumbnail{width:100%;height:100%;max-height:100%;border-radius:5px}
[data-adventure="story-places"] .adventure-destination{left:72%;top:33%;width:26%;height:19%}
.final-boat-control{position:absolute;left:27%;right:27%;bottom:1%;min-height:30px;padding:3px;border:1px solid #93b3a6;border-radius:8px;background:#fff8df;color:#345c48;font-size:clamp(10px,1vw,14px);cursor:pointer}.final-boat-status{position:absolute;bottom:8%;left:25%;right:25%;text-align:center;background:#fff9e3dd;color:#345c48;border-radius:6px;padding:2px;font-size:clamp(9px,1vw,13px);pointer-events:none}
.final-island-reaction{position:absolute;left:40%;top:40%;width:22%;height:15%;display:grid;place-items:center;font-size:clamp(25px,4vw,54px);color:#eec451;text-shadow:0 1px 2px #704124;pointer-events:none}
.final-moving-boat{position:absolute;left:6%;top:53%;width:22%;height:16%;object-fit:contain;pointer-events:none;transition:transform 1.5s ease}.final-moving-boat.has-sailed{transform:translate(-6%,-80%)}
[data-adventure="story-island"][data-boat="sailed"] :is([data-answer="boat"],[data-answer$="__boat"]),[data-adventure="story-island"][data-boat="sailed"] [data-cafe-pick="boat"]{left:4.68%!important;top:40.2%!important;width:22%!important;height:16%!important}
[data-adventure="story-island"][data-activity="music"] .final-island-reaction{left:72%;top:32%}
@media(prefers-reduced-motion:reduce){.final-moving-boat{transition:none}}
[data-adventure="story-island"] .adventure-destination{left:35%;top:79%;width:30%;height:18%}
@media(prefers-reduced-motion:no-preference){[data-activity="music"] .final-island-reaction{animation:island-bob .8s ease-in-out infinite alternate}[data-activity="magic"] .final-island-reaction{animation:island-glow 1s ease-in-out infinite alternate}@keyframes island-bob{to{transform:translateY(-8px) rotate(8deg)}}@keyframes island-glow{to{opacity:.35;transform:scale(1.2)}}}
[data-adventure="story-qualities"] .adventure-hotspot{border:2px solid #fff8e3;background:#fff8e3;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #263b3544}
[data-adventure="story-qualities"] .adventure-hotspot>.adventure-thumbnail{width:100%;height:100%;max-height:100%;border-radius:5px}
.fourth-suitcase-list{position:absolute;left:36%;top:84%;width:28%;height:10%;display:flex;gap:2px;align-items:center;justify-content:center;pointer-events:none}.fourth-suitcase-list .adventure-thumbnail{width:18%;height:100%;max-height:100%;background:#fff8dd;border-radius:3px}
[data-adventure="story-more-clothes"] .adventure-destination{left:35%;top:81%;width:30%;height:17%}
[data-adventure="story-more-clothes"][data-adventure-phase="order"] .fourth-suitcase-list{display:none}
[data-adventure="story-more-clothes"] .adventure-art{width:min(100cqw,calc(100cqh - 42px));height:min(100cqw,calc(100cqh - 42px));margin-top:42px}
[data-adventure="story-more-clothes"]:is([data-adventure-phase="listen"],[data-adventure-phase="picture"]):not([data-target="wear"]) :is([data-answer="wear"],[data-answer$="__wear"]){display:none}
[data-adventure="story-seasons"] .adventure-hotspot:has(>.adventure-thumbnail){border:2px solid #fff8e3;background:#fff8e3;border-radius:10px;overflow:hidden;box-shadow:0 2px 5px #263b3544}
[data-adventure="story-seasons"] .adventure-hotspot>.adventure-thumbnail{width:100%;height:100%;max-height:100%;border-radius:7px}
[data-view="season-autumn"] :is([data-answer="sun"],[data-answer$="__sun"]),[data-view="season-winter"] :is([data-answer="sun"],[data-answer$="__sun"]),[data-view="season-autumn"] :is([data-answer="flower"],[data-answer$="__flower"]),[data-view="season-winter"] :is([data-answer="flower"],[data-answer$="__flower"]){display:none}
.fourth-season-note{position:absolute;top:68%;left:25%;right:2%;background:#fff9e8e8;border-radius:8px;padding:4px;color:#35543e;font-size:clamp(10px,1vw,14px);text-align:center;pointer-events:none}.fourth-season-note[hidden]{display:none}
[data-adventure="story-seasons"] .adventure-art{width:min(100cqw,calc(100cqh - 42px));height:min(100cqw,calc(100cqh - 42px));margin-top:42px}
.fourth-tree-ornaments{position:absolute;inset:0;pointer-events:none}.fourth-tree-ornaments>span{position:absolute}.fourth-ornament-sprite{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
[data-adventure="story-christmas"] .adventure-art{width:min(100cqw,calc(100cqh - 42px));height:min(100cqw,calc(100cqh - 42px));margin-top:42px}
[data-adventure="story-christmas"] .adventure-destination{left:38%;top:66%;width:26%;height:17%}
.encore-job-labels{position:absolute;inset:0;pointer-events:none}.encore-job-labels span{position:absolute;transform:translateX(-50%);background:#fff8de;color:#284d39;border-radius:5px;padding:2px 5px;font-size:clamp(9px,1vw,14px)}
.encore-count-controls{position:absolute;bottom:1%;left:4%;right:4%;display:flex;align-items:center;justify-content:center;gap:4px;background:#fff8e9f5;border-radius:9px;padding:3px;font-size:clamp(10px,1vw,14px);color:#35513e}.encore-count-controls button{font:inherit;min-width:30px;min-height:32px;border:1px solid #9aaf94;border-radius:7px;background:#fffdf5;color:#35513e;cursor:pointer}.encore-count-controls button[aria-pressed="true"]{background:#28715b;color:white}
.encore-face-parts{position:absolute;inset:0;pointer-events:none}.encore-face-feature{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}.encore-face-parts .encore-face-feature{position:absolute;width:18%;height:18%}.encore-eye-left{left:30%;top:27%}.encore-eye-right{left:49%;top:27%}.encore-face-parts .encore-nose{left:40%;top:35%;width:18%;height:18%}.encore-face-parts .encore-mouth{left:37%;top:39%;width:24%;height:24%}
.encore-pair-thumbnail{display:flex;align-items:center;gap:2px}.encore-pair-thumbnail .encore-face-feature{width:50%;height:100%}
.encore-eye-controls{position:absolute;bottom:2%;left:5%;right:5%;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;background:#fff8e8ed;border-radius:10px;padding:5px;color:#35503b;font-size:clamp(10px,1vw,14px)}.encore-eye-controls button{font:inherit;border:1px solid #9baf96;border-radius:8px;background:#fffef4;min-height:32px;padding:3px 8px;color:#35503b;cursor:pointer}.encore-eye-controls button[aria-pressed="true"]{background:#28715b;color:white}
[data-adventure="story-toy-face"] .adventure-destination{left:35%;top:79%;width:30%;height:18%}
.encore-doll-wig{position:absolute;left:36%;top:6.5%;width:28%;height:28%;pointer-events:none}.encore-wig{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
[data-adventure="story-toy-body"] .adventure-art{width:min(100cqw,calc(100cqh - 42px));height:min(100cqw,calc(100cqh - 42px));margin-top:42px}
[data-adventure="story-toy-body"] .adventure-destination{left:35%;top:87%;width:30%;height:12%;flex-direction:row;gap:4px}
[data-adventure="story-toy-body"] .adventure-destination .adventure-thumbnail{width:36px;height:36px}
[data-adventure="story-toy-secrets"] .adventure-destination{left:36%;top:69%;width:28%;height:19%}
[data-adventure="story-jobs"] .adventure-destination{left:35%;top:87%;width:30%;height:12%;flex-direction:row;gap:5px}
[data-adventure="story-jobs"] .adventure-destination .adventure-thumbnail{width:32px;height:32px}
.adventure-panel{position:absolute;inset:21% 8% 6%;padding:18px;background:#fffdf2f7;border-radius:20px;box-shadow:0 6px 25px #34503933;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:18px}
.adventure-context{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-width:0;text-align:center}.adventure-context p{margin:0;font-size:clamp(14px,1.6vw,21px);line-height:1.3}.adventure-context .adventure-thumbnail{width:110px;height:110px;max-height:110px}
.adventure-replies{display:grid;gap:10px;min-width:0}.adventure-phrase-translation{font-size:clamp(16px,2vw,24px);line-height:1.3;background:#e5f0de;padding:16px;border-radius:15px;margin:0}.adventure-replies>span{font-size:.85rem;color:#526958}
.adventure-badge{position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fffbedf0;padding:3px 7px;border-radius:8px;font-size:clamp(11px,1vw,16px);font-weight:700;color:#374d3a}
.adventure-outfit{position:absolute;inset:0;pointer-events:none}.outfit-piece{position:absolute;background-image:url('assets/story-clothes/garments.png');background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(0 2px 1px #503e2120)}
.outfit-hat{left:37%;top:20%;width:25%;height:19%;background-position:100% 100%}
.outfit-jacket{left:36%;top:39%;width:27%;height:25%;background-position:0 0}
.outfit-coat{left:34%;top:39%;width:30%;height:36%;background-position:100% 0}
.outfit-coat{clip-path:polygon(0 0,35% 0,35% 12%,50% 25%,65% 12%,65% 0,100% 0,100% 100%,0 100%)}
.outfit-shorts{left:41%;top:56%;width:17%;height:15%;background-position:0 100%}
.outfit-head{position:absolute;inset:0;background:url('assets/story-clothes/scene.png') center/100% 100% no-repeat;clip-path:polygon(39% 23%,61% 23%,61% 39%,53% 41%,52% 43.5%,51% 44%,48% 44%,47% 43.5%,47% 41%,39% 39%);z-index:3}
.outfit-shorts{z-index:0}.outfit-jacket,.outfit-coat{z-index:1}.outfit-hat{z-index:4}
.adventure-category-examples{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;padding:3px;border:2px solid #b5b993;border-radius:12px;background:#fffbed;box-shadow:0 2px 4px #263c2426;pointer-events:none}
.adventure-category-examples>.adventure-thumbnail{display:block;flex:1;min-width:0;width:30%;height:100%;border-radius:7px}
.adventure-thumbnail.adventure-category-examples{width:110px;height:60px;flex:none}
[data-adventure="story-clothes"] .adventure-destination{left:4%;top:78%;width:25%;height:18%}
@media(max-width:760px){.adventure-count{top:max(16%,60px);left:5px;font-size:11px;padding:3px 6px}.adventure-panel{inset:19% 3% 3%;padding:10px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:8px}.adventure-context{flex-direction:row;text-align:left;gap:8px}.adventure-context p{font-size:14px;line-height:1.2}.adventure-context .adventure-thumbnail{width:45px;height:45px}.adventure-replies{gap:6px}.adventure-phrase-translation{font-size:16px;padding:10px}.adventure-replies>span{font-size:12px}.adventure-destination{border-radius:8px}.adventure-destination .adventure-thumbnail{width:36px;height:36px}.adventure-check{width:18px;height:18px;font-size:12px}.scene-adventure>.task-area{padding:5px 10px}.adventure-hotspot{min-width:36px;min-height:36px}}
@media(max-height:560px) and (orientation:landscape){.adventure-art{width:min(100cqw,100cqh);height:min(100cqw,100cqh);align-self:center}.adventure-world{align-items:center}.adventure-count{top:24%;font-size:11px}.adventure-panel{inset:23% 4% 3%;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:1fr;padding:8px}.adventure-context p{font-size:14px}.adventure-replies{gap:4px}.adventure-replies .cafe-reply{min-height:34px;font-size:14px;padding:5px 25px 5px 8px}.adventure-context .adventure-thumbnail{width:48px;height:48px}.adventure-phrase-translation{font-size:15px;padding:7px}.adventure-destination .adventure-thumbnail{width:35px;height:35px}}
@media(prefers-reduced-motion:no-preference){.adventure-hotspot.is-correct .adventure-halo{position:absolute;inset:5%;border-radius:50%;border:3px solid #fff1a4;animation:adventure-spark .6s ease-out}@keyframes adventure-spark{from{transform:scale(.6);opacity:1}to{transform:scale(1.3);opacity:0}}}


.adventure-bush{position:absolute;inset:0;border-radius:45% 50% 25% 35%;display:grid;place-items:center;color:#80b34a;font-size:clamp(30px,5vw,70px);background:radial-gradient(ellipse at 35% 20%,#90bc52,#397d40 65%,#285d38);box-shadow:inset 2px 3px 8px #d7e98d55,0 4px 3px #22442720;transition:opacity .25s,transform .25s}.is-selected .adventure-bush{opacity:0;transform:translateY(20%)}
[data-adventure="story-animals"] .adventure-destination{left:44%;top:43%;width:22%;height:18%}
@media(orientation:portrait){[data-adventure="story-animals"] .adventure-art{width:min(100cqw,calc(100cqh - 58px));height:min(100cqw,calc(100cqh - 58px));margin-top:58px}}

.adventure-photo-label{position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);background:#fff8df;color:#2b5847;font-size:clamp(10px,1.1vw,17px);font-weight:700;padding:2px 7px;border-radius:6px;box-shadow:0 1px 3px #58442833}
[data-adventure="story-family"] .adventure-destination{left:3%;top:82%;width:29%;height:16%}

[data-adventure="story-actions"] .adventure-art{width:min(100cqw,calc(100cqh - 42px));height:min(100cqw,calc(100cqh - 42px));margin-top:42px}
.action-character{display:block;position:absolute;inset:0;background-repeat:no-repeat;pointer-events:none;transform-origin:center 80%}
[data-adventure="story-actions"] .adventure-destination{left:3%;top:48%;width:27%;height:15%}
@media(prefers-reduced-motion:no-preference){
.is-performing .action-jump{animation:action-jump .65s ease-in-out 3}.is-performing .action-run{animation:action-run .35s ease-in-out 6}.is-performing .action-sing{animation:action-sing .55s ease-in-out 4}.is-performing .action-swim{animation:action-swim .7s ease-in-out 3}.is-performing .action-dance{animation:action-dance .55s ease-in-out 4}.is-performing .action-climb{animation:action-climb 1s ease-in-out 2}.is-performing .action-fly{animation:action-fly 1s ease-in-out 2}
@keyframes action-jump{50%{transform:translateY(-14%)}}@keyframes action-run{50%{transform:translateX(12%) rotate(-3deg)}}@keyframes action-sing{50%{transform:scale(1.05) rotate(2deg)}}@keyframes action-swim{50%{transform:translateX(7%) rotate(3deg)}}@keyframes action-dance{25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes action-climb{50%{transform:translateY(-10%)}}@keyframes action-fly{50%{transform:translate(12%,-10%) rotate(-4deg)}}
}

.adventure-summary{height:100dvh;box-sizing:border-box;padding:12px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;overflow:hidden}.adventure-summary .summary-symbol{width:44px;height:44px;border-radius:15px;font-size:27px;margin:0 0 4px;flex-shrink:0}.adventure-summary h1{font-size:1.5rem;margin:3px 0}.adventure-summary>p{font-size:.85rem;line-height:1.3;margin:4px 0}.adventure-summary .summary-stats{margin:7px 0;gap:8px;width:100%}.adventure-summary .summary-stat{padding:10px}.adventure-summary .summary-stat strong{font-size:1.6rem}.adventure-summary .word-list{margin:6px 0}.adventure-summary .summary-actions{gap:7px}.adventure-summary .summary-actions .button{min-height:42px;padding:8px 12px;font-size:.85rem}
@media(max-height:450px){.adventure-summary .summary-symbol{display:none}.adventure-summary{padding:7px 16px;gap:2px}.adventure-summary>p{margin:2px 0}.adventure-summary .summary-stats{margin:3px 0}.adventure-summary .summary-stat{padding:5px}.adventure-summary h1{font-size:1.2rem}}