.reader-vn-stage{isolation:isolate;color:#fff;width:100%;height:100%;min-height:0;font-family:var(--font-geist-sans), Arial, sans-serif;background:#090914;position:relative;overflow:hidden;container-type:size}.reader-vn-background,.reader-vn-fallback,.reader-vn-vignette{position:absolute;inset:0}.reader-vn-background{z-index:-4;object-fit:cover;object-position:center;transform-origin:50%;width:100%;height:100%}.reader-vn-background[data-motion=zoom-in]{animation:8s ease-out both reader-vn-zoom-in}.reader-vn-background[data-motion=zoom-out]{animation:8s ease-out both reader-vn-zoom-out}.reader-vn-background[data-motion=pan-left]{animation:8s ease-out both reader-vn-pan-left}.reader-vn-background[data-motion=pan-right]{animation:8s ease-out both reader-vn-pan-right}.reader-vn-fallback{z-index:-4;background:radial-gradient(circle,#fff 0 1px,#0000 1.5px) 10px 8px/97px 83px,radial-gradient(circle,#ab9fff 0 1px,#0000 1.6px) 45px 22px/137px 121px,radial-gradient(circle at 50% 36%,#423672 0,#1a193b 34%,#0b0c1b 75%)}.reader-vn-vignette{z-index:-1;pointer-events:none;background:linear-gradient(#06080f0a 35%,#06080fc7 100%)}.reader-vn-character{z-index:1;filter:drop-shadow(0 18px 25px #05050baa);justify-items:center;animation:.45s both reader-vn-enter;display:grid;position:absolute;bottom:24%;left:50%;transform:translate(-50%)}.reader-vn-character[data-position=far-left]{left:15%}.reader-vn-character[data-position=left]{left:28%}.reader-vn-character[data-position=center]{left:50%}.reader-vn-character[data-position=right]{left:72%}.reader-vn-character[data-position=far-right]{left:85%}.reader-vn-character-image,.reader-vn-character-placeholder{transform-origin:bottom;width:min(22cqw,220px);height:min(53cqh,410px)}.reader-vn-character-image{object-fit:contain;object-position:bottom center;display:block}.reader-vn-character-placeholder{color:#e8e0ff;background:linear-gradient(145deg,#b9a4ff,#4d3f83 50%,#171528);border-radius:50% 50% 22% 22%;place-items:center;font-family:Georgia,serif;font-size:clamp(54px,12cqw,160px);display:grid}.reader-vn-character strong{z-index:1;text-overflow:ellipsis;white-space:nowrap;background:#17142bcc;border-radius:999px;max-width:min(24cqw,240px);margin-top:-50px;padding:7px 15px;font-size:13px;overflow:hidden}.reader-vn-character[data-speaking=true] .reader-vn-character-image,.reader-vn-character[data-speaking=true] .reader-vn-character-placeholder{filter:drop-shadow(0 0 7px #ffffffb8)drop-shadow(0 0 18px #9eebece0)drop-shadow(0 0 34px #8b78e7c7)}.reader-vn-character[data-speaking=true] strong{color:#fff;border:1px solid #9eebec;box-shadow:0 0 18px #9eebec94}.reader-vn-illustration,.reader-vn-video{z-index:5;object-fit:contain;background:#05050b;width:100%;height:100%;position:absolute;inset:0}.reader-vn-video{object-fit:contain}.reader-vn-dialogue{z-index:10;color:#fff;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:text;user-select:text;-webkit-touch-callout:none;background:linear-gradient(135deg,#141326f2,#201b3af2);border:1px solid #7668a8;border-radius:20px;width:min(860px,100% - 32px);padding:24px 28px 20px;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 22px 70px #0009}button.reader-vn-dialogue{cursor:pointer}.reader-vn-dialogue-copy>span{color:#9eebec;letter-spacing:.16em;font-size:12px;font-weight:800}.reader-vn-dialogue-copy p{overflow-wrap:anywhere;margin:10px 0 12px;font:400 clamp(20px,3cqw,29px)/1.48 Georgia,serif}.reader-vn-dialogue-copy small{color:#aaa2cc;letter-spacing:.08em;text-align:right;font-size:11px;display:block}.reader-vn-choice-panel{z-index:12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111021ed;border:1px solid #6c609c;border-radius:24px;width:min(520px,100% - 32px);padding:clamp(24px,5cqw,42px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 100px #000b}.reader-vn-choice-panel>small{color:#9eebec;letter-spacing:.18em;font-weight:800}.reader-vn-choice-panel h2{margin:10px 0 24px;font:600 clamp(28px,5cqw,44px)/1.1 Georgia,serif}.reader-vn-choice-panel button{color:#fff;text-align:left;overflow-wrap:anywhere;background:#211d38;border:1px solid #494365;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:58px;margin-top:12px;padding:12px 18px;font-size:16px;line-height:1.45;display:flex}.reader-vn-choice-panel button:hover{background:#2d2750;border-color:#9f8cff}.reader-vn-choice-panel button span{color:#9eebec;font-size:24px}.reader-vn-safe-area{z-index:30;pointer-events:none;border:1px dashed #aaf4ebc7;border-radius:12px;position:absolute;inset:7% 5%}.reader-vn-safe-area span{color:#aaf4eb;letter-spacing:.08em;text-transform:uppercase;background:#090914c7;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;position:absolute;top:7px;right:9px}.reader-vn-landscape-gate{display:none}[data-language=th] .reader-vn-stage{font-family:var(--font-ui-thai)}[data-language=th] .reader-vn-dialogue-copy>span,[data-language=th] .reader-vn-character strong,[data-language=th] .reader-vn-safe-area span{font-family:var(--font-ui-thai);letter-spacing:normal;line-height:1.55}[data-language=th] .reader-vn-dialogue-copy p,[data-language=th] .reader-vn-choice-panel h2,[data-language=th] .reader-vn-choice-panel button{font-family:var(--reader-thai-font,var(--font-story-thai));letter-spacing:normal;line-height:var(--reader-vn-leading,1.64)}[data-language=th] .reader-vn-dialogue-copy p{font-size:clamp(18px, 3cqw, var(--reader-vn-size,29px))}[data-language=th] .reader-vn-choice-panel h2{line-height:var(--reader-vn-leading,1.64)}[data-language=th] .reader-vn-choice-panel button{line-height:var(--reader-vn-leading,1.64);text-align:center}[data-language=th] .reader-vn-choice-panel>small{font-family:var(--font-ui-thai);letter-spacing:.08em}@media (orientation:portrait) and (max-width:900px){.reader-vn-landscape-gate{z-index:50;color:#fff;text-align:center;background:radial-gradient(circle at 50% 42%,#5b49a46b,#0000 34%),#080812f7;place-content:center;justify-items:center;gap:10px;padding:28px;display:grid;position:absolute;inset:0}.reader-vn-landscape-gate>span{color:#aaf4eb;border:2px solid #b9adff;border-radius:9px;place-items:center;width:58px;height:40px;margin-bottom:4px;font-size:28px;line-height:1;display:grid;transform:rotate(-12deg)}.reader-vn-landscape-gate>strong{font:700 24px/1.15 Georgia,serif}.reader-vn-landscape-gate>small{color:#bbb4d5;max-width:250px;font-size:12px;line-height:1.5}}@container (width<=600px){.reader-vn-character{bottom:31%}.reader-vn-character-image,.reader-vn-character-placeholder{width:48cqw;height:46cqh}.reader-vn-character strong{max-width:44cqw;margin-top:-38px;font-size:11px}.reader-vn-dialogue{border-radius:18px;padding:19px 20px 16px;bottom:14px}.reader-vn-dialogue-copy p{font-size:20px}.reader-vn-choice-panel{padding:22px;top:auto;bottom:16px;transform:translate(-50%)}.reader-vn-choice-panel h2{margin-bottom:14px;font-size:27px}.reader-vn-choice-panel button{min-height:54px}.reader-vn-stage[data-character-count="3"] .reader-vn-character[data-crowd-index="0"]{left:17%}.reader-vn-stage[data-character-count="3"] .reader-vn-character[data-crowd-index="1"]{left:50%}.reader-vn-stage[data-character-count="3"] .reader-vn-character[data-crowd-index="2"]{left:83%}.reader-vn-stage[data-character-count="4"] .reader-vn-character[data-crowd-index="0"]{left:12%}.reader-vn-stage[data-character-count="4"] .reader-vn-character[data-crowd-index="1"]{left:37%}.reader-vn-stage[data-character-count="4"] .reader-vn-character[data-crowd-index="2"]{left:63%}.reader-vn-stage[data-character-count="4"] .reader-vn-character[data-crowd-index="3"]{left:88%}.reader-vn-stage[data-character-count="5"] .reader-vn-character[data-crowd-index="0"]{left:8%}.reader-vn-stage[data-character-count="5"] .reader-vn-character[data-crowd-index="1"]{left:29%}.reader-vn-stage[data-character-count="5"] .reader-vn-character[data-crowd-index="2"]{left:50%}.reader-vn-stage[data-character-count="5"] .reader-vn-character[data-crowd-index="3"]{left:71%}.reader-vn-stage[data-character-count="5"] .reader-vn-character[data-crowd-index="4"]{left:92%}.reader-vn-stage[data-character-count="3"] .reader-vn-character-image,.reader-vn-stage[data-character-count="3"] .reader-vn-character-placeholder{width:31cqw;height:52cqh}.reader-vn-stage[data-character-count="4"] .reader-vn-character-image,.reader-vn-stage[data-character-count="4"] .reader-vn-character-placeholder{width:25cqw;height:50cqh}.reader-vn-stage[data-character-count="5"] .reader-vn-character-image,.reader-vn-stage[data-character-count="5"] .reader-vn-character-placeholder{width:21cqw;height:48cqh}.reader-vn-stage[data-character-count="3"] .reader-vn-character strong,.reader-vn-stage[data-character-count="4"] .reader-vn-character strong,.reader-vn-stage[data-character-count="5"] .reader-vn-character strong{max-width:24cqw;padding:5px 8px;font-size:9px}}@container (width>=601px) and (width<=900px){.reader-vn-stage[data-character-count="3"] .reader-vn-character[data-crowd-index="0"]{left:17%}.reader-vn-stage[data-character-count="3"] .reader-vn-character[data-crowd-index="1"]{left:50%}.reader-vn-stage[data-character-count="3"] .reader-vn-character[data-crowd-index="2"]{left:83%}.reader-vn-stage[data-character-count="4"] .reader-vn-character[data-crowd-index="0"]{left:12%}.reader-vn-stage[data-character-count="4"] .reader-vn-character[data-crowd-index="1"]{left:37%}.reader-vn-stage[data-character-count="4"] .reader-vn-character[data-crowd-index="2"]{left:63%}.reader-vn-stage[data-character-count="4"] .reader-vn-character[data-crowd-index="3"]{left:88%}.reader-vn-stage[data-character-count="5"] .reader-vn-character[data-crowd-index="0"]{left:8%}.reader-vn-stage[data-character-count="5"] .reader-vn-character[data-crowd-index="1"]{left:29%}.reader-vn-stage[data-character-count="5"] .reader-vn-character[data-crowd-index="2"]{left:50%}.reader-vn-stage[data-character-count="5"] .reader-vn-character[data-crowd-index="3"]{left:71%}.reader-vn-stage[data-character-count="5"] .reader-vn-character[data-crowd-index="4"]{left:92%}.reader-vn-stage[data-character-count="3"] .reader-vn-character-image,.reader-vn-stage[data-character-count="3"] .reader-vn-character-placeholder{width:23cqw;height:58cqh}.reader-vn-stage[data-character-count="4"] .reader-vn-character-image,.reader-vn-stage[data-character-count="4"] .reader-vn-character-placeholder{width:20cqw;height:56cqh}.reader-vn-stage[data-character-count="5"] .reader-vn-character-image,.reader-vn-stage[data-character-count="5"] .reader-vn-character-placeholder{width:17cqw;height:54cqh}}@media (prefers-reduced-motion:reduce){.reader-vn-background,.reader-vn-character{animation:none!important}}@keyframes reader-vn-enter{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes reader-vn-zoom-in{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes reader-vn-zoom-out{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes reader-vn-pan-left{0%{transform:scale(1.08)translate(2%)}to{transform:scale(1.08)translate(-2%)}}@keyframes reader-vn-pan-right{0%{transform:scale(1.08)translate(-2%)}to{transform:scale(1.08)translate(2%)}}.reader-vn-dialogue{overscroll-behavior:contain;max-height:min(38cqh,310px);overflow-y:auto}.reader-vn-choice-panel{overscroll-behavior:contain;max-height:min(46cqh,460px);overflow-y:auto}@container (width<=600px){.reader-vn-dialogue{max-height:38cqh}.reader-vn-choice-panel{max-height:46cqh;padding:18px}}