/* Original illustrated travel landscapes, shared by chapter cards and reading scenes. */
[class*="ice-"].stage .scenery,[class*="polar-"].stage .scenery{background:var(--travel-art) center top/cover no-repeat;transition:background-image .35s ease}
[class*="ice-"].stage .scenery>*,[class*="polar-"].stage .scenery>*{display:none}
[class*="ice-"].chapter-card .chapter-art,[class*="polar-"].chapter-card .chapter-art{background:var(--travel-art) center 40%/cover no-repeat}
[class*="ice-"].chapter-card .chapter-art:before,[class*="ice-"].chapter-card .chapter-art:after,[class*="polar-"].chapter-card .chapter-art:before,[class*="polar-"].chapter-card .chapter-art:after{display:none}
.ice-market{--travel-art:url('assets/travels/ice-market.svg?v=11')}.ice-cafe{--travel-art:url('assets/travels/ice-cafe.svg?v=11')}.ice-road{--travel-art:url('assets/travels/ice-road.svg?v=11')}.ice-falls{--travel-art:url('assets/travels/ice-falls.svg?v=11')}.ice-shore{--travel-art:url('assets/travels/ice-shore.svg?v=11')}.ice-lagoon{--travel-art:url('assets/travels/ice-lagoon.svg?v=11')}.ice-lodge{--travel-art:url('assets/travels/ice-lodge.svg?v=11')}.ice-aurora{--travel-art:url('assets/travels/ice-aurora.svg?v=11')}.ice-dawn{--travel-art:url('assets/travels/ice-dawn.svg?v=11')}.polar-ocean{--travel-art:url('assets/travels/polar-ocean.svg')}.polar-station{--travel-art:url('assets/travels/polar-station.svg')}.polar-history{--travel-art:url('assets/travels/polar-history.svg')}.polar-colony{--travel-art:url('assets/travels/polar-colony.svg')}.polar-lab{--travel-art:url('assets/travels/polar-lab.svg')}.polar-shelter{--travel-art:url('assets/travels/polar-shelter.svg')}.polar-sunset{--travel-art:url('assets/travels/polar-sunset.svg')}.polar-dawn{--travel-art:url('assets/travels/polar-dawn.svg')}
.ice-aurora .scene-meta,.ice-lodge .scene-meta{color:#f6edd6;text-shadow:0 1px 8px #1a3545}.ice-aurora .portrait,.ice-lodge .portrait{filter:drop-shadow(0 8px 15px #142d4266)}
/* Each new ending has its own color, silhouette and movement. */
.theme-sea-letter{background:linear-gradient(#f4e2cdd9,#e2e8d9ed),url('assets/travels/ice-dawn.svg?v=11') center/cover;color:#405e63}
.theme-sea-letter .ending-art i{width:160px;height:110px;top:38%;left:calc(12% + var(--n,0)*8%);border:1px solid #b4a58a;background:linear-gradient(145deg,#f8ebce,#d8d5b6);box-shadow:0 10px 35px #80969b33;transform:rotate(-12deg);animation:letter-drift 7s ease-in-out infinite}
.theme-sea-letter .ending-art i:nth-child(n+2){display:none}.theme-sea-letter .ending-fluid{background:radial-gradient(ellipse,#a7c9c577,transparent 70%)}
.theme-northern-silk{color:#edf7e8;background:#172e43;padding-top:40px;padding-bottom:75px;min-height:530px;border-color:#69878d;--a:#90d8bd;--b:#6771b4;--c:#7cc4c8}.theme-northern-silk .ending-art{background:url('assets/travels/ice-aurora.svg?v=11') center/cover}.theme-northern-silk .ending-fluid{opacity:.15;background:linear-gradient(transparent,#11273999)}.theme-northern-silk .ending-fluid i{display:none}.theme-northern-silk .ending-art:after{content:'';position:absolute;inset:22% 8% 12%;background:radial-gradient(ellipse,#142b4180,transparent 72%)}.theme-northern-silk h2{text-shadow:0 2px 20px #112337}.theme-northern-silk #ending-note{text-shadow:0 1px 8px #102735;max-width:26em}
.theme-northern-silk .ending-art i{width:150%;height:60%;left:-25%;top:-12%;background:linear-gradient(175deg,transparent 22%,#ad85d226 42%,#85deb966 65%,#d0ffce80 69%,transparent 74%);filter:blur(12px);border-radius:0 0 60% 45%;transform:rotate(-12deg);animation:silk-sway 13s ease-in-out infinite alternate;mix-blend-mode:screen}
.theme-northern-silk .ending-art i:nth-child(2){top:20%;animation-delay:-3s;opacity:.7}.theme-northern-silk .ending-art i:nth-child(n+3){display:none}
.theme-warm-window{color:#f7ebcf;background:linear-gradient(#705e55d9,#a5896be6),url('assets/travels/ice-lodge.svg?v=11') center/cover}
.theme-warm-window .ending-art{inset:25px 15%;border:7px solid #d5b99066;border-radius:100px 100px 0 0;box-shadow:0 0 100px #efcda066;animation:window-breathe 5s ease-in-out infinite alternate}
.theme-warm-window .ending-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,#d5b99066 49% 51%,transparent 52%)}
.theme-warm-window .ending-art i{width:4px;height:4px;background:#fff7dc;border-radius:50%;left:calc(10% + var(--n,0)*14%);animation:snow-letter 7s linear infinite}
.theme-polar-dawn{background:#e4e9e2;color:#365563;padding-bottom:125px;min-height:510px;border-color:#b9ced0;--a:#f4e1bd;--b:#a8ced4;--c:#dfd8e0}
.theme-polar-dawn .ending-art{background:url('assets/travels/quiet-polar.svg') center bottom/cover;animation:polar-reveal 3.5s ease both}.theme-polar-dawn .ending-art i{display:none}.theme-polar-dawn .ending-fluid{opacity:.22;background:radial-gradient(ellipse at 50% 20%,#fff8e4,transparent 65%)}.theme-polar-dawn .ending-fluid i{display:none}.theme-polar-dawn h2,.theme-polar-dawn p{text-shadow:none}.theme-polar-dawn .eyebrow{color:#6a8589}.theme-polar-dawn .ending-sparks{color:#8c9d9c}.theme-polar-dawn #ending-note{max-width:26em}.theme-polar-dawn #ending-frog{filter:drop-shadow(0 5px 10px #4a6b7622)}@keyframes polar-reveal{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
.theme-polar-stars{color:#edf2e6;background:linear-gradient(#29485ce8,#627d88ee),url('assets/travels/polar-lab.svg') center/cover}
.theme-polar-stars .ending-art{background:radial-gradient(circle at 20% 20%,#fff5ce 0 1px,transparent 3px),radial-gradient(circle at 70% 30%,#fff5ce 0 2px,transparent 4px),radial-gradient(circle at 40% 65%,#fff5ce 0 1px,transparent 3px);animation:window-breathe 5s infinite alternate}
.theme-polar-stars .ending-art i{width:160px;height:220px;top:15%;left:30%;border:1px solid #d5e5d333;background:repeating-linear-gradient(transparent 0 23px,#c9e8df33 24px 25px);transform:rotate(-9deg)}.theme-polar-stars .ending-art i:nth-child(n+2){display:none}
.ending-art i:nth-child(1){--n:0}.ending-art i:nth-child(2){--n:1}.ending-art i:nth-child(3){--n:2}.ending-art i:nth-child(4){--n:3}.ending-art i:nth-child(5){--n:4}.ending-art i:nth-child(6){--n:5}
@keyframes letter-drift{50%{transform:translate(30px,-14px) rotate(7deg)}}@keyframes silk-sway{to{transform:translate(3%,8%) rotate(8deg) scaleX(1.08);filter:blur(16px)}}@keyframes window-breathe{to{opacity:.55}}@keyframes snow-letter{from{top:-10%;transform:translateX(-10px)}to{top:110%;transform:translateX(30px)}}@keyframes ice-drift{to{transform:translateX(25px) translateY(-12px)}}
/* Nonblocking, self-closing storybook celebration. The animals stay in the illustration. */
#celebration[hidden]{display:none}#celebration{position:fixed;inset:0;z-index:200;overflow:hidden;pointer-events:none;isolation:isolate;color:#234857;background:#b9d8df;animation:curtain-visit 9s ease both}
.celebration-sky{position:absolute;inset:0;background:url('assets/travels/quiet-polar.svg') center/cover;animation:dawn-color 9s ease both}
.celebration-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 30%,#fff4baaa,transparent 50%);mix-blend-mode:screen;animation:halo-rise 8s ease both}
.celebration-ice{position:absolute;inset:58% -10% -20%;border-radius:50% 50% 0 0;background:linear-gradient(#f2f2df,#b6d9df);box-shadow:0 -5px 30px #ffffff55}
.celebration-caption{position:absolute;top:14%;left:10%;width:80%;text-align:center;text-shadow:0 1px 18px #fff7da;animation:caption-bloom 8s ease both}.celebration-caption small{font-size:12px;letter-spacing:.35em}.celebration-caption h2{font:clamp(26px,4vw,56px)/1.7 Georgia,'Songti SC',serif;font-weight:400;letter-spacing:.15em;margin:20px 0}.celebration-caption p{font:14px/2 serif;letter-spacing:.12em}
.penguin-parade{position:absolute;inset:60% 5% 0;display:flex;justify-content:center;align-items:flex-start;gap:clamp(15px,4vw,70px)}
.penguin{position:relative;display:block;width:clamp(38px,6vw,78px);height:clamp(65px,10vw,122px);background:#29414f;border-radius:46% 48% 35% 35%;box-shadow:inset -8px -3px 10px #122f4544,0 12px 10px #2e5b7020;animation:penguin-arrive 8s ease both;transform-origin:50% 95%}
.penguin:nth-child(2){animation-delay:.25s;top:24px}.penguin:nth-child(3){animation-delay:.4s;top:5px}.penguin:nth-child(4){animation-delay:.15s;top:32px}.penguin:nth-child(5){animation-delay:.35s;top:12px}
.penguin b{position:absolute;inset:23% 14% 8%;background:#f9f2df;border-radius:50% 50% 40% 40%}.penguin b:before{content:'';position:absolute;left:24%;top:-7%;width:8%;height:6%;border-radius:50%;background:#101f2b;box-shadow:16px 0 #101f2b}.penguin b:after{content:'';position:absolute;top:4%;left:42%;width:20%;height:11%;background:#d5a25c;clip-path:polygon(0 0,100% 0,50% 100%)}
.penguin:before,.penguin:after{content:'';position:absolute;top:33%;width:22%;height:44%;border-radius:80%;background:#29414f;transform-origin:50% 10%;animation:flipper-wave 1.2s 2s ease-in-out infinite alternate}.penguin:before{left:-12%;rotate:25deg}.penguin:after{right:-12%;rotate:-25deg;animation-direction:alternate-reverse}
.happy-seal{position:absolute;bottom:7%;right:12%;width:clamp(170px,24vw,300px);aspect-ratio:360/220;background:url('assets/travels/seal.svg') center/contain no-repeat;animation:seal-arrive 8s ease both}

.celebration-bird{position:absolute;top:12%;left:15%;width:55px;height:20px;border-top:3px solid #f6f4e7;border-radius:50%;transform:rotate(-12deg);animation:bird-flight 9s linear both}.celebration-bird:after{content:'';position:absolute;left:95%;top:-3px;width:55px;height:20px;border-top:3px solid #f6f4e7;border-radius:50%}.celebration-bird.second{top:22%;left:5%;scale:.6;animation-delay:.5s}
.snow-dust{position:absolute;inset:-20%;background-image:radial-gradient(circle,#fff9de99 1px,transparent 2px),radial-gradient(circle,#f0ffed88 2px,transparent 3px);background-size:111px 143px,219px 197px;animation:snow-glide 9s linear both;opacity:.6}
@keyframes curtain-visit{0%,100%{opacity:0}12%,83%{opacity:1}}@keyframes dawn-color{0%{filter:hue-rotate(18deg) brightness(.8);transform:scale(1.1)}70%,100%{filter:hue-rotate(-8deg) brightness(1.08);transform:scale(1)}}@keyframes halo-rise{from{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(-20px)}}@keyframes caption-bloom{0%,9%{opacity:0;filter:blur(8px);transform:translateY(15px);letter-spacing:1em}25%,80%{opacity:1;filter:blur(0);transform:translateY(0)}100%{opacity:0;filter:blur(3px)}}@keyframes penguin-arrive{0%,12%{transform:translateY(45vh) rotate(-8deg)}30%{transform:translateY(0) rotate(6deg)}40%,60%,80%{transform:rotate(-5deg)}50%,70%,90%,100%{transform:rotate(5deg)}}@keyframes flipper-wave{to{transform:rotate(55deg)}}@keyframes seal-arrive{0%,18%{opacity:0;transform:translate(50px,12px)}43%,100%{opacity:1;transform:translate(0,0)}60%{transform:translateY(-3px)}}@keyframes bird-flight{from{transform:translateX(-20vw) translateY(30px) rotate(-10deg)}to{transform:translateX(95vw) translateY(-40px) rotate(8deg)}}@keyframes snow-glide{to{transform:translate(40px,80px)}}
@media(max-width:600px){.celebration-caption{top:17%;left:6%;width:88%}.celebration-caption h2{font-size:29px}.penguin-parade{inset:63% 7% 0;gap:18px}.happy-seal{bottom:8%;right:8%;width:180px}.celebration-caption p{font-size:12px}}
@media(prefers-reduced-motion:reduce){#celebration,#celebration *,[class*="theme-"] .ending-art,[class*="theme-"] .ending-art i{animation:none!important}.celebration-caption{opacity:1}.snow-dust,.celebration-bird{display:none}}

/* Keep long Chinese titles balanced and the distant ice visible on narrow screens. */
.theme-polar-dawn h2,.theme-northern-silk h2{text-wrap:balance}
@media(max-width:600px){.theme-polar-dawn .ending-art{background-position:72% bottom}.theme-polar-dawn h2,.theme-northern-silk h2{font-size:26px!important;letter-spacing:2px}}