:root{--ground: #fff;--paper: #fffdfa;--sunk: #f6f2ec;--ink: #1d1a15;--ink-2: #4a453d;--ink-3: #8a8378;--hair: #efe9df;--brand: #0f6b58;--brand-w: #dff0ea;--sun: #f0b44a;--line: #06c755;--disp: "Prompt", system-ui, sans-serif;--body: "Anuphan", "Noto Sans Thai", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.55;-webkit-text-size-adjust:100%}img{display:block;max-width:100%}button{font:inherit;color:inherit}.center{min-height:100vh;display:grid;place-items:center;padding:24px}.spin{width:28px;height:28px;border:3px solid var(--hair);border-top-color:var(--brand);border-radius:50%;animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.nf{text-align:center;max-width:320px}.nf b{display:block;font-family:var(--disp);font-size:18px;margin-bottom:6px}.nf span{color:var(--ink-3)}.scr{position:relative;max-width:560px;margin:0 auto;min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));background:var(--ground)}@media(min-width:600px){body{background:var(--sunk)}.scr{box-shadow:0 0 0 1px var(--hair)}}.pad{padding:0 18px}.eyebrow{font-size:12px;letter-spacing:.06em;color:var(--ink-3);text-transform:uppercase}h1{font-family:var(--disp);font-weight:600;font-size:26px;line-height:1.2;margin:2px 0 10px;text-wrap:balance}h3{font-family:var(--disp);font-weight:500;font-size:15px;margin:22px 0 8px}h3 small{font-family:var(--body);font-weight:400;color:var(--ink-3);font-size:12.5px;margin-left:6px}.desc{margin:0;color:var(--ink-2);white-space:pre-line}.desc.muted{color:var(--ink-3);font-style:italic}.stats{display:flex;gap:6px;margin:6px 0 14px}.stats span{flex:1;background:var(--sunk);border-radius:10px;padding:8px 10px;font-size:12.5px;color:var(--ink-2);line-height:1.2}.stats em{display:block;font-style:normal;font-family:var(--disp);font-weight:600;font-size:22px;color:var(--ink)}.big{display:flex;gap:18px}.big span{font-size:12.5px;color:#fffc}.big em{display:block;font-style:normal;font-family:var(--disp);font-weight:600;font-size:28px;color:#fff;line-height:1.1}.amen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;color:var(--ink-2);font-size:14px}.amen li:before{content:"✓";color:var(--brand);font-weight:700;margin-right:6px}.rules{margin:0;display:flex;flex-direction:column;gap:8px;font-size:14px}.rules div{display:grid;grid-template-columns:82px 1fr;gap:10px;border-top:1px solid var(--hair);padding-top:8px}.rules dt{color:var(--ink-3)}.rules dd{margin:0}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.tags span{font-size:12.5px;padding:4px 10px;border-radius:999px;background:var(--brand-w);color:var(--brand)}.stick{position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid var(--hair);padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))}.stick .agent{max-width:560px;margin:0 auto;display:flex;align-items:center;gap:10px}.agent div{flex:1;min-width:0;line-height:1.25}.agent b{display:block;font-size:14px}.agent small{color:var(--ink-3);font-size:12px}.car{position:relative;aspect-ratio:4/3;background:var(--sunk)}.car-t{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.car-t::-webkit-scrollbar{display:none}.car-t img{flex:none;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}.ctr{position:absolute;right:12px;bottom:12px;background:#0000008c;color:#fff;font-size:12px;padding:3px 9px;border-radius:999px}.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mosaic button,.grid3 button,.strip button,.grid2 button{padding:0;border:0;background:var(--sunk);cursor:pointer;overflow:hidden;border-radius:6px}.mosaic button{aspect-ratio:1}.mosaic button.w{grid-column:span 2;aspect-ratio:16/10}.mosaic button.t{grid-row:span 2;aspect-ratio:auto}.mosaic img,.grid3 img,.strip img,.grid2 img{width:100%;height:100%;object-fit:cover}.strip{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:14px 0 4px}.strip::-webkit-scrollbar{display:none}.strip button{flex:none;width:150px;aspect-ratio:4/3;border-radius:10px}.strip .more{width:90px;font-size:12.5px;color:var(--brand);font-weight:600}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000}.lb-x{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:12px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#ffffff26;color:#fff;font-size:18px}.lb-t{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.lb-s{flex:none;width:100%;height:100%;scroll-snap-align:start;display:grid;place-items:center}.lb-s img{max-height:100%;object-fit:contain}.cal{border:1px solid var(--hair);border-radius:12px;padding:10px 10px 8px;background:#fff}.cal-h{display:flex;justify-content:space-between;align-items:center;font-family:var(--disp);font-weight:500;font-size:14px;padding:0 0 6px}.cal-h button{border:0;background:none;color:var(--ink-2);font-size:22px;width:40px;height:36px;border-radius:8px}.cal-h button:disabled{opacity:.25}.cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;font-variant-numeric:tabular-nums}.cal-g i{font-style:normal;font-size:11px;color:var(--ink-3);padding-bottom:4px}.cal-g b{font-weight:500;font-size:13.5px;height:36px;display:grid;place-items:center;border-radius:8px;background:#f9f6f1}.cal-g b.b{color:#b8b0a4;background:transparent;text-decoration:line-through}.cal-g b.x{color:#d3ccc0;background:transparent}.cal-g b.s{background:var(--brand);color:#fff}.cal-g b.e{background:#fff;color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand)}.cal-l{display:flex;gap:12px;font-size:11.5px;color:var(--ink-3);margin-top:8px;flex-wrap:wrap}.cal-l b{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}.cal-l b.f{background:#f9f6f1;border:1px solid #e6dfd4}.cal-l b.b{background:#fff;border:1px dashed #b8b0a4}.cal-l b.s{background:var(--brand)}.cal.tight .cal-g b{height:32px}.cal.dark{background:transparent;border-color:#fff3}.cal.dark .cal-h,.cal.dark .cal-g b{color:#fff}.cal.dark .cal-g b{background:#ffffff1f}.cal.dark .cal-g b.b,.cal.dark .cal-g b.x{background:transparent;color:#ffffff59}.cal.dark .cal-g b.s{background:#fff;color:var(--brand)}.cal.dark .cal-g b.e{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}.cal.dark .cal-l,.cal.dark .cal-g i,.cal.dark .cal-h button{color:#ffffffb3}.d-a .pad{padding-top:16px}.d-a .mosaic{margin-top:4px}.poster{position:relative;height:min(78vh,640px);background:#222}.poster img{width:100%;height:100%;object-fit:cover;object-position:center 70%}.poster-t{position:absolute;inset:auto 0 0 0;padding:120px 20px 22px;background:linear-gradient(to top,#000000c7 30%,#0000);color:#fff}.poster-t .eyebrow,.story-t .eyebrow{color:#ffffffbf}.poster-t h1,.story-t h1{color:#fff;font-size:32px;margin:4px 0 14px}.cue{display:block;margin-top:16px;font-size:12px;color:#ffffffb3}.d-b .pad>.desc{margin-top:16px}.bar-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:#fff;padding:8px 18px 10px;border-bottom:1px solid var(--hair);line-height:1.2}.bar-top b{display:block;font-family:var(--disp);font-weight:600;font-size:16px}.bar-top span{font-size:12.5px;color:var(--ink-3)}.d-c .mosaic{padding:4px}.pills{position:fixed;left:50%;transform:translate(-50%);bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:21;display:flex;gap:2px;padding:3px;background:#1d1a15e6;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pills a{color:#fff;text-decoration:none;font-size:12.5px;padding:6px 12px;border-radius:999px;white-space:nowrap}.pills a:first-child{background:#fff;color:var(--ink);font-weight:600}.d-d .pad{padding-top:14px}.grid3{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:4px;height:210px;margin:8px 0 12px;position:relative}.grid3 button{border-radius:8px;height:100%}.grid3 button:first-child{grid-row:span 2}.grid3 .more{position:absolute;right:6px;bottom:6px;height:auto;background:#0009;color:#fff;font-size:12px;padding:3px 9px;border-radius:999px}details{border-top:1px solid var(--hair);padding:10px 0}summary{font-family:var(--disp);font-weight:500;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--ink-3)}details[open] summary:after{content:"–"}details .desc{margin:8px 0 10px}details .amen{margin-top:8px}.d-e .pad{padding-top:16px}.room{margin-top:6px}.room .strip{padding:0 18px;margin:0 0 6px}.room .strip button{width:200px}.d-f{background:#0f1c1a;padding-bottom:0}.story{position:relative;min-height:100vh;background:#12332d;color:#fff;scroll-snap-align:start}.story>img{width:100%;height:100vh;object-fit:cover;opacity:.92}.prog{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:12px;right:12px;display:flex;gap:4px;z-index:2}.prog i{flex:1;height:3px;border-radius:2px;background:#ffffff59}.prog i.on{background:#fff}.story-t{position:absolute;inset:auto 0 0 0;padding:140px 20px 40px;background:linear-gradient(to top,#000c 40%,#0000)}.story .cue{position:absolute;bottom:12px;left:0;right:0;text-align:center;margin:0}.story.s2,.story.s3,.story.s4{min-height:auto;padding:44px 0 100px;background:linear-gradient(160deg,#0f6b58,#0b3f38)}.story.s2 .story-t,.story.s3 .story-t,.story.s4 .story-t{position:static;padding:0 20px;background:none}.amen.light{grid-template-columns:1fr;gap:10px;font-size:17px;color:#fff;font-family:var(--disp);font-weight:500;margin-bottom:18px}.amen.light li:before{color:var(--sun)}.story .desc{color:#ffffffd9}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:4px}.grid2 button{aspect-ratio:1}