@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(/l/fonts/kanit-400-th.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(/l/fonts/kanit-400-lat.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0,U+00B7,U+00D7,U+2013-2014,U+2018-2019,U+201C-201D,U+2022,U+2026,U+2192,U+2212}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/l/fonts/kanit-600-th.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/l/fonts/kanit-600-lat.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0,U+00B7,U+00D7,U+2013-2014,U+2018-2019,U+201C-201D,U+2022,U+2026,U+2192,U+2212}:root{--bg:#0b1020;--bg2:#121a33;--card:rgba(255,255,255,.05);--card2:rgba(255,255,255,.08);--line:rgba(255,255,255,.1);--line2:rgba(255,211,106,.28);--tx:#f1f4ff;--mu:#a7b1cf;--gd:#ffd36a;--gd2:#f0a73a;--ac:#7fd1ff;--t0:13px;--t1:15px;--t2:17px;--t3:clamp(19px,2.4vw,22px);--t4:clamp(24px,3.6vw,30px);--t5:clamp(30px,5vw,42px);--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:72px;--r1:12px;--r2:18px;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html.ldp body{opacity:0;animation:ldshow 0s 1.2s forwards}@keyframes ldshow{to{opacity:1}}body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.6 Kanit,sans-serif;font-synthesis-weight:none;overflow-x:hidden;-webkit-font-smoothing:antialiased}b,strong,th{font-weight:600}a{color:inherit}img{max-width:100%}h1,h2,h3{margin:0;line-height:1.25;font-weight:600}.wrap{width:min(1120px,100% - 32px);margin:0 auto}.sh{font-size:var(--t5);text-align:center;margin-bottom:var(--s1);color:var(--gd);letter-spacing:.01em;text-shadow:0 2px 0 #0008,0 0 24px rgba(255,190,80,.18)}.sh small{font-size:.5em;color:var(--mu);vertical-align:middle}.sub{text-align:center;color:var(--mu);margin:0 auto var(--s3);max-width:640px;font-size:var(--t2)}section{padding:var(--s6) 0;position:relative}section:nth-of-type(2n){background:linear-gradient(180deg,transparent,rgba(255,255,255,.022) 20%,rgba(255,255,255,.022) 80%,transparent)}.lz{content-visibility:auto;contain-intrinsic-size:auto 800px}.ld-top{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:var(--s2);padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));transition:background .3s,box-shadow .3s}.ld-top.sc{background:#0b1020e0;box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ld-brand img{display:block;height:34px;width:auto;opacity:0;transition:opacity .3s}.ld-top.sc .ld-brand img{opacity:1}.ld-nav{display:flex;gap:var(--s3);margin-left:auto}.ld-nav a{text-decoration:none;color:var(--mu);font-size:var(--t1);transition:color .2s}.ld-nav a:hover{color:var(--tx)}.ld-lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#00000040}.ld-lang button{all:unset;cursor:pointer;padding:4px 11px;font-size:var(--t0);color:var(--mu)}.ld-lang button.on{background:var(--gd);color:#2a1a00;font-weight:600}@media(max-width:760px){.ld-nav{display:none}.ld-top .ld-lang{margin-left:auto}}.ld-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:600;letter-spacing:.01em;color:#2a1600;background:linear-gradient(180deg,#fff0b8 0,#ffd36a 42%,#f0a73a);border-radius:14px;box-shadow:inset 0 1px #fff9,inset 0 -2px #96500059,0 3px #8f560e,0 10px 28px #ffb43c47;padding:10px 20px;transition:transform .15s var(--ease),filter .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.ld-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.ld-btn:active{transform:translateY(2px);box-shadow:inset 0 1px #fff9,0 1px #8f560e,0 4px 12px #ffb43c40}.ld-btn:focus-visible,.ld-lang button:focus-visible,.flt button:focus-visible,a:focus-visible{outline:2px solid var(--ac);outline-offset:3px}.ld-btn.big{font-size:var(--t3);padding:15px 30px 15px 34px;min-width:min(300px,100%);border-radius:16px}.ld-btn.big i{font-style:normal;font-size:.8em;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#5028002e}.ld-btn.big:after{content:"";position:absolute;inset:0 auto 0 -60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);animation:shine 4.5s 1.5s ease-in-out infinite}@keyframes shine{0%,70%{left:-60%}to{left:130%}}.ld-btn.sm{font-size:var(--t0);padding:6px 14px;border-radius:10px;box-shadow:inset 0 1px #fff9,0 2px #8f560e}.hero{min-height:min(100svh,920px);display:flex;align-items:center;padding:88px 0 var(--s5);overflow:hidden;isolation:isolate}.hero-bg{position:absolute;inset:-8% 0;z-index:-4;background:#1b2440 url(/l/bg-m.webp) center 30%/cover no-repeat;will-change:transform;transform:scale(1.04)}@media(min-width:761px){.hero-bg{background-image:url(/l/bg-pc.webp)}}.hero-rays{position:absolute;inset:-20% -10% 30%;z-index:-3;pointer-events:none;background:repeating-conic-gradient(from 200deg at 70% -10%,rgba(255,226,160,.07) 0 4deg,transparent 4deg 11deg);-webkit-mask:radial-gradient(70% 70% at 70% 0,#000 20%,transparent 75%);mask:radial-gradient(70% 70% at 70% 0,#000 20%,transparent 75%);animation:rays 14s ease-in-out infinite alternate;mix-blend-mode:screen}@keyframes rays{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% 40%,transparent 40%,rgba(5,8,18,.65) 100%),linear-gradient(180deg,rgba(11,16,32,.6),rgba(11,16,32,.15) 30%,rgba(11,16,32,.55) 72%,var(--bg))}.hero-motes{position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(2px 2px at 20% 30%,#fff8 50%,transparent 51%),radial-gradient(2px 2px at 70% 20%,#ffe9a888 50%,transparent 51%),radial-gradient(1.5px 1.5px at 40% 70%,#fff6 50%,transparent 51%),radial-gradient(2px 2px at 85% 60%,#bfe8ff88 50%,transparent 51%),radial-gradient(1.5px 1.5px at 55% 45%,#ffe9a866 50%,transparent 51%);animation:mote 11s linear infinite}@keyframes mote{0%{transform:translateY(0)}to{transform:translateY(-48px)}}.hero-in{width:min(1160px,100% - 32px);margin:0 auto;display:grid;grid-template-columns:1fr;gap:var(--s3);align-items:center;justify-items:center;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center;gap:var(--s2);max-width:560px}.hero h1{width:min(440px,84vw);animation:rise .7s var(--ease) both}.hero-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 18px #000b) drop-shadow(0 0 28px rgba(255,200,110,.18))}.tag{margin:0;font-size:var(--t3);line-height:1.5;max-width:34ch;text-shadow:0 2px 8px #000d;animation:rise .7s .08s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.cta{display:flex;flex-direction:column;align-items:center;gap:var(--s1);margin-top:var(--s1);animation:rise .7s .16s var(--ease) both}.cta-sub{display:flex;gap:10px;font-size:var(--t1)}.cta-sub a{color:var(--tx);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:1px}.cta-sub a:hover{border-color:var(--gd);color:var(--gd)}.cta-sub span{color:var(--mu)}.trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:var(--t0);color:var(--mu)}.trust li:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--gd);box-shadow:0 0 6px var(--gd);vertical-align:middle}.online{display:inline-flex;align-items:center;gap:6px;font-size:var(--t0);padding:3px 10px;border-radius:999px;background:#0006;border:1px solid var(--line)}.online i{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}.online[hidden]{display:none}.stage{margin:0;width:min(560px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;animation:rise .8s .12s var(--ease) both}.stage-box{position:relative;width:100%;aspect-ratio:420/200;border-radius:var(--r2)}.stage-box:before{content:"";position:absolute;inset:auto 2% 2%;height:38%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,220,150,.16),rgba(0,0,0,.35) 70%,transparent);filter:blur(2px)}.fight-cv{position:relative;display:block;width:100%;height:100%;opacity:0;transition:opacity .35s}.fight-cv.rdy{opacity:1}.sk-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.sk-chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--t0);padding:4px 12px 4px 8px;border-radius:999px;background:#0a0e1c99;border:1px solid var(--line);color:var(--mu);transition:color .25s,border-color .25s,box-shadow .25s,transform .25s var(--ease)}.sk-chip b{font-size:14px;line-height:1}.sk-chip.on{color:#fff;border-color:var(--c);box-shadow:0 0 0 1px var(--c) inset,0 0 18px color-mix(in srgb,var(--c) 45%,transparent);transform:translateY(-1px)}@media(min-width:980px){.hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:var(--s5);text-align:left;justify-items:stretch}.hero-copy,.cta{align-items:flex-start}.trust{justify-content:flex-start}.stage{width:100%;max-width:620px;justify-self:end}}@media(max-width:979px){.stage{order:2}.hero-copy{display:contents}.hero-copy>.cta{order:3}.hero-copy>.trust{order:4}.hero-copy>.online{order:5}}.spr{display:block;--z:2;width:calc(32px*var(--z));height:calc(46px*var(--z));image-rendering:pixelated;image-rendering:crisp-edges;background-repeat:no-repeat;background-size:calc(256px*var(--z)) auto;background-position:0 calc(-46px*var(--z)*var(--r,0))}@keyframes f4{0%{background-position-x:0}to{background-position-x:calc(-128px*var(--z))}}@keyframes f4b{0%{background-position-x:calc(-128px*var(--z))}to{background-position-x:calc(-256px*var(--z))}}@keyframes f2{0%{background-position-x:0}to{background-position-x:calc(-64px*var(--z))}}.p3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pc,.sc{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;text-align:center}.pc b,.sc b{display:block;font-size:30px;margin-bottom:6px}.pc h2{font-size:20px;color:var(--gd);margin-bottom:6px}.pc p,.sc p{margin:0;color:var(--mu);font-size:15px}@media(max-width:760px){.p3{grid-template-columns:1fr}.pc{display:grid;grid-template-columns:64px 1fr;text-align:left;align-items:center;column-gap:10px}.pc b{grid-row:span 2;margin:0;text-align:center;font-size:26px}}.loop-l{list-style:none;margin:24px 0 0;padding:0;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;counter-reset:s}.loop-l li{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 16px;position:relative}.loop-l li b{font-size:22px}.loop-l li:not(:last-child):after{content:"→";position:absolute;right:-12px;color:var(--gd);font-weight:600}@media(max-width:760px){.loop-l{flex-direction:column;align-items:stretch;max-width:340px;margin-inline:auto}.loop-l li:not(:last-child):after{content:"↓";right:auto;left:50%;bottom:-17px;transform:translate(-50%)}}.goal{text-align:center;margin:26px auto 0;max-width:620px;padding:12px 18px;border-radius:14px;border:1px dashed rgba(255,211,106,.5);color:var(--gd)}.flt{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:18px}.flt button{all:unset;cursor:pointer;font-size:14px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);color:var(--mu);background:var(--card)}.flt button.on{color:#2a1a00;background:var(--gd);border-color:var(--gd);font-weight:600}.flt-gap{flex-basis:100%;height:0}@media(min-width:761px){.flt-gap{flex-basis:auto;width:14px}}.hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;min-height:200px}.hc{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px 6px 10px;border-radius:14px;background:var(--card);border:1px solid var(--line);overflow:hidden}.hc:before{content:"";position:absolute;inset:auto 18% 34px;height:10px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent)}.hc .spr{--z:2;position:relative}.heroes.in .hc .spr{background-image:url(/l/heroes.webp);animation:f4 .9s steps(4) infinite}.heroes.in .hc:hover .spr{animation:f4b .6s steps(4) infinite}.hc .hn{font-weight:600;font-size:15px;margin-top:4px}.hc .ha{font-size:12px;color:var(--mu)}.hc .rb{position:absolute;top:6px;left:6px;font:600 11px/1 Kanit,sans-serif;padding:3px 6px;border-radius:6px}.hc[data-r=SSR]{border-color:#ffd36a8c;background:linear-gradient(180deg,rgba(255,211,106,.14),var(--card) 60%)}.hc[data-r=SSR] .rb{background:var(--gd);color:#2a1a00}.hc[data-r=SR]{border-color:#be8cff80}.hc[data-r=SR] .rb{background:#b98cff;color:#1d0a33}.hc[data-r=R] .rb{background:#7fb8ff;color:#08203c}.hc .st{position:absolute;top:6px;right:6px;font-size:11px;color:#7dffa1}.hc[hidden]{display:none}.ngrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;text-align:center}.ngrid b{display:block;font-size:clamp(30px,6vw,48px);color:var(--gd);line-height:1.1;font-variant-numeric:tabular-nums}.ngrid span{color:var(--mu);font-size:14px}@media(max-width:760px){.ngrid{grid-template-columns:repeat(3,1fr);row-gap:20px}}.zmap{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;counter-reset:z}.zc{counter-increment:z;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;position:relative;--hue:200}.zc:before{content:counter(z);position:absolute;top:-8px;left:-6px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:600 12px/1 Kanit,sans-serif;background:hsl(var(--hue) 70% 60%);color:#0b1020;box-shadow:0 2px #0008}.zc h3{font-size:16px}.zc .lv{font-size:12px;color:var(--gd);white-space:nowrap}.zc .ms{grid-column:1/-1;display:flex;gap:6px;align-items:flex-end;min-height:66px;margin-top:4px}.zc .bs{grid-column:1/-1;font-size:12px;color:#ff9a9a}.mspr{display:block;--z:2;width:calc(32px*var(--z));height:calc(32px*var(--z));image-rendering:pixelated;image-rendering:crisp-edges;background-repeat:no-repeat;background-size:calc(64px*var(--z)) auto;background-position:0 calc(-32px*var(--z)*var(--r,0))}.world.in .mspr{background-image:url(/l/mobs.webp);animation:f2 .8s steps(2) infinite}.zc .mn{font-size:11px;color:var(--mu);text-align:center;max-width:72px;line-height:1.2}.zc .mi{display:flex;flex-direction:column;align-items:center}.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sc h3{font-size:18px;color:var(--gd);margin-bottom:6px}@media(max-width:900px){.sgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.sgrid{grid-template-columns:1fr}}.shot-slot{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ss{aspect-ratio:9/16;max-height:420px;border-radius:16px;border:2px dashed rgba(255,211,106,.4);display:grid;place-items:center;color:var(--mu);background:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 12px,transparent 12px 24px);text-align:center;padding:10px}@media(max-width:760px){.shot-slot{grid-template-columns:repeat(3,72%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.ss{scroll-snap-align:center}}.gcal{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.gd{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 6px;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center}.gd .dn{font-size:12px;color:var(--mu)}.gd .gi{font-size:26px;line-height:1.1}.gd .gt{font-size:13px;font-weight:600}.gd.big{border-color:#ffd36a99;background:linear-gradient(180deg,rgba(255,211,106,.16),var(--card))}@media(max-width:760px){.gcal{grid-template-columns:repeat(4,1fr)}.gd:last-child{grid-column:span 2}}.gstart{text-align:center;margin-top:16px;color:var(--mu)}.faq .wrap{max-width:780px}.faq-i{border:1px solid var(--line);border-radius:14px;background:var(--card);margin-bottom:10px}.faq-i summary{cursor:pointer;padding:14px 44px 14px 16px;font-weight:600;list-style:none;position:relative}.faq-i summary::-webkit-details-marker{display:none}.faq-i summary:after{content:"+";position:absolute;right:16px;top:10px;font-size:22px;color:var(--gd)}.faq-i[open] summary:after{content:"−"}.faq-i p{margin:0;padding:0 16px 14px;color:var(--mu)}.close{text-align:center;padding:72px 0 80px}.close h2{font-size:clamp(24px,4.4vw,36px);margin-bottom:18px}.ld-foot{border-top:1px solid var(--line);padding:24px 0 calc(24px + env(safe-area-inset-bottom));text-align:center;color:var(--mu);font-size:14px}.ld-foot .fl{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-bottom:12px}.ld-foot a{color:var(--mu)}.ld-foot .soc{font-weight:600;text-decoration:none;padding:6px 14px;border-radius:10px;color:#fff}.ld-foot .dc{background:#5865f2}.ld-foot .fb{background:#1877f2}.copy{margin:12px 0 0;font-size:12px}.off .spr,.off .mspr,.off .hero-motes,.off .hero-rays,.off .ld-btn.big:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}html{scroll-behavior:auto}}@media(max-width:979px){.hero-in{gap:var(--s2)}}