.lang-picker{display:flex;align-items:center;gap:3px;white-space:nowrap;color:#d9c7a3;font:12px Georgia,serif;letter-spacing:.03em}.lang-picker button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;min-width:32px;min-height:44px;padding:6px;opacity:.5}.lang-picker button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:6px}.lang-picker button:focus-visible{outline:2px solid #ead8af;outline-offset:1px}.world-view .site-header{display:flex;justify-content:space-between;align-items:center}.chapter-panel{position:fixed;inset:0;background:#0a2330;z-index:1000}.chapter-panel iframe{width:100%;height:100%;border:0;display:block}.chapter-panel[hidden]{display:none}html[lang=en] .intro h1{font-size:clamp(40px,8vw,92px);letter-spacing:.07em}html[lang=en] .orb-identity strong{font-size:clamp(21px,3vw,38px);letter-spacing:.06em}html[lang=en] .sea-label{font-size:clamp(10px,1vw,14px);letter-spacing:.025em}html[lang=en] .chapter-intro h1{letter-spacing:.08em;padding-left:.08em}html[lang=en] .chapter-line{letter-spacing:.015em}html[lang=en] .art-overlay h2{letter-spacing:.02em}html[lang=en] #comic,html[lang=en] #shout,html[lang=en] #reaction{white-space:normal;line-height:1.2;font-size:clamp(20px,4.7vw,36px);max-width:90vw}html[lang=en] .scene-tag{letter-spacing:0;max-width:180px;white-space:normal;text-align:center;font-size:clamp(10px,1.1vw,15px)}html[lang=en] .comic{font-size:clamp(11px,1.5vw,19px);white-space:normal}html[lang=en] .game-nav>span{font-size:12px}html[lang=en] .list-item .name{white-space:normal;font-size:14px}html[lang=en] .row-listen,html[lang=en] .row-play{font-size:12px}html[lang=en] .chapter-end p{letter-spacing:.03em;line-height:1.6}html[lang=en] .stamp{font-size:12px;letter-spacing:.02em}html[lang=en] .chapter-heading p{letter-spacing:.03em}@media(max-width:600px){html[lang=en] .site-name,html[lang=en] .wordmark{font-size:17px;letter-spacing:.04em}html[lang=en] .chapter-intro h1{font-size:clamp(58px,18vw,100px)}html[lang=en] .art-overlay h2{font-size:clamp(23px,6vw,36px);overflow-wrap:anywhere}html[lang=en] .chapter-title{font-size:26px}html[lang=en] .chapter-heading p{font-size:9px}html[lang=en] .site-footer{font-size:9px}html[lang=en] #title h1{font-size:29px}html[lang=en] .song-list-items .name{font-size:12px}html[lang=en] #intro h2,html[lang=en] #end h2,html[lang=en] #ending h2{font-size:clamp(38px,11vw,65px);letter-spacing:-.035em}html[lang=en] #airWord{font-size:9px}html[lang=en] #zone{font-size:10px}html[lang=en] #harvests small{font-size:12px;letter-spacing:0}}

html[lang=en] .title-dot{display:none}

@media(max-width:600px){html[lang=en] .header .wordmark{padding:0 8px;gap:5px;min-width:0}html[lang=en] .header .wordmark>span:not(.return-arrow){font-size:13px;letter-spacing:0;white-space:nowrap}html[lang=en] .header .chapter-title{font-size:26px;letter-spacing:.025em}html[lang=en] .scene-tag{white-space:nowrap;padding:2px 6px;font-size:11px}html[lang=en] .scene-tag small{margin-right:3px}}

@media(max-width:360px){html[lang=en] .header{grid-template-columns:auto minmax(0,1fr) auto}html[lang=en] .header .wordmark>span:not(.return-arrow){font-size:11px}html[lang=en] .header .chapter-title{font-size:23px}}
/* Small browser frames also reserve space for a scrollbar; avoid a 320px minimum overflow. */
body{min-width:0}html[lang=en] .chapter-line{white-space:normal;max-width:100%;text-wrap:balance}@media(max-width:360px){html[lang=en] .chapter-line{max-width:260px;line-height:1.8}html[lang=en] .chapter-list-link{white-space:nowrap;font-size:11px;padding-left:13px;padding-right:13px}}

html[data-language-pending] body{visibility:hidden}