.ld{--gold-0:#fff6dc;--gold-1:#f6d38e;--gold-2:#dba64f;--gold-3:#a8742c;--cream:#f6ead2;--dim:#c9b38f;--faint:#c9b38fa8;--serif:"Noto Serif Thai", "Cinzel", serif;--deco:"Cinzel", "Noto Serif Thai", serif;--hud:"Chakra Petch", "Mitr", system-ui, sans-serif;--body:"Mitr", "Noto Sans Thai", system-ui, sans-serif;--ease:cubic-bezier(.22, .8, .24, 1);z-index:80;color:var(--cream);font:400 14px/1.45 var(--body);pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;background:#090718;position:fixed;inset:0;overflow:hidden}.ld,.ld *,.ld :before,.ld :after{box-sizing:border-box}.ld.ready{cursor:var(--cur-pointer,pointer)}.ld-lqip{filter:blur(22px)saturate(1.1);background:#2a2350 50%/cover no-repeat;position:absolute;inset:-40px;transform:scale(1.06)}.ld-canvas{opacity:0;width:100%;height:100%;transition:opacity 1.4s;display:block;position:absolute;inset:0}.ld-canvas.on{opacity:1}.ld-shade{pointer-events:none;background:radial-gradient(46% 30% at 50% 25%,#09071a85,#0000 72%),radial-gradient(52% 46% at 86% 100%,#060410b8,#0000 72%),linear-gradient(#06051280,#0000 16%),linear-gradient(#0000 76%,#05040e9e);transition:opacity .6s;position:absolute;inset:0}.ld-top{opacity:0;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:16px;left:20px;right:20px}.ld-home{font:500 13px var(--hud);color:var(--dim);text-shadow:0 1px 2px #0009;cursor:var(--cur-pointer,pointer);align-items:center;gap:6px;padding:6px 4px;text-decoration:none;transition:color .2s;display:inline-flex}.ld-home:hover{color:var(--gold-0)}.ld-chev{font-size:18px;line-height:1}.ld-status{-webkit-backdrop-filter:blur(6px);font:500 12.5px var(--hud);color:var(--dim);background:#0a081a8c;border:1px solid #dba64f3d;border-radius:999px;align-items:center;gap:9px;padding:6px 14px 6px 12px;display:inline-flex}.ld-dot{background:#8f7a5c;border-radius:50%;flex:none;width:8px;height:8px}.ld-status.up .ld-dot{background:#7ee08a;animation:2.4s ease-out infinite ld-ping;box-shadow:0 0 #7ee08a99}.ld-status.down .ld-dot{background:#ff7a66}@keyframes ld-ping{0%{box-shadow:0 0 #7ee08a8c}70%,to{box-shadow:0 0 0 8px #7ee08a00}}.ld-brand{text-align:center;pointer-events:none;width:min(92vw,780px);transition:transform .9s var(--ease), opacity .7s ease, filter .7s ease;justify-items:center;display:grid;position:absolute;top:clamp(26px,7vh,96px);left:50%;transform:translate(-50%)}.ld-crest{filter:drop-shadow(0 0 16px #ffbe6452)drop-shadow(0 2px 2px #00000080);width:clamp(190px,21vw,310px);height:auto;overflow:visible}.ld-crest path[pathLength]{stroke-dasharray:1;stroke-dashoffset:1px}.ld-crest .ld-moon,.ld-crest .ld-gem,.ld-crest .ld-dot,.ld-crest .ld-star{opacity:0;transform-box:fill-box;transform-origin:50%}.ld.intro .ld-crest path[pathLength]{animation:ld-draw 1.7s var(--ease) .15s forwards}.ld.intro .ld-crest .ld-moon{animation:ld-moon 1.2s var(--ease) .1s forwards}.ld.intro .ld-crest .ld-gem,.ld.intro .ld-crest .ld-dot{animation:.8s 1.1s forwards ld-fade}.ld.intro .ld-crest .ld-star{animation:.6s .9s forwards ld-fade,3.2s ease-in-out 1.5s infinite ld-star}@keyframes ld-draw{to{stroke-dashoffset:0}}@keyframes ld-moon{0%{opacity:0;transform:scale(.6)rotate(-30deg)}to{opacity:1;transform:none}}@keyframes ld-fade{to{opacity:1}}@keyframes ld-star{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.35)rotate(45deg)}}.ld-logo{font:900 clamp(74px, 10.4vw, 158px) / 1.08 var(--serif);letter-spacing:.02em;opacity:0;margin:-4px 0 0;position:relative}.ld-logo span{white-space:nowrap;display:block}.ld-logo-back{color:#2a1508;-webkit-text-stroke:.09em #160a03;paint-order:stroke fill;filter:drop-shadow(0 .05em #0006)drop-shadow(0 .12em .22em #0009)drop-shadow(0 0 .5em #ff963c40)}.ld-logo-face,.ld-logo-shine{color:#0000;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.ld-logo-face{-webkit-text-stroke:.012em #ffeec48c;background-image:linear-gradient(#fffdf2 10%,#ffe6a2 36%,#f2b65a 60%,#c27a2c 80%,#8a4b17 96%)}.ld-logo-shine{mix-blend-mode:screen;background-image:linear-gradient(100deg,#0000 0 42%,#fffffff2 49%,#fff6d680 52%,#0000 58%);background-position:130% 0;background-repeat:no-repeat;background-size:280% 100%}.ld.intro .ld-logo{animation:ld-rise 1.5s var(--ease) .35s forwards}.ld.intro .ld-logo-shine{animation:7.5s ease-in-out 1.6s infinite ld-shine}@keyframes ld-rise{0%{opacity:0;filter:blur(10px);letter-spacing:.18em;transform:translateY(18px)scale(.96)}to{opacity:1;filter:none;letter-spacing:.02em;transform:none}}@keyframes ld-shine{0%{background-position:130% 0}32%,to{background-position:-40% 0}}.ld-sub{font:600 clamp(12px, 1.05vw, 15px) var(--deco);letter-spacing:.62em;color:#ecc87e;text-shadow:0 1px 2px #000000b3;opacity:0;align-items:center;gap:16px;margin-top:4px;display:flex}.ld-sub span{margin-right:-.62em}.ld-rule{background:linear-gradient(90deg, transparent, var(--gold-2));transform-origin:100%;width:clamp(40px,6vw,96px);height:1px;position:relative}.ld-rule.r{background:linear-gradient(270deg, transparent, var(--gold-2));transform-origin:0}.ld-rule:after{content:"";background:var(--gold-1);width:7px;height:7px;position:absolute;top:-3px;right:-3px;transform:rotate(45deg);box-shadow:0 0 8px #ffbe64b3}.ld-rule.r:after{left:-3px;right:auto}.ld.intro .ld-sub{animation:1s 1s forwards ld-fade}.ld.intro .ld-rule{animation:ld-grow 1.1s var(--ease) 1.05s both}@keyframes ld-grow{0%{transform:scaleX(0)}}.ld-tag{font:600 clamp(13px, 1.12vw, 16px) var(--serif);color:#f6ead2d1;text-shadow:0 1px 3px #000c,0 0 18px #140e28e6;opacity:0;margin:10px 0 0}.ld.intro .ld-tag{animation:1.2s 1.35s forwards ld-fade}.ld-dock{opacity:0;gap:16px;width:min(620px,46vw);transition:opacity .35s,transform .35s;display:grid;position:absolute;bottom:clamp(18px,4.2vh,44px);right:clamp(16px,3vw,48px);transform:translateY(18px)}.ld.intro .ld-dock{animation:ld-dock .9s var(--ease) .9s forwards}@keyframes ld-dock{to{opacity:1;transform:none}}.ld-tip{--c:var(--gold-1);-webkit-backdrop-filter:blur(10px)saturate(1.15);min-height:98px;cursor:var(--cur-pointer,pointer);background:linear-gradient(#1a142cbd,#0c0918d6);border:1px solid #dba64f4d;border-radius:16px;grid-template-columns:58px 1fr auto;align-items:center;gap:16px;padding:14px 16px 16px 14px;display:grid;position:relative;box-shadow:0 18px 44px #00000073,inset 0 1px #ffecbe14}.ld-tip:before{content:"";background:linear-gradient(90deg,#0000,#ffdc96d9,#0000);height:1px;position:absolute;top:-1px;left:18%;right:18%}.ld-medal{width:58px;height:58px;box-shadow:inset 0 0 0 2px #dba64fbf, inset 0 0 0 4px #120c1ce6, inset 0 0 16px #000000a6, 0 0 20px color-mix(in srgb, var(--c) 30%, transparent);perspective:300px;background:radial-gradient(circle at 35% 30%,#3b2d55,#120d1f 72%);border-radius:50%;transition:box-shadow .5s;position:relative}.ld-medal:before{content:"";border:1px dashed color-mix(in srgb, var(--c) 55%, transparent);border-radius:50%;animation:22s linear infinite ld-spin;position:absolute;inset:-6px}@keyframes ld-spin{to{transform:rotate(360deg)}}.ld-medal-face{animation:ld-flip-in .55s var(--ease) both;place-items:center;display:grid;position:absolute;inset:0}.ld-medal-face.out{animation:.4s forwards ld-flip-out}@keyframes ld-flip-in{0%{opacity:0;transform:rotateY(-90deg)scale(.8)}}@keyframes ld-flip-out{to{opacity:0;transform:rotateY(90deg)scale(.8)}}.ld-glyph{width:30px;height:30px;fill:var(--c);color:var(--c);filter:drop-shadow(0 0 7px color-mix(in srgb, var(--c) 70%, transparent))}.ld-tip-body{align-items:center;min-height:66px;display:grid;overflow:hidden}.ld-tip-in{animation:ld-tip-in .5s var(--ease) both;grid-area:1/1}.ld-tip-in.back{animation-name:ld-tip-back}.ld-tip-in.out{pointer-events:none;animation:.38s forwards ld-tip-out}@keyframes ld-tip-in{0%{opacity:0;transform:translate(14px)}}@keyframes ld-tip-back{0%{opacity:0;transform:translate(-14px)}}@keyframes ld-tip-out{to{opacity:0;filter:blur(4px);transform:translateY(-8px)}}.ld-kind{font:600 12px var(--hud);color:var(--c);text-shadow:0 0 12px color-mix(in srgb, var(--c) 40%, transparent);margin-bottom:4px}.ld-text{font:400 15.5px / 1.62 var(--body);color:#f3e8d2;text-wrap:pretty;margin:0}.ld-w{opacity:0;filter:blur(3px);animation:ld-word .55s var(--ease) forwards;animation-delay:calc(var(--i,0) * 24ms + 90ms);display:inline-block;transform:translateY(6px)}@keyframes ld-word{to{opacity:1;filter:none;transform:none}}.ld-gold{color:#ffd98c;font-weight:500}.ld-key{min-width:26px;font:600 12.5px / 21px var(--hud);text-align:center;color:#2b1708;vertical-align:1px;background:linear-gradient(#fbebc2,#d9ad62);border-radius:6px;margin:0 2px;padding:1px 7px 0;box-shadow:0 2px #7a501d,0 3px 6px #00000073,inset 0 1px #ffffffb3}.ld-tip.lore .ld-text{font:600 16.5px / 1.6 var(--serif);color:#f7ecd0}.ld-q{font:800 22px / 0 var(--serif);color:var(--gold-2);vertical-align:-4px;margin:0 2px}.ld-by{font:500 12px var(--hud);color:var(--faint);opacity:0;margin-top:4px;animation:.8s .6s both ld-fade}.ld-tip-nav{font:500 11px var(--hud);letter-spacing:.04em;color:var(--faint);white-space:nowrap;align-items:center;gap:6px;display:flex}.ld-tip-num{text-align:center;min-width:42px}.ld-nav{width:26px;height:26px;font:600 17px / 1 var(--hud);color:var(--gold-1);cursor:var(--cur-pointer,pointer);background:#ffffff08;border:1px solid #dba64f6b;border-radius:50%;place-items:center;padding:0 0 2px;transition:background .2s,border-color .2s;display:grid}.ld-nav:hover{background:#dba64f29;border-color:#ffdc96cc}.ld-tip-time{background:linear-gradient(90deg, transparent, var(--c));opacity:.55;transform-origin:0;height:2px;animation:ld-time var(--len,8s) linear forwards;border-radius:2px;position:absolute;bottom:5px;left:16px;right:16px;transform:scaleX(0)}.ld-tip.held .ld-tip-time{animation-play-state:paused}@keyframes ld-time{to{transform:scaleX(1)}}.ld-gate{display:grid}.ld-progress,.ld-enter{grid-area:1/1}.ld-progress{gap:9px;padding:0 4px;transition:opacity .5s,transform .5s;display:grid}.ld.ready .ld-progress{opacity:0;pointer-events:none;transition-delay:.25s;transform:translateY(-6px)}.ld-row{align-items:baseline;gap:10px;min-width:0;display:flex}.ld-rune{border:1.5px solid var(--gold-1);flex:none;align-self:center;width:10px;height:10px;animation:2.4s ease-in-out infinite ld-rune;transform:rotate(45deg);box-shadow:0 0 8px #ffbe6499}@keyframes ld-rune{0%,to{transform:rotate(45deg)scale(1)}50%{transform:rotate(225deg)scale(.75)}}.ld-stage{white-space:nowrap;text-overflow:ellipsis;min-width:0;font:600 14.5px var(--serif);color:var(--cream);text-shadow:0 1px 2px #000c;overflow:hidden}.ld-stage:after{content:"…";margin-left:2px;animation:1.4s ease-in-out infinite ld-blink;display:inline-block}.ld.failed .ld-stage:after{content:""}@keyframes ld-blink{50%{opacity:.25}}.ld-count{font:500 12px var(--hud);color:var(--faint);white-space:nowrap;margin-left:auto}.ld-pct{text-align:right;min-width:3.4ch;font:700 22px / 1 var(--deco);color:#0000;background:linear-gradient(#fff8e4,#f2c46e 60%,#b9772b);filter:drop-shadow(0 1px 1px #000000b3);-webkit-background-clip:text;background-clip:text}.ld-pct small{margin-left:1px;font-size:12px}.ld-bar{align-items:center;height:14px;display:flex}.ld-cap{z-index:1;border:1.5px solid var(--gold-1);background:radial-gradient(circle,#ffd27a,#8a4a12 75%);flex:none;width:11px;height:11px;margin:0 -2px;position:relative;transform:rotate(45deg);box-shadow:0 0 10px #ffaa468c}.ld-track{background:linear-gradient(#0009,#1e142ca6);border-radius:999px;flex:1;height:8px;position:relative;box-shadow:inset 0 1px 3px #000000bf,0 0 0 1px #dba64f57}.ld-fill{background:linear-gradient(90deg,#6e2a0c,#cf5b1c 38%,#ffad45 78%,#fff1c8);border-radius:999px;width:0;max-width:calc(100% - 3px);position:absolute;top:1.5px;bottom:1.5px;left:1.5px;overflow:hidden;box-shadow:0 0 12px #ff8c328c}.ld-fill:after{content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(-55deg,#ffffff2e 0 5px,#0000 5px 13px) 0 0/26px 100%;animation:.9s linear infinite ld-flow;position:absolute;inset:0}@keyframes ld-flow{to{background-position:26px 0}}.ld-head{pointer-events:none;background:radial-gradient(circle,#fff 0 18%,#ffe2a0 34%,#ffaa4600 70%);border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;left:0;box-shadow:0 0 14px 4px #ffb45099,0 0 34px 10px #ff6e2847}.ld-head:after{content:"";background:linear-gradient(90deg,#0000,#fff4d6e6,#0000);height:2px;animation:1.6s ease-in-out infinite ld-flare;position:absolute;top:8px;left:-26px;right:-26px}@keyframes ld-flare{50%{opacity:.35;transform:scaleX(.6)}}.ld-spark{pointer-events:none;background:#ffe6a6;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;animation:.75s ease-out forwards ld-spark;position:absolute;top:50%;box-shadow:0 0 6px 2px #ffaa46cc}@keyframes ld-spark{to{transform:translate(var(--dx), var(--dy)) scale(.2);opacity:0}}.ld.ready .ld-fill{animation:.7s ld-full}@keyframes ld-full{40%{filter:brightness(1.8);box-shadow:0 0 22px #ffc86ef2}}.ld.failed .ld-fill{filter:grayscale(.7)brightness(.8)}.ld-retry{font:600 12px var(--hud);color:#ffd2c4;cursor:var(--cur-pointer,pointer);background:#ff785a1f;border:1px solid #ff8c6e99;border-radius:999px;padding:3px 12px}.ld-enter{width:100%;font:inherit;color:inherit;opacity:0;pointer-events:none;cursor:var(--cur-pointer,pointer);background:0 0;border:0;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:16px;padding:6px 0 2px;display:grid}.ld.ready .ld-enter{pointer-events:auto;animation:ld-gate .9s var(--ease) .45s forwards}@keyframes ld-gate{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}.ld-enter-text{font:800 clamp(18px, 1.55vw, 23px) var(--serif);color:#0000;background:linear-gradient(#fffaf0,#f6d38e 55%,#d89a45);-webkit-background-clip:text;background-clip:text;animation:2.6s ease-in-out infinite ld-breathe}@keyframes ld-breathe{0%,to{filter:drop-shadow(0 1px 2px #000c)drop-shadow(0 0 #ffb45a00)}50%{filter:drop-shadow(0 1px 2px #000c)drop-shadow(0 0 14px #ffb45abf)}}.ld-orn{background:linear-gradient(90deg, transparent, var(--gold-2));transform-origin:100%;height:1px;animation:2.6s ease-in-out infinite ld-orn;position:relative}.ld-orn.r{background:linear-gradient(270deg, transparent, var(--gold-2));transform-origin:0}.ld-orn:after{content:"";border:1.5px solid var(--gold-1);background:#2a1a0c;width:9px;height:9px;position:absolute;top:-4px;right:-4px;transform:rotate(45deg);box-shadow:0 0 10px #ffbe64b3}.ld-orn.r:after{left:-4px;right:auto}@keyframes ld-orn{0%,to{opacity:.7;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}.ld-enter small{font:500 11.5px var(--hud);color:var(--faint);grid-column:1/-1;margin-top:2px}.ld-enter:hover .ld-enter-text,.ld-enter:focus-visible .ld-enter-text{background-image:linear-gradient(#fff,#ffe2a6 55%,#f0b45c)}.ld-enter:focus-visible{outline:none}.ld-foot{font:500 11.5px var(--hud);color:var(--faint);text-shadow:0 1px 2px #000000e6;opacity:0;gap:18px;display:flex;position:absolute;bottom:12px;left:20px}.ld-sound{align-items:center;gap:6px;display:inline-flex}.ld-sound-ico{fill:currentColor;width:13px;height:13px}.ld.intro .ld-top,.ld.intro .ld-foot{animation:1s 1.3s forwards ld-fade}.ld.leaving .ld-dock,.ld.leaving .ld-top,.ld.leaving .ld-foot{opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;animation:none;transform:translateY(10px)}.ld.leaving .ld-brand{opacity:0;filter:blur(6px);transform:translate(-50%,-34px)scale(1.08)}.ld.leaving .ld-shade{opacity:0}.ld.leaving{cursor:var(--cur-default,default)}.ld.covered{pointer-events:none;background:0 0}.ld.covered .ld-lqip,.ld.covered .ld-canvas,.ld.covered .ld-shade,.ld.covered .ld-brand{display:none}.ld-curtain{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ld-veil{opacity:0;background:radial-gradient(circle at 50% 55%,#f6f1fd,#ddd1f2 58%,#b9aadd);animation:.4s ease-in .56s forwards ld-fade;position:absolute;inset:0}.ld.covered .ld-veil{opacity:1;animation:.6s ease-out forwards ld-veil-out}@keyframes ld-veil-out{0%{opacity:1}to{opacity:0}}.ld-puff{left:var(--x);top:var(--y);opacity:0;filter:brightness(1.12)saturate(.9);width:68vmax;height:auto;animation:ld-puff-in .9s cubic-bezier(.55, 0, .8, .4) var(--d) forwards;margin:-18vmax 0 0 -24vmax;position:absolute}.ld.covered .ld-puff{animation:.95s cubic-bezier(.2,.65,.3,1) forwards ld-puff-out}@keyframes ld-puff-in{0%{opacity:0;transform:translate(calc(var(--ox) * -.5), calc(var(--oy) * -.5)) scale(.3) scaleX(var(--f))}55%{opacity:1}to{opacity:1;transform:translate(0, 0) scale(1.25) scaleX(var(--f))}}@keyframes ld-puff-out{0%{opacity:1;transform:translate(0, 0) scale(1.25) scaleX(var(--f))}30%{opacity:.5}60%{opacity:.1}to{opacity:0;transform:translate(calc(var(--ox) * 1.9), calc(var(--oy) * 1.9)) scale(2.6) scaleX(var(--f))}}@media (width<=760px),(aspect-ratio<=1){.ld-brand{top:clamp(54px,9vh,90px)}.ld-crest{width:clamp(160px,46vw,230px)}.ld-logo{font-size:clamp(58px,17vw,96px)}.ld-sub{letter-spacing:.45em;gap:10px}.ld-dock{gap:12px;width:auto;bottom:14px;left:12px;right:12px}.ld-tip{grid-template-columns:46px 1fr;gap:12px;min-height:86px;padding:12px 14px 14px 12px}.ld-medal{width:46px;height:46px}.ld-glyph{width:24px;height:24px}.ld-tip-nav{display:none}.ld-text{font-size:14px}.ld-tip.lore .ld-text{font-size:15px}.ld-foot{display:none}.ld-status{padding:5px 11px 5px 10px;font-size:11px}}@media (prefers-reduced-motion:reduce){.ld-w,.ld-tip-in,.ld-medal-face{animation-duration:10ms!important;animation-delay:0s!important}.ld.intro .ld-logo-shine,.ld-medal:before,.ld-fill:after{animation:none}}