.gate{isolation:isolate;text-align:center;place-items:center;min-height:100svh;padding:96px 16px 140px;display:grid;position:relative;overflow:hidden}.gate-art{z-index:-3;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.motion-ok .gate-art{animation:24s ease-in-out infinite alternate breathe}@keyframes breathe{0%{transform:scale(1.04)}to{transform:scale(1.12)translate(-1%,-1%)}}.gate-shade{z-index:-2;position:absolute;inset:0}.jr[data-theme=night] .gate-shade{background:radial-gradient(ellipse 55% 45% at 50% 46%, #110e2ec7, #110e2e59 70%, #110e2e99), linear-gradient(transparent 60%, var(--bg))}.jr[data-theme=night] .gate-sub{color:#fff4e0;text-shadow:0 2px 12px #000c}.jr[data-theme=day] .gate-shade{background:radial-gradient(at 50% 42%,#fff8ecbf,#fff8ec26 60%),linear-gradient(#0000 70%,#fff8ec)}.jr[data-theme=dusk] .gate-shade{background:radial-gradient(at 50% 42%,#fff3dcb8,#ffc8961f 62%),linear-gradient(#0000 70%,#fff3dc)}.gate-copy{max-width:46rem}.gate h1{margin-top:.6rem;font-size:clamp(3.1rem,11vw,7.6rem);line-height:.92}.jr .gate h1[lang=en]{line-height:.92!important}.gate h1 span{color:var(--accent);margin-top:.25em;font-size:.48em;font-weight:500;display:block}.jr[data-theme=night] .gate h1{color:#fff4e0;text-shadow:0 0 40px #f6c4538c,0 4px #00000040}.jr:not([data-theme=night]) .gate h1{color:#4a2a17;text-shadow:0 3px #fff,0 0 30px #ffffffe6}.gate-sub{max-width:34rem;color:var(--muted);margin:1.1rem auto 0;font-size:clamp(1.05rem,2.4vw,1.3rem);font-weight:600;line-height:1.55}.jr:not([data-theme=night]) .gate-sub{color:#5b3c26}.gate-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:2rem;display:flex}.jr:not([data-theme=night]) .gate .btn.ghost{background:#ffffffb3}.peek{z-index:2;filter:drop-shadow(0 12px 20px #00000040);width:auto;height:clamp(150px,30vh,330px);position:absolute;bottom:-2%}.peek.p1{left:2%}.peek.p2{height:clamp(160px,33vh,360px);right:1%}.peek.p3{height:clamp(130px,26vh,290px);right:19%}@media (width<=700px){.peek.p3{display:none}.peek{height:20vh!important}}.motion-ok .peek{animation:3.6s ease-in-out infinite alternate bob}.motion-ok .peek.p2{animation-delay:-1.2s}.motion-ok .peek.p3{animation-delay:-2.1s}@keyframes bob{0%{transform:translateY(6px)rotate(-1.5deg)}to{transform:translateY(-8px)rotate(1.5deg)}}.scroll-cue{opacity:.7;z-index:3;border-radius:14px;width:28px;height:44px;position:absolute;bottom:22px;left:50%;translate:-50%;box-shadow:inset 0 0 0 2px}.scroll-cue i{background:currentColor;border-radius:2px;width:4px;height:8px;margin-left:-2px;position:absolute;top:9px;left:50%}.motion-ok .scroll-cue i{animation:1.6s ease-in-out infinite cue}@keyframes cue{60%{opacity:0;transform:translateY(14px)}to{opacity:0}}.stars{z-index:-1;opacity:.85;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff,#0000),radial-gradient(1px 1px at 28% 8%,#fff,#0000),radial-gradient(1.5px 1.5px at 44% 22%,#ffe9b0,#0000),radial-gradient(1px 1px at 61% 12%,#fff,#0000),radial-gradient(2px 2px at 77% 25%,#fff,#0000),radial-gradient(1px 1px at 88% 9%,#ffe9b0,#0000),radial-gradient(1px 1px at 6% 34%,#fff,#0000),radial-gradient(1.5px 1.5px at 93% 38%,#fff,#0000);background-repeat:no-repeat;background-size:100% 60%;position:absolute;inset:0}.motion-ok .stars{animation:4s ease-in-out infinite alternate twinkle}@keyframes twinkle{to{opacity:.45}}.lanterns{z-index:-1;pointer-events:none;position:absolute;inset:0}.lanterns span{left:var(--x);width:calc(26px * var(--s));height:calc(34px * var(--s));box-shadow:0 0 calc(30px * var(--s)) #ffaa3cbf;opacity:0;background:radial-gradient(at 50% 70%,#fff3b0,#ffb347 45%,#e2641f 100%);border-radius:40% 40% 30% 30%;position:absolute;bottom:-60px}.motion-ok .lanterns span{animation:rise var(--t) linear var(--d) infinite}@keyframes rise{0%{opacity:0;transform:translate(0)}8%{opacity:1}50%{transform:translate(18px,-55vh)}85%{opacity:.9}to{opacity:0;transform:translate(-10px,-110vh)}}.jr:not([data-theme=night]) .lanterns span:nth-child(n+7){display:none}.jr:not([data-theme=night]) .lanterns{opacity:.8}.sun{z-index:-1;background:radial-gradient(circle,#fff7c2,#ffd25a 60%,#ffbe3c00 72%);border-radius:50%;width:120px;height:120px;position:absolute;top:9%;right:14%}.sun i{background:repeating-conic-gradient(#ffd25a59 0 6deg, transparent 6deg 18deg);border-radius:50%;position:absolute;inset:-70px;mask:radial-gradient(circle,#0000 38%,#000 40%,#0000 70%)}.motion-ok .sun i{animation:60s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.jr[data-theme=dusk] .sun{background:radial-gradient(circle,#fff1c9,#ffae5a 60%,#ff8c4600 72%);top:22%}.cloud{z-index:-1;filter:blur(2px);background:#ffffffd9;border-radius:60px;width:220px;height:60px;position:absolute;box-shadow:60px -26px 0 10px #ffffffd9,-50px -12px #ffffffd9}.cloud.c1{top:14%;left:6%}.cloud.c2{top:30%;left:64%;transform:scale(.7)}.cloud.c3{opacity:.8;top:8%;left:40%;transform:scale(.5)}.motion-ok .cloud{animation:40s ease-in-out infinite alternate float-x}.motion-ok .cloud.c2{animation-duration:55s}@keyframes float-x{to{translate:90px}}.land-grid{gap:2rem;max-width:72rem;margin:3.5rem auto 0;display:grid}@media (width>=900px){.land-grid{grid-template-columns:1fr 1fr;gap:4rem}}.map-col{z-index:5;background:inherit;height:46svh;padding-top:8px;position:sticky;top:0}@media (width>=900px){.map-col{background:0 0;height:88svh;padding:0;top:6svh}}.jr[data-theme=night] .map-col,.jr[data-theme=day] .map-col{background:var(--bg)}.jr[data-theme=dusk] .map-col{background:#ffe1b8}@media (width>=900px){.jr .map-col{background:0 0!important}}.map-box{background:var(--card);height:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:28px;position:relative;overflow:hidden}.map-box svg{width:100%;height:100%}.cam{transition:transform 1.1s cubic-bezier(.65,0,.35,1)}.nb{fill:var(--map-nb);stroke:none}.land-shape{fill:var(--map-fill);stroke:var(--map-stroke);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.jr[data-theme=night] .land-shape{filter:drop-shadow(0 0 6px #f6c45373)}.pin-in{transform:scale(calc(1 / var(--z)));opacity:.35;transition:transform 1.1s cubic-bezier(.65,0,.35,1),opacity .5s}.pin .dot{fill:var(--pin);stroke:#fff;stroke-width:2px}.pin .halo{fill:var(--pin);opacity:0;transform-origin:50%}.pin text{font:800 13px var(--font-b);fill:var(--fg);paint-order:stroke;stroke:var(--bg);stroke-width:4px;opacity:0;transition:opacity .5s}.map-box[data-region=north] .pin[data-region=north] .pin-in,.map-box[data-region=isan] .pin[data-region=isan] .pin-in,.map-box[data-region=central] .pin[data-region=central] .pin-in,.map-box[data-region=south] .pin[data-region=south] .pin-in,.map-box[data-region=sky] .pin .pin-in,.map-box[data-region=north] .pin[data-region=north] :is(text,.halo),.map-box[data-region=isan] .pin[data-region=isan] :is(text,.halo),.map-box[data-region=central] .pin[data-region=central] :is(text,.halo),.map-box[data-region=south] .pin[data-region=south] :is(text,.halo){opacity:1}.motion-ok .map-box .halo{animation:2.2s ease-out infinite ping}@keyframes ping{0%{opacity:.6;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.map-label{background:var(--card);backdrop-filter:blur(8px);box-shadow:0 0 0 1px var(--line);border-radius:16px;flex-direction:column;padding:10px 16px;display:flex;position:absolute;bottom:14px;left:16px}.map-label span{color:var(--accent);font-size:.95rem}.map-label b{font-family:var(--font-d);font-size:1.3rem;font-weight:600}.sky-layer{pointer-events:none;opacity:0;transition:opacity .9s;position:absolute;inset:0}.sky-layer .cloud-band{background:radial-gradient(at 30% 60%,#ffffffe6,#0000 45%),radial-gradient(at 70%,#ffffffd9,#0000 45%),radial-gradient(at 50% 80%,#ffecc8cc,#0000 55%);position:absolute;inset:0 0 45%}.jr[data-theme=night] .sky-layer .cloud-band{opacity:.35}.sky-layer img{filter:drop-shadow(0 0 30px #ffd678cc);width:auto;height:52%;transition:transform 1s cubic-bezier(.34,1.56,.64,1);position:absolute;top:6%;left:50%;transform:translateY(30px)scale(.9)}.map-box[data-region=sky] .sky-layer{opacity:1}.map-box[data-region=sky] .sky-layer img{transform:none}.steps{gap:28vh;padding:6vh 0 30vh;display:grid}.mini-defs{width:0;height:0;position:absolute}.step-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.step-map{flex:none;width:74px;height:133px}.step-map use{fill:var(--map-fill);stroke:var(--map-stroke);stroke-width:6px}.step-map circle{fill:var(--map-stroke);opacity:.25}.step-map circle.on{fill:var(--pin);opacity:1;stroke:#fff;stroke-width:6px}.step-map.is-sky use{opacity:.5}.step-map text{font-size:150px}@media (width<=899px){.land .map-col{display:none}.land-grid{margin-top:2rem}.motion-ok .step:not(.on){opacity:1;transform:none}}@media (width>=900px){.step-map{display:none}}@media (width<=899px){.steps{gap:4rem;padding:2rem 0 4rem}}.step{background:var(--card);box-shadow:0 0 0 1px var(--line), 0 20px 50px -30px #0006;border-radius:28px;padding:22px;transition:transform .6s,opacity .6s}.motion-ok .step:not(.on){opacity:.45;transform:scale(.97)}.step h3{margin-top:.2rem;font-size:clamp(2rem,4vw,2.7rem);line-height:1.05}.step-line{color:var(--muted);margin-top:.5rem;font-size:1.08rem;font-weight:600;line-height:1.55}.step-art{aspect-ratio:16/9;border-radius:20px;margin:1.1rem 0 0;overflow:hidden}.step-art img{object-fit:cover;width:100%;height:100%;transition:transform 6s ease-out}.step.on .step-art img{transform:scale(1.06)}.step-stories{gap:10px;margin-top:1rem;display:grid}.mini{box-shadow:0 0 0 1px var(--line);border-radius:16px;align-items:center;gap:12px;padding:8px;transition:background .2s,transform .25s;display:flex}.mini:hover{background:var(--line);transform:translate(4px)}.mini img{aspect-ratio:16/9;object-fit:cover;border-radius:10px;flex:none;width:92px}.mini b{font-family:var(--font-d);font-size:1.05rem;font-weight:600;line-height:1.2;display:block}.mini small{color:var(--muted);margin-top:2px;font-weight:700;display:block}.cast{transition:background-color .8s;overflow:hidden}.jr[data-theme] .cast:has(.cs){background:color-mix(in srgb, var(--cc-now,#ff9fb8) 16%, var(--bg))}.cs{max-width:72rem;margin:1.5rem auto 0;position:relative}.cs-word{z-index:0;white-space:nowrap;pointer-events:none;font-family:var(--font-d);letter-spacing:-.02em;color:color-mix(in srgb, var(--cc) 30%, #fff);opacity:.75;font-size:clamp(4.5rem,15vw,13rem);font-weight:700;line-height:1;position:absolute;top:clamp(30px,8vw,70px);left:50%;translate:-50%}.cs-stage{z-index:1;align-items:center;gap:1rem;display:grid;position:relative}@media (width>=860px){.cs-stage{grid-template-columns:1fr minmax(320px,1.1fr) 1fr;gap:2rem}}.cs-hero{place-items:end center;height:clamp(340px,52vh,520px);display:grid;position:relative}.cs-disc{aspect-ratio:1;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--cc) 55%, #fff), var(--cc));width:min(88%,380px);box-shadow:0 30px 60px -30px var(--cc);border-radius:50%;transition:background .6s;position:absolute;bottom:8%;left:50%;translate:-50%}.cs-disc i{border:2px dotted color-mix(in srgb, var(--cc) 60%, #fff);border-radius:50%;position:absolute;inset:-22px}.motion-ok .cs-disc i{animation:40s linear infinite spin}.cs-hero>img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 20px 24px #0000004d);width:100%;max-width:none;height:100%;position:absolute;inset:0}.cs-hero>img.swap{animation:.6s cubic-bezier(.34,1.56,.64,1) cs-pop}@keyframes cs-pop{0%{opacity:0;transform:translateY(40px)scale(.85)}}.cs-side{text-align:center}.cs-who .eyebrow{letter-spacing:.02em;color:var(--cc);filter:brightness(.8);font-size:1.3rem}.cs-who h3{margin-top:.2rem;font-size:clamp(2.2rem,4.6vw,3.4rem);line-height:1}.cs-from{color:var(--muted);margin-top:.7rem;font-weight:700}.cs-from a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--cc);text-underline-offset:5px;text-decoration-thickness:3px}.cs-line{font-size:clamp(1.15rem,2vw,1.4rem);font-weight:700;line-height:1.45}.cs-nav{color:var(--muted);align-items:center;gap:14px;margin-top:1.2rem;font-weight:800;display:inline-flex}.cs-nav button{width:46px;height:46px;color:var(--fg);box-shadow:0 0 0 1px var(--line), 0 8px 18px -10px #0006;background:#fff;border-radius:50%;font-size:1.8rem;line-height:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.cs-nav button:hover{transform:scale(1.1)}.cs-nav b{color:var(--fg);font-size:1.2rem}@media (width>=860px){.cs-who{text-align:right}.cs-say{text-align:left}}@media (width<=859px){.cs-who{order:2}.cs-hero{order:1}.cs-say{order:3}}.cs-side.swap>*{animation:.5s both fade-up}.cs-side.swap>:nth-child(2){animation-delay:60ms}.cs-side.swap>:nth-child(3){animation-delay:.12s}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}}@media (width<=859px){.cs .cs-roster{display:none}.cs-stage{touch-action:pan-y;user-select:none}.cs-hero img{-webkit-user-drag:none}.cs .cs-nav button{display:none}.cs .cs-arrow{display:grid}.cs.hinting .cs-arrow.prev{animation:1.2s ease-in-out infinite cs-nudge-l}.cs.hinting .cs-arrow.next{animation:1.2s ease-in-out infinite cs-nudge-r}.cs-nav{margin-top:.8rem}.cs[data-dir=next] .cs-hero>img.swap{animation:.45s cubic-bezier(.2,.9,.3,1.2) cs-in-next}.cs[data-dir=prev] .cs-hero>img.swap{animation:.45s cubic-bezier(.2,.9,.3,1.2) cs-in-prev}}.cs-arrow{z-index:3;width:44px;height:44px;color:var(--cc);box-shadow:0 0 0 2px color-mix(in srgb, var(--cc) 35%, transparent), 0 8px 18px -8px #00000059;background:#ffffffd9;border-radius:50%;place-items:center;padding-bottom:3px;font-size:2rem;line-height:1;display:none;position:absolute;top:42%}.cs-arrow.prev{left:0}.cs-arrow.next{right:0}@keyframes cs-nudge-l{50%{transform:translate(-7px)}}@keyframes cs-nudge-r{50%{transform:translate(7px)}}@keyframes cs-in-next{0%{opacity:0;transform:translate(60%)rotate(6deg)}}@keyframes cs-in-prev{0%{opacity:0;transform:translate(-60%)rotate(-6deg)}}.cs-roster{z-index:1;scrollbar-width:none;scroll-snap-type:x proximity;gap:14px;margin:clamp(1.5rem,3vw,2.5rem) calc(-1*clamp(16px,4vw,48px)) 0;padding:96px clamp(16px,4vw,48px) 14px;display:flex;position:relative;overflow-x:auto}.cs-roster::-webkit-scrollbar{display:none}.cs-roster{mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}@media (width>=1200px){.cs-roster{justify-content:safe center}}.cs-roster li{scroll-snap-align:center;flex:none}.cs-card{width:112px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:block;position:relative}.cs-card-box{background:linear-gradient(160deg, color-mix(in srgb, var(--c) 70%, #fff), var(--c));height:104px;box-shadow:0 14px 24px -16px var(--c);border-radius:22px;display:block;position:relative}.cs-card-box img{filter:drop-shadow(0 6px 6px #00000040);transform-origin:bottom;width:auto;max-width:none;height:140px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:6px;left:50%;translate:-50%}.cs-card-name{font-family:var(--font-d);text-align:center;margin-top:8px;font-size:.9rem;font-weight:600;line-height:1.1;display:block}.cs-card:hover{transform:translateY(-4px)}.cs-card:hover img{transform:scale(1.06)}.cs-card:not([aria-pressed=true]) .cs-card-box{filter:saturate(.75);opacity:.85}.cs-card[aria-pressed=true]{transform:translateY(-8px)}.cs-card[aria-pressed=true] .cs-card-box{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--c), 0 18px 28px -14px var(--c)}.cs-card[aria-pressed=true] img{transform:scale(1.12)}.cs-card-bar{background:0 0;border-radius:4px;height:4px;margin:8px 18px 0;display:block;overflow:hidden}.cs-card[aria-pressed=true] .cs-card-bar{background:color-mix(in srgb, var(--c) 25%, transparent)}.cs-card[aria-pressed=true] .cs-card-bar:after{content:"";background:var(--c);transform-origin:0;height:100%;display:block}.cs.playing .cs-card[aria-pressed=true] .cs-card-bar:after{animation:4.5s linear both hs-fill}.cs.paused .cs-card[aria-pressed=true] .cs-card-bar:after{animation-play-state:paused}.shelf{gap:22px;max-width:72rem;margin:3.5rem auto 0;display:grid}@media (width>=640px){.shelf{grid-template-columns:1fr 1fr}}@media (width>=1000px){.shelf{grid-template-columns:repeat(3,1fr)}}.book{background:var(--card);box-shadow:0 0 0 1px var(--line), 0 24px 50px -32px #00000080;border-radius:26px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.book:hover{transform:translateY(-8px)rotate(-.6deg)}.book-art{aspect-ratio:16/9;position:relative;overflow:hidden}.book-art img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.book:hover .book-art img{transform:scale(1.07)}.soon{letter-spacing:.08em;text-transform:uppercase;background:var(--accent);color:var(--btn-fg);border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:800;position:absolute;top:12px;left:12px}.book-copy{padding:16px 18px 22px}.book-copy h3{margin-top:.35rem;font-size:1.45rem;line-height:1.12}.book-copy p:last-child{color:var(--muted);margin-top:.5rem;font-weight:600;line-height:1.5}.end{text-align:center;padding:80px 16px 110px}.end img{border-radius:50%;margin:0 auto}.end-title{font-family:var(--font-d);margin-top:1rem;font-size:1.8rem;font-weight:600}.end p:last-child{opacity:.75;margin-top:.5rem;font-weight:600}