.story-experience{max-width:1680px;padding:20px 32px 48px;margin:auto}.experience-switch{display:flex;align-items:center;gap:8px;margin:0 0 18px}.experience-switch button{background:transparent;padding:12px 19px;min-height:46px;border:1px solid var(--line);border-radius:30px;font-size:14px}.experience-switch button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.experience-switch>span{margin-left:auto;font-size:12px;letter-spacing:1.5px;color:var(--muted)}.story-shell{border:1px solid #d9e3da;border-radius:26px;overflow:hidden;background:#f2f6ed}.story-main{display:grid;grid-template-columns:minmax(340px,.86fr) minmax(0,1.3fr);min-height:580px}.story-copy{padding:38px 34px 22px;display:flex;flex-direction:column;align-items:flex-start}.story-copy>.eyebrow{color:#527344;font-size:12px;letter-spacing:1.5px}.story-copy h1{font-size:clamp(36px,3.6vw,59px);letter-spacing:-2.2px;line-height:1.12;margin:17px 0 25px;font-weight:500;max-width:540px}.story-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#577d36}.story-dialogue{width:100%;font-size:16px;line-height:1.65}.speaker-label{display:block;font-size:12px;font-weight:700;letter-spacing:1.4px;margin-bottom:7px}.visitor-line{padding-left:17px;border-left:3px solid #c09c80;margin-bottom:21px}.visitor-line .speaker-label{color:#7b5740}.visitor-line p{font-size:17px}.guide-line{padding-left:17px;border-left:3px solid #749949}.guide-line .speaker-label{color:#456d30}.guide-line p{color:#3c5c50}.story-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:26px 0 19px}.story-actions .button{min-height:48px;padding:13px 21px;font-size:14px;gap:18px}.story-actions .text-link{font-size:14px;min-height:44px}.story-transport{display:flex;align-items:center;gap:10px;width:100%;margin-top:auto;font-size:12px;flex-wrap:wrap}.story-transport button{background:transparent;min-height:44px;font-size:14px;padding:8px 5px;white-space:nowrap}.story-transport button:disabled{opacity:.4}.story-transport #story-position{color:var(--muted);margin-right:auto}.story-transport button[aria-pressed=true]{color:#315d19;font-weight:700}.tour-progress{width:100%;height:3px;background:#dde6d8;overflow:hidden;border-radius:3px;margin-top:5px}.tour-progress span{display:block;height:100%;width:0;background:#6b973d}.story-world{position:relative;min-height:590px;background:radial-gradient(ellipse at 50% 38%,#32654e 0,#194a3b 43%,#10382e 100%);overflow:hidden;color:#f0f7e5}.story-world canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;opacity:0;transition:opacity .5s}.story-world.is-ready canvas{opacity:1}.story-world canvas:active{cursor:grabbing}.story-stage-top{position:absolute;top:0;left:0;right:0;z-index:2;padding:22px;display:flex;gap:10px;justify-content:space-between;align-items:center;pointer-events:none}.story-stage-top>span{font-size:12px;letter-spacing:1.3px;color:#d2e5c9}.story-stage-top>div{display:flex;gap:6px;pointer-events:auto}.story-stage-top button{border:1px solid #729781;background:#194b3dec;color:#eaf6df;border-radius:22px;padding:8px 11px;font-size:14px;min-height:44px}.story-stage-top button[aria-pressed=true]{background:#ddf7ac;color:#183e2e;border-color:#ddf7ac}.story-camera{position:absolute;right:20px;bottom:86px;display:flex;flex-direction:column;gap:7px;z-index:2}.story-camera button{height:44px;width:44px;border:1px solid #739780;border-radius:50%;color:#f0f6e8;background:#173f32dc;font-size:22px}.story-camera button:hover{background:#366445}.actor-labels{position:absolute;left:0;right:0;bottom:80px;display:flex;justify-content:space-around;pointer-events:none;padding:0 10%;font-size:12px;letter-spacing:.5px;color:#e3efdc}.actor-labels span{background:#0e3528bd;padding:7px 10px;border-radius:20px;border:1px solid #6a8c6150}.scene-caption{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 20px 20px;text-align:center;background:linear-gradient(transparent,#0d322660);pointer-events:none}.scene-caption>span:first-child{font-size:15px;font-weight:500;color:#e7facb}.scene-caption>span:last-child{font-size:12px;color:#b9d0bd}.story-interaction{display:grid;grid-template-columns:minmax(340px,.86fr) minmax(0,1.3fr);border-top:1px solid #d8e3d0;background:#fafcf6}.story-choices{padding:25px 34px;border-right:1px solid #d8e3d0}.interaction-prompt{font-size:14px;font-weight:600;margin-bottom:14px}.story-options{display:flex;gap:8px;flex-wrap:wrap}.story-options button{display:flex;align-items:center;gap:8px;padding:10px 13px;min-height:44px;background:#edf2e6;border:1px solid #d5dfc9;border-radius:12px;font-size:14px;text-align:left}.story-options button>span{font-size:12px;opacity:.65}.story-options button:hover{border-color:#7a9955;background:#e3ecd5}.story-options button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.story-detail{padding:24px 34px;min-height:196px}.detail-step{display:block;font-size:12px;letter-spacing:1.4px;font-weight:700;color:#60804b;margin-bottom:8px}.story-detail h2{font-size:23px;font-weight:600;letter-spacing:-.6px;margin-bottom:9px;line-height:1.25}.story-detail>p{font-size:16px;line-height:1.6;color:#486151;max-width:720px}.story-detail>.story-note{font-size:12px;line-height:1.5;margin-top:12px;color:#64755e;max-width:700px}.chapter-link{font-size:14px;font-weight:600;display:inline-flex;padding:8px 0;margin-top:7px;min-height:44px;text-decoration:underline;text-underline-offset:4px;background:none}.chapter-nav{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));background:#e8eedf;border-top:1px solid #d8e3d0;padding:9px;gap:4px}.chapter-nav button{background:transparent;border:1px solid transparent;min-height:73px;padding:10px 8px;border-radius:12px;text-align:left;font-size:14px;line-height:1.3}.chapter-nav button small{display:block;font-size:12px;margin-bottom:6px;opacity:.75}.chapter-nav button[aria-current=step]{background:var(--ink);color:#f5f9e9}.chapter-nav button:hover:not([aria-current=step]){background:#d8e5cd;border-color:#bdceab}.sdg-strip{display:flex;justify-content:space-between;gap:24px;padding:25px 10px 0;align-items:center}.sdg-strip>div{display:flex;gap:15px;align-items:center}.sdg-strip p{line-height:1.5;font-size:14px}.sdg-strip p strong{display:block;font-weight:600}.sdg-strip p span{color:var(--muted)}.sdg-mark{border:3px solid #7a9b53;width:46px;height:46px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:600}.sdg-strip button{background:none;padding:10px 0;min-height:44px;font-size:14px;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}.islands-return{margin:0 0 14px}.story-simple-scene{height:100%;padding:100px 40px 130px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:24px}.story-simple-scene h2{font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.2}.story-simple-scene>p:last-child{font-size:18px;line-height:1.7;max-width:460px;color:#dbebd4}.story-world.is-simple canvas,.story-world.is-simple .actor-labels,.story-world.is-simple .story-camera{display:none}.profile-search{display:block;margin:0 0 12px}.profile-search span{display:block;font-size:12px;margin-bottom:7px;color:var(--muted)}.profile-search input{font-size:16px;border:1px solid #aebea2;border-radius:10px;padding:11px 13px;background:white;color:var(--ink);max-width:100%;width:100%}#profile-empty{font-size:14px;line-height:1.5;color:var(--muted)}#goals-dialog{width:min(860px,calc(100% - 32px))}#goals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:23px}#goals-grid a{display:flex;align-items:center;gap:10px;border:1px solid #d5e0d0;border-left:4px solid var(--goal);border-radius:8px;padding:12px;min-height:78px;font-size:14px;line-height:1.35;background:white}#goals-grid a strong{font-size:22px;font-weight:500;min-width:28px}#goals-grid a:hover{background:#eaf0e2}.chapter-goals{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.chapter-goals a{font-size:12px;border-bottom:2px solid var(--goal);padding:6px 2px;line-height:1.4}.chapter-goals>span{font-size:12px;color:var(--muted);align-self:center;margin-right:5px}.story-world button:focus-visible{outline-color:#e6ffb2}.story-actions #play-tour[aria-pressed=true]{font-weight:700;text-decoration:underline;text-underline-offset:5px}
@media(min-width:1700px){.story-main{min-height:650px}.story-world{min-height:650px}}
@media(max-width:1150px){.story-experience{padding:20px 24px 42px}.story-copy{padding:30px 25px 20px}.story-main,.story-interaction{grid-template-columns:minmax(320px,.95fr) minmax(0,1.15fr)}.story-stage-top>span{display:none}.story-stage-top{justify-content:flex-end;padding:16px}.story-choices,.story-detail{padding:23px 25px}.story-world{min-height:600px}.chapter-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.chapter-nav button{min-height:65px}.experience-switch>span{font-size:12px;letter-spacing:.5px}.actor-labels{padding:0 7%}}
@media(max-width:800px){.story-experience{padding:14px 16px 36px}.experience-switch>span{display:none}.experience-switch{margin-bottom:12px}.experience-switch button{padding:10px 16px}.story-main{grid-template-columns:1fr}.story-copy{padding:27px 25px 20px}.story-copy h1{font-size:42px;margin:17px 0 22px;max-width:none;letter-spacing:-1.8px}.story-copy h1 br{display:none}.story-dialogue{display:grid;grid-template-columns:.8fr 1.6fr;gap:20px}.visitor-line{margin-bottom:0}.story-actions{margin:22px 0 8px}.story-world{min-height:460px}.story-interaction{grid-template-columns:1fr}.story-choices{border-right:0;border-bottom:1px solid #d8e3d0;padding:22px 25px}.story-detail{min-height:0;padding:22px 25px}.chapter-nav{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px;gap:4px}.chapter-nav button{min-height:62px}.chapter-nav button small{margin-bottom:4px}.sdg-strip{padding:23px 5px 0;align-items:flex-start;flex-wrap:wrap;gap:10px}.sdg-strip button{margin-left:61px}.story-simple-scene{min-height:460px;padding-top:85px}.actor-labels{bottom:75px}.story-transport{gap:13px}.story-camera{right:13px}.story-stage-top{padding:14px}.story-main .story-world{order:2}.story-copy{order:1}}
@media(max-width:480px){.story-copy{padding:25px 22px 17px}.story-copy>.eyebrow{font-size:12px;letter-spacing:.8px}.story-copy h1{font-size:37px;letter-spacing:-1.5px}.story-dialogue{display:block}.visitor-line{margin-bottom:18px}.story-dialogue p{font-size:16px}.story-world{min-height:385px}.story-transport{gap:8px}.story-transport #story-position{font-size:12px}.story-transport button{font-size:14px}.story-actions{gap:6px 17px}.story-choices,.story-detail{padding:21px 22px}.story-options{gap:7px}.story-options button{font-size:14px;padding:10px 12px}.chapter-nav button{font-size:14px;padding:9px 7px}.scene-caption{padding:13px 10px 18px}.scene-caption>span:first-child{font-size:14px}.actor-labels{padding:0 4%;font-size:12px;bottom:76px}.actor-labels span{padding:6px 9px}.story-camera{bottom:116px;right:10px}.story-camera button{height:44px;width:44px}.story-stage-top button{font-size:14px;padding:8px 10px}.sdg-strip p{font-size:14px}.story-simple-scene{min-height:385px;padding:90px 26px 100px}.story-simple-scene>p:last-child{font-size:16px}#goals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#goals-grid a{font-size:14px;gap:7px;padding:10px;min-height:88px}#goals-grid a strong{font-size:19px;min-width:23px}.story-transport #replay-chapter{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.story-world canvas{transition:none}}
.actor-labels{inset:0;padding:0;display:block}.actor-labels span{position:absolute;transform:translateX(-50%);white-space:nowrap}.actor-labels .is-speaking{background:#e0f6b7;color:#204331;border-color:#e0f6b7}