:root{--gold: #e9c27a;--gold-hi: #f6dcaa;--ink: #120d08;--ivory: #f5efe6;--muted: rgba(245, 239, 230, .62);--serif: "Cormorant Garamond", "Noto Serif Thai", serif;--thai: "Noto Serif Thai", serif;--sans: "Inter", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--ink);color:var(--ivory);overscroll-behavior:none}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;touch-action:none;user-select:none}#gl{position:fixed;inset:0;width:100vw;height:100vh;display:block;outline:none}#ui{position:fixed;inset:0;pointer-events:none;z-index:2}#ui button{pointer-events:auto;cursor:pointer;font:inherit;color:inherit;background:none;border:0}.loader{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:18px;background:radial-gradient(ellipse at 50% 45%,#20170f,#140e08 65%,#0a0704);color:var(--ivory);transition:opacity 1.4s var(--ease),visibility 1.4s;pointer-events:auto;text-align:center}.loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.loader__crest{color:var(--gold);opacity:.85;animation:breathe 3.2s ease-in-out infinite}.loader__pct{font-family:var(--serif);color:var(--gold-hi);font-size:clamp(42px,6vw,76px);line-height:1;font-weight:400;letter-spacing:.02em}.loader__label{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:18px}.loader__hint{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#f5efe673;margin-top:18px}.loader__begin{margin-top:8px;padding:14px 34px;border:1px solid rgba(233,194,122,.55)!important;border-radius:999px;font-family:var(--serif)!important;font-size:20px!important;letter-spacing:.06em;color:var(--gold-hi)!important;background:#e9c27a1a!important;transition:background .5s var(--ease),letter-spacing .5s var(--ease)}.loader__begin:hover{background:#e9c27a38!important;letter-spacing:.1em;border-color:var(--gold-hi)!important}@keyframes breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.04);opacity:.95}}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(16px,3vw,34px);opacity:0;transition:opacity 1.6s var(--ease) .4s}body.is-live .hud-top{opacity:1}.brand{display:flex;flex-direction:column;gap:4px;padding:8px 14px;border-radius:10px;background:#120d0894;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(233,194,122,.24)}.brand__th{font-family:var(--thai);font-weight:400;font-size:12px;letter-spacing:.08em;color:var(--gold-hi)}.brand__en{font-family:var(--serif);font-size:22px;letter-spacing:.04em;color:var(--ivory)}.brand__en em{color:var(--gold)}.hud-actions{display:flex;gap:10px}.pill{padding:8px 14px;border-radius:999px;border:1px solid rgba(233,194,122,.38)!important;font-size:11px!important;letter-spacing:.18em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#120d08ad!important;color:var(--ivory)!important;transition:border-color .4s}.pill:hover{border-color:var(--gold-hi)!important;background:#22190fd9!important}.chapter-card{position:absolute;left:clamp(24px,4vw,56px);bottom:clamp(32px,5vh,64px);max-width:min(440px,88vw);padding:22px 26px;border-radius:12px;background:#120d08b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(233,194,122,.34);box-shadow:0 14px 38px #00000073;color:var(--ivory);opacity:0;transform:translate3d(0,18px,0);will-change:opacity,transform}.chapter-card__num{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-weight:600}.chapter-card__title{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.8vw,36px);line-height:1.22;color:#fff8eb}html[lang=th] .chapter-card__title{font-family:var(--thai);font-weight:600;font-size:clamp(20px,2.2vw,30px);line-height:1.35;color:#fff8eb}.chapter-card__sub{font-family:var(--thai);font-weight:400;color:var(--gold-hi);font-size:clamp(12px,1vw,15px);margin-top:4px}.chapter-card__body{font-family:var(--serif);font-size:clamp(13px,.95vw,15px);line-height:1.55;color:#f5efe6db;margin-top:10px}html[lang=th] .chapter-card__body{font-family:var(--thai);font-weight:400;font-size:clamp(12.5px,.92vw,14.5px);line-height:1.65;color:#f5efe6db}#hotspots{position:absolute;inset:0}.hotspot{position:absolute;left:0;top:0;width:0;height:0;opacity:0;will-change:transform,opacity;pointer-events:none}.hotspot.is-on{pointer-events:auto}.hotspot__btn{position:absolute;left:-17px;top:-17px;width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(233,194,122,.85)!important;background:#120d08ad!important;backdrop-filter:blur(6px)}.hotspot__btn:before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--gold-hi)}.hotspot__btn:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid var(--gold);animation:ping 2.4s var(--ease) infinite}.hotspot__label{position:absolute;left:26px;top:-11px;white-space:nowrap;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#fff8eb;background:#120d08ad;padding:4px 10px;border-radius:999px;border:1px solid rgba(233,194,122,.3);font-weight:500}@keyframes ping{0%{transform:scale(1);opacity:.9}to{transform:scale(2.1);opacity:0}}.info-panel{position:absolute;right:clamp(14px,4vw,56px);top:50%;transform:translateY(-50%);width:min(400px,90vw);padding:30px 30px 34px;background:#120d08d6;border:1px solid rgba(233,194,122,.38);border-radius:12px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto;animation:panelIn .7s var(--ease);box-shadow:0 18px 48px #0009;color:var(--ivory)}.info-panel[hidden]{display:none}.info-panel__close{position:absolute;right:14px;top:10px;font-size:26px!important;color:var(--gold)!important}.info-panel__kicker{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.info-panel__title{font-family:var(--serif);font-weight:500;font-size:30px;margin:10px 0 14px;line-height:1.1;color:#fff8eb}.info-panel__body{font-family:var(--serif);font-size:17px;line-height:1.6;color:#f5efe6e0}html[lang=th] .info-panel__body{font-family:var(--thai);font-size:15px;font-weight:400;line-height:1.85;color:#f5efe6e0}@keyframes panelIn{0%{opacity:0;transform:translate(16px,-50%)}to{opacity:1;transform:translateY(-50%)}}.chapter-nav{position:absolute;right:clamp(14px,3vw,34px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:18px;opacity:0;transition:opacity 1.6s var(--ease) .6s}body.is-live .chapter-nav{opacity:1}.chapter-nav button{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:10px!important;letter-spacing:.22em;text-transform:uppercase;color:#f5efe6d9!important;text-shadow:0 1px 6px rgba(0,0,0,.85)}.chapter-nav button span{opacity:0;transform:translate(6px);transition:opacity .5s var(--ease),transform .5s var(--ease);white-space:nowrap;background:#120d08bf;padding:4px 10px;border-radius:999px;border:1px solid rgba(233,194,122,.28)}.chapter-nav button:hover span,.chapter-nav button.is-active span{opacity:1;transform:none}.chapter-nav button i{width:8px;height:8px;border-radius:50%;border:1px solid currentColor;background:#120d088c;transition:background .4s,transform .4s}.chapter-nav button.is-active{color:var(--gold-hi)!important;font-weight:600}.chapter-nav button.is-active i{background:var(--gold-hi);border-color:var(--gold-hi);transform:scale(1.35)}.info-panel:not([hidden])~.chapter-nav{opacity:0;pointer-events:none}.progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#f5efe614}.progress__bar{height:100%;width:100%;background:linear-gradient(90deg,#a87b34,var(--gold-hi));transform-origin:0 50%;transform:scaleX(0);will-change:transform}.scroll-cue{position:absolute;left:50%;bottom:30px;width:22px;height:36px;margin-left:-11px;border:1px solid rgba(245,239,230,.4);border-radius:12px;opacity:0;transition:opacity 1s}.scroll-cue span{position:absolute;left:50%;top:7px;width:2px;height:7px;margin-left:-1px;background:var(--gold-hi);border-radius:2px;animation:cue 1.8s var(--ease) infinite}body.is-live .scroll-cue.is-on{opacity:1}@keyframes cue{0%{transform:translateY(0);opacity:1}to{transform:translateY(12px);opacity:0}}.debug{position:absolute;left:12px;bottom:14px;font:11px/1.5 ui-monospace,monospace;background:#0009;padding:8px 10px;pointer-events:auto;color:#cfe}.debug label{display:block;cursor:pointer}@media (max-width: 720px){.chapter-nav{right:10px;gap:14px}.chapter-nav button span{display:none}.chapter-card{bottom:96px}.brand__en{font-size:18px}.info-panel{top:auto;bottom:18px;transform:none;animation:none;right:5vw}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.2s!important}}.wat-anatomy-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#060402e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.22,1,.36,1);padding:16px}.wat-anatomy-overlay.is-open{opacity:1;pointer-events:auto}.wat-anatomy-card{width:min(1120px,95vw);height:min(780px,92vh);background:radial-gradient(ellipse at 50% 10%,#1e150b,#0c0804);border:1px solid rgba(233,194,122,.38);border-radius:16px;box-shadow:0 24px 72px #000000eb,0 0 45px #d5a8481f;display:flex;flex-direction:column;overflow:hidden;color:#f5efe6;font-family:var(--sans)}.anatomy-card-header{height:58px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(233,194,122,.2);background:#120d08b3}.anatomy-card-tag{display:flex;align-items:center;gap:12px}.fig-badge{background:#d5a848;color:#120d08;font-family:var(--serif);font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:.08em}.card-series{font-size:11px;letter-spacing:.18em;color:var(--gold-hi);text-transform:uppercase}.anatomy-card-tabs{display:flex;gap:8px}.anatomy-tab-btn{padding:6px 14px;border-radius:999px;border:1px solid rgba(233,194,122,.28);background:#e9c27a14;color:#ded4c3;font-size:12px;letter-spacing:.04em;cursor:pointer;transition:all .25s var(--ease)}.anatomy-tab-btn:hover{background:#e9c27a33;color:#fff}.anatomy-tab-btn.is-active{background:#e9c27a52;color:var(--gold-hi);border-color:var(--gold);font-weight:600;box-shadow:0 0 16px #d5a8484d}.anatomy-card-close{background:none;border:none;color:var(--muted);font-size:22px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .2s}.anatomy-card-close:hover{color:#fff;background:#ffffff14}.anatomy-card-body{flex:1;display:grid;grid-template-columns:1.25fr .95fr;overflow:hidden}.anatomy-stage-col{display:flex;flex-direction:column;border-right:1px solid rgba(233,194,122,.15);background:radial-gradient(circle at 50% 50%,#23180c66,#0a0704e6);position:relative}.anatomy-canvas-wrap{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.anatomy-canvas-hud{position:absolute;top:14px;left:16px;display:flex;flex-direction:column;gap:4px;pointer-events:none}.hud-datum{font-family:ui-monospace,JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;color:#e9c27aa6}.anatomy-slider-panel{padding:16px 24px;background:#0e0a06d9;border-top:1px solid rgba(233,194,122,.2)}.slider-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.slider-title{font-size:11px;letter-spacing:.14em;color:var(--gold-hi);text-transform:uppercase;font-weight:600}.slider-val{font-family:var(--thai);font-size:12px;color:#fff2a8}#wat-anatomy-slider{width:100%;height:6px;border-radius:4px;accent-color:#d5a848;background:#f5efe626;cursor:pointer;outline:none}.slider-ticks{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:#f5efe666}.anatomy-inspector-col{padding:24px 28px;display:flex;flex-direction:column;background:#100b07b3;overflow-y:auto}.inspector-badge{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.25em;color:#d5a848;text-transform:uppercase;margin-bottom:6px}.inspector-title{font-family:var(--thai);font-size:24px;font-weight:600;color:#fff4d1;line-height:1.3;margin-bottom:4px}.inspector-en{font-family:var(--serif);font-size:14px;font-style:italic;color:#e9c27ad9;margin-bottom:18px}.inspector-section{margin-bottom:16px}.section-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#f5efe67a;margin-bottom:4px;font-weight:500}.section-body{font-family:var(--thai);font-size:13.5px;line-height:1.65;color:#e5dac9}.section-specs{font-family:var(--thai);font-size:13px;line-height:1.6;color:#f6dcaa;background:#d5a84814;padding:8px 12px;border-radius:6px;border-left:2px solid #d5a848}.text-gold{color:#ffe28a!important}.anatomy-tiers-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tier-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid rgba(233,194,122,.2);background:#ffffff0a;color:#ccc;font-family:var(--thai);font-size:11.5px;cursor:pointer;transition:all .2s}.tier-pill:hover{border-color:var(--gold);color:#fff;background:#e9c27a1f}.tier-pill.is-active{border-color:gold;color:#fff9e0;background:#d5a84840;font-weight:600}.tier-dot{width:5px;height:5px;border-radius:50%;background:#d5a848}.anatomy-card-footer{height:44px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(233,194,122,.2);background:#0c0805e6;font-size:11.5px}.footer-hint{color:#f5efe68c;font-family:var(--thai)}.footer-readout{font-family:var(--thai);color:#f6dcaa;font-weight:500;letter-spacing:.02em}.anatomy-svg-part{transition:transform .3s cubic-bezier(.22,1,.36,1),filter .25s}.anatomy-svg-part:hover{filter:drop-shadow(0 0 10px rgba(255,215,0,.6))}.anatomy-svg-part.is-selected{filter:drop-shadow(0 0 16px rgba(255,242,168,.9))}@media (max-width: 860px){.anatomy-card-body{grid-template-columns:1fr}.anatomy-stage-col{height:50%;border-right:none;border-bottom:1px solid rgba(233,194,122,.15)}.anatomy-inspector-col{height:50%;padding:16px}.wat-anatomy-card{height:96vh}.card-series{display:none}}