/* All new visual rules are scoped after entering the existing cover. */
[hidden]{display:none!important}
.v2-story{color:#fff9e8;background:#3b8e91;font-family:var(--sans),sans-serif;--v2-bottom:70px}
.v2-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:saturate(.9)}
.v2-shade{position:absolute;inset:0;background:linear-gradient(#184b5e66,transparent 28%,#144e4511 48%,#123f42c9 80%,#103c42ee)}
.v2-heading{position:absolute;top:100px;left:5%;right:5%;pointer-events:none;z-index:6;text-shadow:0 2px 14px #1a4f5299}
.v2-date{font-size:10px;letter-spacing:3px;opacity:.85}
.v2-heading h2{font:400 clamp(25px,3.1vw,40px)/1.5 var(--serif),serif;letter-spacing:3px;margin:9px 0}
.v2-scene-space{position:absolute;inset:20% 0 30%;z-index:2;overflow:hidden;transition:opacity .7s}
.v2-actors{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.v2-on-water .v2-ground,.v2-dinner .v2-ground{display:none}
.v2-puppet{filter:drop-shadow(0 4px 2px #153c3522)}
.v2-subtitle{position:absolute;left:50%;bottom:calc(var(--v2-bottom) + 94px);transform:translateX(-50%);width:min(560px,88%);z-index:9;pointer-events:none;text-shadow:0 2px 7px #143f42;line-height:1.8;text-align:center}
.v2-subtitle strong{display:block;margin-bottom:7px;color:#ffdb9f;font-size:11px;font-weight:500;letter-spacing:2px}
.v2-subtitle p{font-size:clamp(13px,1.3vw,16px);margin:0;letter-spacing:.4px}
.v2-controls{position:absolute;left:50%;bottom:calc(var(--v2-bottom) + 25px);transform:translateX(-50%);width:min(660px,92%);display:flex;justify-content:center;gap:10px;align-items:center;flex-wrap:wrap;z-index:11}
.v2-button{border:1px solid #fff5d380;background:#fff8e5ed;color:#23584f;min-height:43px;padding:10px 18px;border-radius:24px;font:400 12px/1.5 var(--sans),sans-serif;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 18px #15494018;transition:background .2s,box-shadow .2s}
.v2-button:hover{background:#fffdf4;box-shadow:0 3px 20px #173f462f}.v2-button:focus-visible,.v2-paddle-surface:focus-visible,.v2-scroll:focus-visible{outline:3px solid #ffde93;outline-offset:5px}
.v2-button:disabled{opacity:.5;cursor:default}
.v2-primary{background:#fff3d7;color:#22584d;min-width:176px}
.v2-controls .v2-primary:only-child{min-width:205px}
.v2-bottom{position:absolute;left:4%;right:4%;bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:8px;z-index:11}
.v2-bottom .v2-button{border:0;background:transparent;color:#fff6ddcc;box-shadow:none;min-height:40px;padding:4px 5px;font-size:10px;letter-spacing:1px}
.v2-page{font-size:10px;color:#fff8cba6;letter-spacing:3px;white-space:nowrap}
.v2-interactions{position:absolute;inset:0;z-index:7;pointer-events:none}
.v2-interactions button,.v2-interactions input,.v2-interactions a{pointer-events:auto}
.v2-sound{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1.5px solid #f8efcbdc;border-radius:18px;background:#164c50f5;color:#fff7df;padding:10px;box-sizing:border-box;box-shadow:0 3px 12px #143e4640;min-height:100px;width:114px;text-shadow:none;line-height:1.35}
.v2-sound i{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit;border:1px solid #fff6d480;width:42px;height:42px;border-radius:50%;font:normal 24px var(--serif);background:#fff7dc12;box-shadow:none}
.v2-sound:hover{background:#1c5b60}.v2-sound:active{background:#103d42;transform:translateY(2px)}.v2-sound:focus-visible{outline:3px solid #ffe4a0;outline-offset:3px}.v2-sound-talk{left:10%;top:31%}.v2-sound-water{left:22%;top:55%}.v2-sound-drum{right:8%;top:37%}
.v2-sound.v2-visited i{background:#ffe3a544}
.v2-ping i{animation:v2-ping .8s ease-out}.v2-found .v2-puppet[data-person=ajie]{opacity:1!important}.v2-found .v2-sound{opacity:1}.v2-arriving-boat{position:absolute;inset:0;width:100%;height:100%;opacity:.85}.v2-found .v2-actors{transform:scale(1.1)}
.v2-word{position:absolute;left:50%;top:31%;transform:translateX(-50%);font:400 19px var(--serif);padding:15px 25px;white-space:nowrap}
.v2-person{position:absolute;top:57%;background:#fff8e8dd}.v2-person-0{left:10%}.v2-person-1{right:10%}
.v2-meet-friends{position:absolute;width:38%;height:75%;object-fit:contain;left:0;bottom:-3%;opacity:.96}.v2-act-1 .v2-actors{transform:translateX(10%) scale(.88)}
.v2-detail{color:#245348;max-height:83svh}.v2-detail h2{color:#245348;font:400 25px var(--serif);margin:12px 0 20px}.v2-detail .v2-note{color:#526b60;font-size:13px;line-height:1.9}.v2-close{display:block;margin-left:auto;background:transparent;border:0;box-shadow:none;padding:4px 7px;min-height:32px}.v2-detail .v2-button{border-color:#b8cbbb}.v2-conversation{display:flex;flex-direction:column;gap:12px}.v2-person-reply{font-size:14px;line-height:1.9;color:#2b5b4b}
.v2-modal-language{position:absolute;top:28px;left:28px;min-height:32px;padding:4px 12px}.v2-paddle-surface:focus-visible{outline:none}.v2-paddle-surface:focus-visible .v2-drag-hint{outline:2px solid #ffdf98;outline-offset:8px;border-radius:10px}
.v2-on-water .v2-scene-space{inset:20% 0 28%;overflow:hidden}
.v2-boat-canvas{position:absolute;width:100%;height:100%;inset:0;overflow:visible;transform-origin:50% 55%;transition:transform 1s cubic-bezier(.2,.6,.3,1)}
.v2-paddle-surface{position:absolute;inset:0;touch-action:none;cursor:grab;z-index:3;border-radius:45%;-webkit-user-select:none;user-select:none;outline:none}
.v2-paddle-surface.v2-dragging{cursor:grabbing}.v2-drag-hint{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);color:#fff6d9;font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:9px;width:max-content;max-width:90%;text-shadow:0 2px 8px #164c4b;pointer-events:none}
.v2-drag-hint>span:first-child{font-size:29px}.v2-dragging .v2-drag-hint{opacity:.4}
.v2-stroke-count{position:absolute;right:5%;top:23%;font-size:11px;color:#fff5cf;letter-spacing:2px;background:#1c606047;padding:8px 12px;border:1px solid #fff7d33b;border-radius:20px}
.v2-story[data-shot=blade] .v2-boat-canvas{transform:scale(1.8) translate(-2%,-8%)}
.v2-story[data-shot=grip] .v2-boat-canvas{transform:scale(1.6) translate(2%,9%)}
.v2-story[data-shot=duo] .v2-boat-canvas{transform:scale(1.24) translate(-2%,-3%)}
.v2-story[data-shot=water] .v2-boat-canvas{transform:scale(1.6) translate(0,-10%)}
.v2-story[data-shot=wide] .v2-boat-canvas,.v2-story[data-shot=cheer] .v2-boat-canvas{transform:scale(.95) translate(0,0)}
.v2-on-water[data-phase=complete] .v2-controls{max-width:90%;gap:5px;bottom:calc(var(--v2-bottom) + 10px)}
.v2-on-water[data-phase=complete] .v2-controls .v2-primary{flex-basis:100%;max-width:380px}
.v2-on-water[data-phase=complete] .v2-subtitle{bottom:calc(var(--v2-bottom) + 124px)}
.v2-on-water[data-phase=complete] .v2-drag-hint{opacity:0}
.v2-resume{position:absolute;left:50%;top:58%;transform:translateX(-50%)}
.v2-cheer{position:absolute;left:50%;top:17%;transform:translateX(-50%);background:#fff3cfdd;color:#28604d;padding:13px 23px;border-radius:40% 40% 40% 4px;font:23px var(--serif);animation:v2-show .6s both}
.v2-calendar{position:absolute;left:6%;top:8%;background:#fff5d9ed;color:#7e684d;padding:14px 16px;border-radius:3px;box-shadow:4px 4px 0 #e9b96888;font:24px var(--serif);transform:rotate(-5deg);z-index:4}
.v2-calendar small{display:block;font:9px/2 var(--sans),sans-serif;letter-spacing:1px}
.v2-montage-boat{opacity:.18}
.v2-act-4 .v2-subtitle{bottom:calc(var(--v2-bottom) + 101px)}
.v2-resting .v2-scene-space{inset:23% 0 30%}.v2-phone{position:absolute;left:58%;top:43%;transform:translate(-50%,-50%) rotate(8deg);width:118px;padding:9px 7px 15px;border:5px solid #294443;background:#203d3d;color:#fff8de;border-radius:15px;box-shadow:0 7px 22px #133e4040;text-align:center;font-size:9px;z-index:3}.v2-phone img{display:block;width:100%;height:88px;object-fit:cover;margin-bottom:8px}
.v2-scroll{position:absolute;inset:21% 0 30%;overflow-x:auto;overflow-y:hidden;z-index:4;background:#70b9b4;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#f8e4ac77 transparent;animation:v2-unfold .8s both;transform-origin:60% 48%;user-select:none}
.v2-scroll-image{position:relative;height:100%;width:max(100%,calc(49svh * 3));min-width:100%}.v2-scroll-image>img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.v2-scroll-hotspot{position:absolute;top:46%;background:#fff8e7da;border:1px solid white;font-size:10px;min-height:37px}.v2-boat-spot{left:15%}.v2-shore-spot{left:52%}
.v2-photo-label{position:absolute;left:5%;top:22.5%;z-index:5;background:#244e4cbe;border:1px solid #fff2c966;border-radius:20px;padding:7px 14px;font-size:9px;letter-spacing:2px;pointer-events:none}
.v2-scroll-open .v2-scene-space{opacity:.16}.v2-scroll-open .v2-interactions{z-index:8}.v2-culture-card{position:absolute;right:5%;top:65%;font-size:10px;min-height:35px;background:#fff4d8dd}.v2-scroll-closing{animation:v2-fold .65s both}
.v2-real-visit .v2-background{object-position:42% center}.v2-real-visit .v2-actors{transform:translateY(10%) scale(.85)}.v2-visit-next{position:absolute;left:50%;top:62%;transform:translateX(-50%)}
.v2-dinner .v2-background{object-position:50% 53%}.v2-dinner .v2-shade{background:linear-gradient(#17403777,transparent 38%,#342e1811 50%,#123f42dc 87%)}
.v2-dinner .v2-scene-space{inset:25% 0 23%;overflow:hidden}.v2-dinner .v2-actors{opacity:.98}
.v2-chair-target{position:absolute;left:50%;top:61%;transform:translateX(-50%);background:#fff2c74d;border:1px solid #fff5d3;color:#fff9da;box-shadow:0 0 0 10px #fff1bf17;text-shadow:0 1px 8px #3e4f34;padding:12px 24px}
.v2-moving-chair{position:absolute;left:55%;top:69%;width:37px;height:54px;border:5px solid #936338;border-top-width:18px;border-radius:4px;opacity:.8}
.v2-backpack{position:absolute;left:27%;top:57%;width:35px;height:44px;border-radius:12px 12px 6px 6px;background:#bd8c58;border:3px solid #684f35;transform:rotate(-12deg)}
.v2-table-questions{position:absolute;top:54%;left:50%;transform:translateX(-50%);display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:min(640px,94%)}.v2-table-questions .v2-button{font-size:11px;padding:9px 13px}
.v2-passing-bowl{position:absolute;left:74%;top:65%;width:38px;height:23px;border-radius:5px 5px 25px 25px;background:#fff9dc;border:2px solid #638a8b}
.v2-food-open .v2-passing-bowl:after{content:'';position:absolute;left:-60px;top:-30px;width:70px;height:30px;border-radius:50%;border-top:3px solid #fff5c7a6;transform:rotate(15deg);animation:v2-steam 2s ease-out}
.v2-friends{position:absolute;left:38%;bottom:15%;width:39%;height:80%;object-fit:contain}.v2-act-7 .v2-scene-space{inset:24% 0 28%}
.v2-shutter{position:absolute;left:50%;top:61%;transform:translateX(-50%);border-radius:50%;width:86px;height:86px;padding:12px;font-size:11px;border:3px solid #fffbde;box-shadow:0 0 0 9px #fff4cb24;background:#fff4d5d9}
.v2-frozen-photo{position:absolute;inset:0;z-index:4;padding:10px;background:#fff7e3;box-shadow:0 8px 40px #173d4055;transform:rotate(-2deg);animation:v2-flash .7s both;transition:transform 1.2s,border-radius 1s}
.v2-frozen-photo img{width:100%;height:100%;object-fit:contain;background:#fff7e3}.v2-album-ready .v2-frozen-photo{transform:scale(.55) rotate(6deg);border-radius:23px;padding:15px;border:7px solid #284343;background:#294444}
.v2-selecting .v2-interactions{inset:23% 5% 32%;pointer-events:auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#fff6d077 transparent}.v2-memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(620px,100%);margin:0 auto}
.v2-memory{padding:5px 5px 10px;border-radius:8px;border:2px solid transparent;background:#fff6dfeb;position:relative;min-width:0;line-height:1.4;font-size:10px}.v2-memory img{width:100%;aspect-ratio:1.3;object-fit:cover;border-radius:3px;display:block;margin-bottom:8px;pointer-events:none}.v2-memory.v2-selected{border-color:#ffda83;background:#fff4cf;box-shadow:0 0 0 2px #fff2bd33}.v2-memory.v2-selected:after{content:'✓';position:absolute;right:8px;top:8px;display:grid;place-items:center;background:#2c6653;color:#fff4cb;width:21px;height:21px;border-radius:50%;font-size:12px}
.v2-selection-count,.v2-met-label{text-align:center;font-size:10px;color:#fff5cd;line-height:1.8}.v2-selection-count{font-size:12px;margin:13px 0 0}.v2-met-label{margin:7px 0}
.v2-note{font-size:12px;line-height:1.9}.v2-source-list{padding-left:20px;line-height:1.9}.v2-source-list a{color:#315b4e;text-decoration:underline;font-size:12px}.v2-source-note{color:#4e685b;font-size:12px;line-height:1.9}
.v2-selecting .v2-heading h2{max-width:100%}
body.story-mode .topbar{height:72px;background:linear-gradient(#173f5077,transparent);padding:0 4%}body.story-mode .wordmark{font-size:18px}body.story-mode .wordmark svg{width:25px}body.story-mode .header-actions{gap:13px}body.story-mode .quiet-button{font-size:10px}
body.story-mode #toast{pointer-events:none}
.v2-story-tools{display:flex;position:fixed;right:4%;top:76px;gap:8px;z-index:14;align-items:center}.v2-story-tools button{min-height:32px;padding:5px 12px;background:#224e4d66;border:1px solid #fff7d255;color:#fff4d8;font-size:10px;box-shadow:none}.v2-story-tools[hidden]{display:none!important}
.v2-pause-overlay{position:fixed;inset:70px 0 0;background:#153f4388;backdrop-filter:blur(3px);z-index:13;display:flex;align-items:center;justify-content:center;pointer-events:auto}.v2-pause-overlay .v2-button{font-size:16px;min-height:56px}
.v2-paused *{animation-play-state:paused!important}.v2-reduced *{animation-duration:.12s!important;transition-duration:.12s!important}.v2-reduced .v2-boat-canvas{transform:none!important}.v2-reduced .v2-frozen-photo{transition:transform .12s!important}
@keyframes v2-ping{0%{box-shadow:0 0 0 0 #fff2c68a}100%{box-shadow:0 0 0 45px #fff2c600}}
@keyframes v2-unfold{from{transform:translate(15%,10%) scale(.15);opacity:.3}to{transform:none;opacity:1}}
@keyframes v2-fold{to{transform:translate(15%,10%) scale(.15);opacity:0}}
@keyframes v2-flash{0%{filter:brightness(3)}100%{filter:brightness(1)}}
@keyframes v2-show{from{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes v2-steam{from{opacity:.1;translate:0 20px}to{opacity:0;translate:0 -30px}}
@media(min-width:800px){.v2-scene-space,.v2-on-water .v2-scene-space{inset:15% 10% 24%}.v2-actors{width:75%;left:12.5%}.v2-heading{top:105px}.v2-subtitle{bottom:calc(var(--v2-bottom) + 100px);width:560px}.v2-sound-talk{left:19%;top:35%}.v2-sound-water{left:35%;top:60%}.v2-sound-drum{right:18%;top:39%}.v2-friends{left:40%;width:25%;bottom:12%}.v2-meet-friends{left:15%;width:27%}.v2-phone{left:59%;top:45%;width:145px}.v2-scroll{inset:22% 8% 28%;border-radius:9px;box-shadow:0 6px 40px #143d4455}.v2-scroll-image{width:max(100%,calc(50svh * 3))}.v2-photo-label{left:10%}.v2-dinner .v2-scene-space{inset:20% 8% 18%}.v2-dinner .v2-background{object-fit:cover;object-position:center 55%}.v2-chair-target{top:64%}.v2-table-questions{top:58%}.v2-selecting .v2-interactions{inset:24% 15% 32%}.v2-memory img{aspect-ratio:1.8}.v2-story-tools{top:78px}.v2-bottom{left:5%;right:5%}.v2-controls{bottom:95px}.v2-act-7 .v2-scene-space{inset:20% 15% 24%}}
@media(max-width:430px){.v2-heading{top:125px}.v2-heading h2{font-size:25px;letter-spacing:2px}.v2-date{font-size:9px;letter-spacing:1.8px}.v2-story-tools{top:77px;left:4%;right:4%;justify-content:flex-end}.v2-subtitle{bottom:158px;line-height:1.7}.v2-subtitle p{font-size:13px}.v2-controls{bottom:77px;gap:7px}.v2-controls .v2-button{font-size:11px;padding:10px 13px;min-height:40px}.v2-scene-space,.v2-on-water .v2-scene-space{inset:27% -10% 31%}.v2-drag-hint{font-size:10px;bottom:7%;gap:5px;max-width:78%;text-align:center}.v2-actors{transform:scale(1.2)}.v2-word{top:30%;font-size:17px}.v2-person{top:56%;font-size:10px;min-height:39px}.v2-person-0{left:4%}.v2-person-1{right:4%}.v2-sound-talk{top:29%;left:5%}.v2-sound-water{top:54%;left:16%}.v2-sound-drum{top:36%;right:5%}.v2-sound{font-size:10px;width:104px}.v2-stroke-count{top:25%;right:5%;font-size:10px}.v2-resting .v2-scene-space{inset:27% -10% 30%}.v2-phone{top:43%;left:64%;width:100px}.v2-phone img{height:67px}.v2-scroll{inset:27% 0 31%}.v2-scroll-image{width:max(100%,calc(42svh * 3))}.v2-photo-label{top:28%;font-size:8px;left:4%;letter-spacing:1px}.v2-culture-card{top:63%;font-size:9px}.v2-calendar{font-size:19px;top:0;left:12%;padding:9px 12px}.v2-act-4 .v2-subtitle{bottom:164px}.v2-resume{top:57%;font-size:11px}.v2-cheer{top:10%;font-size:18px}.v2-dinner .v2-scene-space{inset:30% -13% 25%}.v2-table-questions{top:53%;gap:6px}.v2-table-questions .v2-button{font-size:10px;padding:8px 10px;min-height:36px}.v2-dinner .v2-subtitle{bottom:158px}.v2-chair-target{top:61%;font-size:11px}.v2-act-7 .v2-scene-space{inset:29% -12% 30%}.v2-friends{bottom:18%}.v2-shutter{top:58%;height:75px;width:75px}.v2-selecting .v2-interactions{inset:27% 5% 34%}.v2-memory-grid{gap:7px}.v2-memory{font-size:9px;padding-bottom:7px}.v2-memory img{margin-bottom:5px}.v2-selecting .v2-subtitle{bottom:149px;font-size:12px}.v2-selection-count{font-size:10px;margin-top:8px}.v2-met-label{font-size:9px}.v2-note{font-size:11px}.v2-bottom{bottom:12px}.v2-bottom .v2-button{font-size:9px;letter-spacing:0}.v2-page{font-size:9px;letter-spacing:1px}}
@media(max-height:700px){.v2-heading{top:105px}.v2-heading h2{font-size:21px;margin-top:5px}.v2-heading .v2-date{font-size:8px}.v2-story-tools{top:67px}.v2-story-tools button{min-height:28px;font-size:9px;padding:4px 9px}.v2-subtitle{bottom:133px;line-height:1.6;width:90%}.v2-subtitle strong{font-size:10px;margin-bottom:4px}.v2-subtitle p{font-size:11px}.v2-controls{bottom:67px}.v2-controls .v2-button{font-size:10px;min-height:36px;padding:7px 11px}.v2-bottom{bottom:7px}.v2-bottom .v2-button{min-height:33px;font-size:9px}.v2-on-water[data-phase=complete] .v2-subtitle{bottom:170px}.v2-on-water[data-phase=complete] .v2-controls{bottom:58px}.v2-act-4 .v2-subtitle{bottom:145px}.v2-scroll{inset:28% 0 36%}.v2-scroll-image{width:max(100%,calc(36svh * 3))}.v2-word{top:29%;font-size:15px;padding:10px 15px}.v2-person{top:52%;font-size:9px;padding:8px 12px;min-height:34px}.v2-sound i{width:49px;height:49px}.v2-sound{gap:8px;min-height:75px}.v2-sound-talk{top:28%}.v2-sound-water{top:50%}.v2-sound-drum{top:35%}.v2-calendar{font-size:15px}.v2-calendar small{font-size:7px}.v2-dinner .v2-subtitle{bottom:142px}.v2-table-questions{top:47%}.v2-table-questions .v2-button{font-size:9px;min-height:31px;padding:5px 8px}.v2-culture-card{top:56%;font-size:8px}.v2-selecting .v2-interactions{inset:31% 5% 37%}.v2-memory img{aspect-ratio:1.8}.v2-memory{font-size:8px;padding-bottom:5px}.v2-selecting .v2-subtitle{bottom:133px}.v2-photo-label{top:29%}.v2-shutter{top:53%}.v2-chair-target{top:56%}}

/* About dialog only: readable long copy and an always reachable close control. */
#about-dialog{--about-pad:30px;padding:var(--about-pad);max-height:90svh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
#about-dialog>.dialog-heading{position:sticky;top:0;z-index:2;margin:calc(-1 * var(--about-pad)) calc(-1 * var(--about-pad)) 0;padding:10px var(--about-pad);background:var(--paper);border-bottom:1px solid var(--line)}
#about-dialog .close-button{min-width:44px;min-height:44px;flex-shrink:0}
#about-dialog h3{font-size:16px;font-weight:650;line-height:1.6;margin:24px 0 10px}
#about-dialog p{font-size:13px;line-height:1.95;color:#4e685b}
#about-dialog p strong{display:block;font-weight:650;color:var(--ink);margin-bottom:3px}
#about-dialog .about-audio-list{font-size:12px;line-height:1.9;padding-left:20px}
#about-dialog a,#about-dialog li{overflow-wrap:anywhere}
@media(max-width:700px){#about-dialog{--about-pad:24px}#about-dialog h2{font-size:23px}}