.mission-guide{--pip-gold:#ffd974;--pip-ink:#194d48;display:grid;grid-template-columns:130px minmax(0,1fr);margin:0 0 26px;border:2px solid #cfac6c;border-radius:26px;background:#fff8e8;box-shadow:0 8px 25px #1b514218;overflow:hidden;color:var(--pip-ink);text-align:left}
.pip-stage{position:relative;display:grid;place-items:center;min-height:180px;overflow:hidden;background:radial-gradient(circle,#fff6c5,#d8ece1)}
.pip-scenery{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;filter:saturate(.8)}
.pip-scene-badge{display:none;position:absolute;top:18px;left:18px;z-index:2;background:#153e3de8;color:#fff7dd;padding:8px 12px;border:1px solid #edcd86;border-radius:12px;font:750 11px/1.4 system-ui;letter-spacing:.12em}
.pip-copy{position:relative;padding:22px 24px;min-width:0;background:linear-gradient(120deg,#fffaf0,#fff2d1)}
.pip-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.mission-world .pip-heading h2{font:650 23px/1.22 Georgia,serif;letter-spacing:-.015em;margin:0 0 12px}.mission-world .pip-heading>button{background:transparent;border:0;min-height:44px;padding:4px 8px;font-size:12px;text-decoration:underline;flex-shrink:0}
.mission-world .pip-message{font-size:17px;line-height:1.65;margin:0 0 12px;max-width:68ch}.mission-world .pip-caption{font-size:12px;line-height:1.6;color:#456356;margin:10px 0 16px}
.pip-tools,.pip-story-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mission-world .pip-tools button,.mission-world .pip-story-controls button{min-height:44px;padding:9px 12px;font-size:13px;background:#fffdf4;border:1px solid #a1bba2;border-radius:13px;box-shadow:0 2px 0 #a5bb9840}.mission-world .pip-tools button:nth-child(2){background:#225b51;color:#fff6df;border-color:#225b51}.pip-hint-count,.pip-story-count{font-size:12px;font-weight:650}.pip-story-controls{border-top:1px solid #d5bb84;margin-top:18px;padding-top:16px}.pip-story-count{flex-basis:100%}
.mission-guide-story{grid-template-columns:1.05fr 1fr;min-height:360px;border-radius:32px;margin-bottom:28px}.mission-guide-story .pip-stage{min-height:360px}.mission-guide-story .pip-scenery{opacity:1;filter:none}.mission-guide-story .pip-scenery:after{content:''}.mission-guide-story .pip-copy{padding:32px 28px;display:flex;flex-direction:column;justify-content:center}.mission-guide-story .pip-heading h2{font-size:32px}.mission-guide-story .pip-message{font-size:19px}.mission-guide-story .pip-scene-badge{display:block}.mission-guide-story .pip-character{scale:1.8;margin-top:65px;filter:drop-shadow(0 12px 10px #183e4b55)}
.pip-character{position:relative;width:105px;height:130px;z-index:2;transform-origin:50% 85%;filter:drop-shadow(0 7px 4px #43573b33)}
.pip-character span,.pip-character i{position:absolute;display:block}.pip-halo{inset:18px -17px 5px;background:radial-gradient(ellipse,#fff7aacc,transparent 68%);border-radius:50%}.pip-handle{width:36px;height:27px;left:35px;top:8px;border:6px solid #d5a94f;border-bottom:0;border-radius:22px 22px 0 0;box-shadow:inset 0 2px 0 #ffedc4}.pip-cap{top:29px;left:17px;width:73px;height:17px;background:linear-gradient(#376e60,#1b5148);border:2px solid #244e44;border-radius:14px 14px 6px 6px;z-index:4}.pip-body{left:22px;top:42px;width:64px;height:67px;border-radius:17px 17px 23px 23px;border:4px solid #b68232;background:linear-gradient(125deg,#fff5c2,#ffd572 60%,#eda742);box-shadow:inset 5px 0 0 #fff4bbaa,inset -5px 0 0 #eab95666;z-index:3}.pip-face{left:24px;top:49px;width:60px;height:53px;z-index:5}.pip-eye{width:8px;height:12px;top:11px;border-radius:50%;background:#224d43}.pip-eye.left{left:14px}.pip-eye.right{right:13px}.pip-eye:after{content:'';display:block;width:3px;height:4px;background:white;margin:2px;border-radius:50%}.pip-smile{left:23px;top:29px;width:15px;height:9px;border-bottom:3px solid #885236;border-radius:0 0 50% 50%}.pip-arm-left,.pip-arm-right{top:61px;width:25px;height:9px;background:#285d50;border-radius:7px;z-index:2}.pip-arm-left{left:2px;rotate:-25deg}.pip-arm-right{right:0;rotate:-35deg;transform-origin:left center}.pip-feet{left:26px;top:105px;width:56px;height:14px;border-radius:10px;background:linear-gradient(90deg,#26594e 0 40%,transparent 40% 60%,#26594e 60%)}
.pip-sparkles{position:absolute;inset:0;z-index:1;background-image:radial-gradient(circle at 20% 25%,#fff4b6 0 2px,transparent 3px),radial-gradient(circle at 80% 35%,#fff4b6 0 3px,transparent 4px),radial-gradient(circle at 70% 80%,#fff4b6 0 2px,transparent 3px)}
.mission-guide[data-collapsed=true]{grid-template-columns:1fr}.mission-guide[data-collapsed=true] .pip-heading h2{margin:0}.mission-guide[data-mood=celebrating] .pip-smile{height:12px;border:2px solid #885236;border-radius:3px 3px 10px 10px;background:#bc6b50}.mission-guide[data-mood=celebrating] .pip-copy{background:linear-gradient(120deg,#f6ffed,#fff0c2)}
@media(prefers-reduced-motion:no-preference){.mission-guide[data-motion=true] .pip-character{animation:pip-float 4s ease-in-out infinite}.mission-guide[data-motion=true] .pip-arm-right{animation:pip-wave 3.6s ease-in-out infinite}.mission-guide[data-motion=true] .pip-sparkles{animation:pip-glow 3s ease-in-out infinite}.mission-guide[data-motion=true][data-mood=celebrating] .pip-character{animation:pip-joy .65s ease-in-out 2}@keyframes pip-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes pip-wave{0%,65%,100%{rotate:-35deg}75%,85%{rotate:-65deg}80%,90%{rotate:-20deg}}@keyframes pip-glow{0%,100%{opacity:.45}50%{opacity:1}}@keyframes pip-joy{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px) rotate(5deg)}}}
@media(max-width:1000px){.mission-guide-story{grid-template-columns:1fr}.mission-guide-story .pip-stage{min-height:260px}.mission-guide-story .pip-character{scale:1.45;margin-top:42px}.mission-guide-story .pip-copy{padding:24px}}
@media(max-width:560px){.mission-guide{grid-template-columns:80px minmax(0,1fr);border-radius:22px;margin-bottom:22px}.pip-stage{min-height:200px}.pip-character{scale:.7}.pip-copy{padding:18px 14px}.mission-world .pip-heading h2{font-size:20px}.pip-heading{flex-wrap:wrap;gap:0}.mission-world .pip-heading>button{padding:0;min-height:32px;margin-bottom:8px}.mission-world .pip-message{font-size:15px}.mission-guide-story{grid-template-columns:1fr}.mission-guide-story .pip-stage{min-height:230px}.mission-guide-story .pip-character{scale:1.25;margin-top:48px}.mission-guide-story .pip-copy{padding:22px 18px}.mission-guide-story .pip-heading h2{font-size:27px}.mission-guide-story .pip-message{font-size:17px}.pip-scene-badge{top:12px;left:12px;right:12px;width:fit-content;font-size:9px}.pip-tools,.pip-story-controls{gap:8px}.mission-world .pip-tools button,.mission-world .pip-story-controls button{padding:8px 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.mission-guide *{animation:none!important;transition:none!important}}