.casual-visual{min-width:0}.casual-scene{margin:12px 0;border:1px solid #dedfc7;border-radius:20px;overflow:hidden;background:#fffaf0}.scene-art{position:relative}.scene-art>img{display:block;width:100%;height:auto}.scene-tag{position:absolute;transform:translate(-50%,-50%);padding:5px 9px;border-radius:10px;background:#fffdf2f5;color:#214940;font-size:clamp(12px,1.5vw,16px);font-weight:750;line-height:1.5;box-shadow:0 2px 5px #34524225;white-space:nowrap;text-align:center}.scene-tag.panel-label{white-space:pre-line;box-shadow:none;background:transparent;padding:0;font-size:clamp(12px,1.5vw,17px)}.casual-scene figcaption{padding:10px 13px;margin:0;color:#45645d;font-size:13px;line-height:1.6;text-align:center;background:#fffaf0}.scene-facts{font-size:14px;padding:8px 12px}.scene-facts summary{cursor:pointer}.scene-facts ul{padding-left:20px}.trade-routes{display:grid;grid-template-columns:1fr 1fr;gap:7px}.trade-routes>div{background:#f4f1df;border:1px solid #e2dfc7;border-radius:12px;padding:9px 7px;text-align:center;font-size:13px}.trade-routes strong{display:block;font-size:17px;color:#286052;margin-top:3px}.trade-routes b{color:#a8763d}.scene-note{font-size:14px;text-align:center}.village-map>svg{display:block;width:100%;font-family:Pretendard,sans-serif}.village-map svg svg{overflow:hidden}.map-grass{fill:#e6eed5}.village-path{fill:none;stroke:#d9b478;stroke-width:12;stroke-linecap:round}.closed-path{fill:none;stroke:#b45c50;stroke-width:6;stroke-dasharray:9 7}.village-map text{fill:#204b42;font-size:14px;font-weight:700;paint-order:stroke;stroke:#fffbe9;stroke-width:5;stroke-linejoin:round}.coordinate-line{fill:none;stroke:#97b998;stroke-width:1.5}.garden-scene{width:100%;max-width:720px;margin:12px auto}.garden-stage{position:relative;aspect-ratio:3/2}.garden-stage>img{display:block;width:100%;height:100%}.garden-cells{position:absolute;left:18%;top:20%;width:64%;height:53%;display:grid;grid-template-columns:repeat(var(--garden-cols),1fr);grid-template-rows:repeat(var(--garden-rows),1fr);border:2px solid #ffefc3;box-shadow:0 0 0 1px #80552b}.garden-cell{display:grid;place-items:center;min-width:0;min-height:0;margin:0;padding:2px;border:1px solid #ffefc3ab;border-radius:0;background:#fceac011;color:#fff4ce;font-size:21px;box-shadow:none;overflow:hidden}.garden-cell>img{width:100%;height:100%;object-fit:contain;pointer-events:none}.garden-cell.planted{background:#7d934133}.garden-cell:hover{background:#ffebb24a}.garden-cell:focus-visible{outline:3px solid #123c36;outline-offset:-4px;z-index:1}.garden-cell.planted img{animation:flower-appear .2s ease-out}@keyframes flower-appear{from{transform:scale(.7)}to{transform:scale(1)}}
@media(min-width:801px){.puzzle-panel:has(>.casual-visual){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:8px 20px;align-items:start}.puzzle-panel:has(>.casual-visual)>*{grid-column:1/-1}.puzzle-panel:has(>.casual-visual)>.casual-visual{grid-column:1;grid-row:5}.puzzle-panel:has(>.casual-visual)>:is(.choices,.answer-fields,.order-work){grid-column:2;grid-row:5/span 2}.puzzle-panel:has(>.casual-visual)>:is(.reference,.reference-group){grid-column:1;grid-row:6}.puzzle-panel:has(>.casual-visual) .casual-scene{margin-top:0}}
@media(max-width:600px){.garden-stage{aspect-ratio:1/1}.scene-tag{padding:3px 5px;font-size:12px}.trade-routes>div{font-size:12px}.casual-scene{border-radius:14px}.garden-scene{width:calc(100% + 40px);margin-left:-20px}}
@media(prefers-reduced-motion:reduce){.garden-cell.planted img{animation:none}}

@media(max-width:600px){.garden-stage>img{object-fit:cover}.garden-cells{left:2%;width:96%}}

.chest-row,.lamp-row{display:flex;gap:10px;justify-content:center;padding:16px 10px;background:linear-gradient(#fff8e3,#eee6c9)}.chest-row>div,.lamp-row>div{flex:1;min-width:0;text-align:center;color:#244b49}.prop-chest{display:block;aspect-ratio:3/4;background:url(assets/casual-v1/treasure-boxes.webp) no-repeat;background-size:400% 100%}.prop-lamp{display:block;aspect-ratio:1/1;background:url(assets/casual-v1/signal-lamp.webp) no-repeat;background-size:200% 100%}.lamp-row{padding-block:24px}.lamp-row b{font-size:24px}.lamp-row small{font-size:14px}.chest-row b{font-size:14px}

.lamp-row b.lamp-material{display:block;font-size:14px;line-height:1.5;margin:8px 0}

.bead-row{display:flex;align-items:center;justify-content:center;gap:4px;padding:18px 10px;background:#fff9ec}.bead-row>div{flex:1;min-width:0;text-align:center}.bead-prop{display:block;width:100%;aspect-ratio:3/4;background-image:url('assets/casual-v1/marble-kit.webp');background-size:400% 100%;background-repeat:no-repeat}.bead-row small{font-size:12px;white-space:nowrap}.bead-next{font-size:36px;font-weight:900;color:#f79754}.flyer-scene{max-width:370px;margin-inline:auto;background:#fff4d5 url('assets/casual-v1/snack-ad.webp') center top/100% auto no-repeat;aspect-ratio:4/5;position:relative}.flyer-copy{padding:7% 10% 0;text-align:center;color:#752d1a}.flyer-copy>span{font-weight:800;font-size:16px}.flyer-copy h3{font-size:23px;line-height:1.1;margin:8px 0;color:#b7351c}.flyer-copy h3 strong{font-size:56px}.flyer-terms{font-size:14px;line-height:1.55;font-weight:650;color:#51372e}.flyer-scene figcaption{position:absolute;bottom:0;left:0;right:0;background:#fff9edee;font-size:12px!important;padding:7px!important}
@media(max-width:480px){.bead-row{padding:12px 4px;gap:1px}.bead-row small{font-size:10px}.bead-next{font-size:26px}.flyer-copy h3{font-size:20px}.flyer-copy h3 strong{font-size:48px}.flyer-terms{font-size:13px}}
.mushroom-row{display:flex;justify-content:center;gap:10px;padding:8px;background:#fffdf5}.mushroom-row>div{flex:1;min-width:0;text-align:center}.mushroom-row b{display:block;font-size:14px}.mushroom-prop{display:block;width:100%;aspect-ratio:.65;background-image:url('assets/casual-v1/mushroom-row.webp');background-size:500% 100%;background-repeat:no-repeat}
.task-desc{white-space:pre-line}
.casual-scene figcaption,.casual-scene small{font-size:16px;line-height:1.65;color:#304e5a}
.clue-cards{display:grid;gap:10px;margin:18px 0}.clue-cards p{margin:0;padding:16px 18px;background:#fff5d7;border:2px solid #ecc374;border-radius:16px;font-size:18px;font-weight:750;color:#3c4258}
.action-progress{font-weight:750;line-height:1.5}.action-progress small{display:block;font-size:12px}
.hero-art{filter:hue-rotate(var(--hero-hue,0deg))}
.world-hero-art[data-level]:not([data-level="1"]){filter:hue-rotate(var(--hero-hue)) drop-shadow(0 0 5px #ffde8d)}
.world-hero-art[data-level]:not([data-level="1"])::after{content:'✦';position:absolute;left:42%;top:-8px;font-size:19px;color:#ffe5a4;text-shadow:0 1px 3px #724e14}
.world-hero-art[data-level="3"]::after{content:'✦✦';left:30%}.world-hero-art[data-level="4"]::after{content:'♛';font-size:29px;left:37%}.world-hero-art[data-level="5"]::after{content:'♛';font-size:32px;color:#a4ffff;left:36%}.world-hero-art[data-level="6"]::after{content:'♛✦';font-size:30px;left:23%}
.level-up-look{padding:18px;border-radius:22px;background:linear-gradient(135deg,#fff0c6,#e3f8ef)}.level-up-hero{display:block;margin:auto;width:100px;height:120px}
.task-emphasis{font-weight:900;text-decoration:underline;text-underline-offset:4px;color:#9a3c15}
.scene-facts{font-size:17px;line-height:1.8}.scene-facts li{margin:.5em 0}
.reading-passage{font-size:18px;line-height:1.95;padding:22px 24px;background:#fffaf0;border-left:4px solid #deb970;border-radius:4px;word-break:keep-all}
.reading-passage p{margin:0 0 .7em}.reading-passage p:last-child{margin:0}
.reading-visual .lesson-scene{margin-bottom:14px}.reading-visual .casual-scene{margin-bottom:16px}
.switch-lab{background:linear-gradient(140deg,#fdf4d6,#def2ef)}
.switch-lamps{display:flex;justify-content:space-evenly;padding:26px 10px;background:radial-gradient(ellipse at center,#fffdfa,#e8dfc6);border-bottom:8px solid #a97847}
.switch-lamps>div{display:grid;justify-items:center;gap:8px}.switch-lamps .prop-lamp{display:block;width:70px;height:112px}
.switch-controls{display:flex;gap:12px;justify-content:space-evenly;padding:20px 12px}.switch-controls>div{display:grid;justify-items:center;text-align:center;gap:8px;font-size:15px}
.switch-controls i{width:48px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 5px 0 #415565,0 8px 10px #17283b33}.switch-red{background:linear-gradient(#ff9587,#c9323e)}.switch-blue{background:linear-gradient(#94d8ff,#276ecb)}
.wc-difficulty{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;border:2px solid white;border-radius:20px;padding:4px 9px;font-size:14px;font-weight:900;box-shadow:0 2px 6px #17283b55;background:#126747;color:white;pointer-events:none}
.wc-medium .wc-difficulty{background:#9b5100}.wc-spicy .wc-difficulty{background:#68268f}
.wc-mild .wc-name,.wc-medium .wc-name{font-size:14px;font-weight:900}
.wc-mild{--ring:#69e6ac}.wc-medium{--ring:#ffc45d}
.milestone-focus{text-align:center}.milestone-focus p{font-size:19px;line-height:1.8}

.wc-name:empty{display:none}
.journey .quest-difficulty{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:14px;background:#e1f4e9;color:#155640;border:2px solid #50a37d;font-size:15px;line-height:1.4;white-space:normal}.quest-difficulty b{font-size:19px;white-space:nowrap}
.journey .quest-difficulty.medium{background:#fff0d6;color:#7b4108;border-color:#dc9c40}.journey .quest-difficulty.spicy{background:#432960;color:#fff0cb;border-color:#c19bde}.journey .quest-difficulty.mythic{background:linear-gradient(120deg,#322044,#775524);color:#fff2ae;border-color:#e3bd62}
.lesson-scene figcaption span{font-size:15px!important;line-height:1.7}.world-frame .wc .wc-name{font-size:14px}
.notice-paper.reading-passage p{display:block;padding:0;border:0;background:transparent;font-size:18px;line-height:1.95}
.world-companion .mythic-art.world-companion-art{width:86.4px;height:86.4px;margin:-80px 0 0 -43.2px;filter:drop-shadow(0 0 8px #f8d67788)}
.mythic-reward{isolation:isolate;background:radial-gradient(circle,#fff2b5aa,transparent 68%);border-radius:50%}
.mythic-reward .mythic-rays{inset:0;margin:auto;animation:mythic-bloom 1.6s ease-out both,mythic-turn 18s linear infinite}
.mythic-reward .mythic-orbit{left:50%;top:50%;translate:-50% -50%;border-width:3px;box-shadow:0 0 34px #ffda79,inset 0 0 25px #ffe5ab}
.new-friend.mythic-reward .mythic-art{animation:mythic-capture 1.8s cubic-bezier(.16,1,.3,1) both}
@keyframes mythic-turn{to{rotate:360deg}}@keyframes mythic-capture{0%{opacity:0;transform:scale(.25);filter:brightness(5) drop-shadow(0 0 45px #ffd978)}60%{opacity:1;transform:scale(1.15);filter:brightness(1.4) drop-shadow(0 0 24px #f6cf64)}100%{transform:scale(1);filter:drop-shadow(0 5px 16px #d3a93588)}}
@media(prefers-reduced-motion:reduce){.mythic-reward *{animation:none!important}}

.premium-scene{margin:12px 0;background:#fff9ee;border:1px solid #e3d9c4;border-radius:18px;overflow:hidden}.premium-scene-art{width:100%;aspect-ratio:1;background-size:200% 200%;background-repeat:no-repeat}.premium-scene figcaption{padding:12px 16px;font-size:16px;line-height:1.7;color:#365c54}.fruit-icons{display:flex;gap:12px;padding:22px 15px}.fruit-icons>div{flex:1;text-align:center}.fruit-icon{display:block;width:100%;aspect-ratio:1;background-image:url(assets/lesson-premium/fruit-icons.webp);background-size:300% 100%;background-repeat:no-repeat}.fruit-icons b{display:block;margin-top:8px;font-size:19px}.fruit-clues p{font-size:18px;text-align:center}
.journey>span.quest-difficulty:last-child{display:inline-flex;flex-shrink:0}
@media(max-width:700px){.journey{flex-wrap:wrap}.journey>span.quest-difficulty:last-child{font-size:16px;padding:8px 12px}.journey progress{min-width:60px}}