@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/92e01f57393504a6-s.0jhl7y2ejo62h.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4b2aabf2e47695d0-s.p.2y2rn50wuwaux.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lilita One Fallback;src:local(Arial);ascent-override:96.14%;descent-override:22.91%;line-gap-override:0.0%;size-adjust:96.01%}.DAMRJW_className{font-family:Lilita One,Lilita One Fallback;font-style:normal;font-weight:400}.DAMRJW_variable{--f-lilita:"Lilita One", "Lilita One Fallback"}
@font-face{font-family:Mitr;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a9af9263c269a59a-s.p.0hfda2tlf1i33.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6d7bca67fd19667c-s.0yye8xp7ixxz0.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mitr;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f82c9ee3df8554dd-s.40_ggrdkv67wu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mitr;font-style:normal;font-weight:400;font-display:swap;src:url(../media/605648c4b10be458-s.p.0ibsmcks-m_pl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mitr;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bc3a57c1490722b-s.p.1dxckhz6o-sj5.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-weight:700;font-display:swap;src:url(../media/970eff503f90dd12-s.1pq_520w4h8v3.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mitr;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8d9463ea550df1ce-s.0t0w4oowbi712.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mitr;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c8621b0d39b5196a-s.p.0ayxuvnkpoi9t.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mitr Fallback;src:local(Arial);ascent-override:100.52%;descent-override:36.71%;line-gap-override:0.0%;size-adjust:114.4%}.hP-Qra_className{font-family:Mitr,Mitr Fallback;font-style:normal}.hP-Qra_variable{--f-mitr:"Mitr", "Mitr Fallback"}
:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--layout-gutter:clamp(1rem, 2.4vw, 2rem);--layout-panel-pad:clamp(1rem, 2.4vw, 2rem);--layout-section-gap:clamp(1rem, 1.8vw, 1.5rem);--layout-section-pad:clamp(3rem, 6vw, 6rem);--layout-max:86.25rem}
:root{--bg:#0a0f26;--panel:#0d122ce6;--line:#c99a3e;--line2:#c99a3e73;--gold:#ffc93f;--gold-hi:#fff1b0;--ink:#2a1704;--text:#f3f1ea;--muted:#b9bdd3;--title:var(--f-lilita), sans-serif;--sans:var(--f-lilita), sans-serif;--cond:var(--f-lilita), sans-serif;--radius:14px;--wrap:var(--layout-max);--gap:var(--layout-section-gap)}html[lang=th]{--title:var(--f-mitr), sans-serif;--sans:var(--f-mitr), sans-serif;--cond:var(--f-mitr), sans-serif}html{font-synthesis:none}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:64px}body{background:var(--bg);color:var(--text);font:400 1rem/1.5 var(--sans);margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;background:var(--bg) url(/preregister/img/page_hr.webp) center top / max(1536px, 100vw) auto repeat-y;opacity:.5;position:fixed;inset:0}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip{z-index:200;background:var(--gold);color:var(--ink);border-radius:8px;padding:10px 16px;font-weight:700;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.btn-gold{color:var(--ink);font:800 1rem/1 var(--cond);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#ffe896,#ffcb43 46%,#f4a922 54%,#f8bd3c);border:2px solid #7a4708;border-radius:12px;justify-content:center;align-items:center;gap:.6em;padding:0 1.4em;transition:transform .12s,filter .12s,box-shadow .12s;display:inline-flex;box-shadow:inset 0 2px #ffffffb3,inset 0 -3px #8c460059,0 0 0 2px #ffd87873,0 6px 18px #ffaa2847}.btn-gold:hover{filter:brightness(1.06);transform:translateY(-2px)}.btn-gold:active{filter:brightness(.94);transition-duration:50ms;transform:translateY(1px)scale(.97)}.btn-gold .chev{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;width:.6em;height:1em}.btn-xl{border-radius:16px;height:66px;padding:0 2.2em;font-size:1.7rem;position:relative}.btn-xl:before,.btn-xl:after{content:"";background:linear-gradient(135deg,#fff1b0,#f2a52a);border:2px solid #7a4708;width:14px;height:14px;margin-top:-7px;position:absolute;top:50%;transform:rotate(45deg)}.btn-xl:before{left:-13px}.btn-xl:after{right:-13px}.btn-lg{height:54px;font-size:1.45rem}.btn-sm{border-radius:9px;height:40px;padding:0 1.2em;font-size:1rem}.panel{isolation:isolate;border-radius:var(--radius);background:var(--panel);border:1.5px solid var(--line2);padding:var(--layout-panel-pad);position:relative;box-shadow:inset 0 0 0 1px #ffdc8c0f,0 10px 30px #00000059}.panel-bg{z-index:-1;border-radius:inherit;background:50%/cover no-repeat;position:absolute;inset:0;overflow:hidden}.panel-bg:after{content:"";background:radial-gradient(62% 75%,#0a0e24cc,#0a0e2426 80%);position:absolute;inset:0}.bg-rewards{background-image:url(/preregister/img/v_bg_rewards.webp);background-position:50% 52%}.bg-register{background-image:url(/preregister/img/v_bg_register.webp);background-position:60% 56%}.bg-register:after{background:linear-gradient(90deg,#0a0e24e6 0,#0a0e24b8 40%,#0a0e240d 68%)}.title-gold{font:400 1.6rem/1.15 var(--title);letter-spacing:.02em;text-transform:uppercase;color:var(--gold);align-items:center;gap:.45em;display:flex}.title-gold>span{color:var(--gold);background:linear-gradient(#fff4c4,#ffd45e 45%,#f39a1e);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #3a1a04);-webkit-background-clip:text;background-clip:text}.title-gold svg{width:1.15em;height:1.15em;color:var(--gold);flex:none}.title-big{justify-content:center;font-size:clamp(1.7rem,3.4vw,2.75rem)}.title-big .flame{width:1.05em;height:1.05em}.title-big:before,.title-big:after{content:"";background:linear-gradient(90deg, transparent, var(--gold) 70%) center / 100% 2px no-repeat, radial-gradient(circle, var(--gold) 3px, transparent 3.5px) right center / 10px 10px no-repeat;flex:none;width:clamp(30px,6vw,90px);height:10px;margin:0 .3em}.title-big:after{transform:scaleX(-1)}.language-switch{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a1c99;border:1px solid #d9bc7880;border-radius:22px;gap:2px;padding:3px;display:flex}.language-switch button{min-height:32px;font:700 .9rem/1 var(--sans);color:#e8e6f0;border-radius:18px;padding:0 12px;transition:background .15s,color .15s}.language-switch button[aria-pressed=true]{color:var(--ink);background:linear-gradient(#ffe48c,#f6b734)}.topbar{display:none}.hero{text-align:center;place-items:center;min-height:clamp(480px,38vw,640px);padding:28px 16px 36px;display:grid;position:relative;overflow:hidden}.hero-art,.hero-art img{width:100%;max-width:none;height:100%;position:absolute;inset:0}.hero-art img{object-fit:cover;object-position:50% 66%}.hero:after{content:"";background:radial-gradient(26% 30% at 50% 58%,#080a1c9e,#080a1c00 100%),radial-gradient(34% 52% at 50% 44%,#080a1c66,#080a1c00 70%),linear-gradient(#080a1c1a,#080a1c00 30% 78%,#0a0f26d9);position:absolute;inset:0}.hero-in{z-index:1;flex-direction:column;align-items:center;width:100%;min-width:0;display:flex;position:relative}.ls-hero{z-index:2;position:absolute;top:18px;right:22px}.logo{width:clamp(240px,26vw,380px);position:relative}.logo img{filter:drop-shadow(0 6px 14px #0000008c);width:100%;height:auto}.seal{aspect-ratio:1;filter:drop-shadow(0 3px 5px #00000080);background:url(/preregister/img/seal_blank.webp) 50%/contain no-repeat;place-items:center;width:30%;display:grid;position:absolute;top:10%;right:-13%;transform:rotate(-12deg)}.seal b{font:800 clamp(.8rem, 1.3vw, 1.15rem)/1 var(--cond);color:#fff4e6;text-shadow:0 1px 1px #5a0000;padding-top:6%}.banner{aspect-ratio:1100/172;filter:drop-shadow(0 4px 6px #00000073);background:url(/preregister/img/v_banner.webp) 50%/100% 100% no-repeat;place-items:center;width:clamp(280px,30vw,440px);margin-top:-4px;display:grid}.banner span{font:400 clamp(.95rem, 1.55vw, 1.4rem)/1 var(--title);letter-spacing:.03em;color:var(--gold-hi);text-shadow:0 2px #3a1503,0 0 2px #3a1503;padding-bottom:3%}.soon{font:700 clamp(1.1rem, 1.7vw, 1.55rem)/1.2 var(--sans);text-shadow:0 2px 3px #000000e6,0 0 12px #0009;margin-top:10px}.tagline{font:500 clamp(.92rem, 1.15vw, 1.08rem)/1.4 var(--sans);color:#f1eef8;text-shadow:0 1px 2px #000000f2,0 0 10px #000000b3;margin-top:6px}.hero-cta{align-items:center;column-gap:var(--space-6);row-gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;display:grid}.hero-cta>.btn-xl{grid-column:2;max-width:100%}.hero-cta>.trailer{grid-column:3;justify-self:start}.trailer{font:700 1.05rem/1 var(--cond);letter-spacing:.04em;color:#fff;text-shadow:0 2px 4px #000c;align-items:center;gap:12px;display:inline-flex}.trailer .play{border:2.5px solid var(--gold);background:radial-gradient(circle at 50% 40%,#2a2010,#100b06 70%);border-radius:50%;place-items:center;width:50px;height:50px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 0 14px #ffbe4680}.trailer .play svg{width:22px;height:22px;fill:var(--gold);margin-left:3px}.trailer:hover .play{transform:scale(1.08);box-shadow:0 0 22px #ffbe46cc}.trailer:active .play{transform:scale(.94)}.stores{flex-wrap:wrap;gap:12px;display:flex}.hero-cta .stores-hero{display:none}.store{color:#fff;height:52px;font:600 1.1rem/1 var(--sans);text-align:left;background:#07080d;border:1.5px solid #ffffff4d;border-radius:10px;align-items:center;gap:10px;padding:0 20px 0 16px;transition:transform .12s,border-color .12s;display:inline-flex}.store svg{flex:none;width:26px;height:26px}.store small{opacity:.8;letter-spacing:.02em;margin-bottom:3px;font-size:.62rem;font-weight:500;display:block}.store:hover{border-color:var(--gold);transform:translateY(-2px)}.store:active{transform:scale(.96)}.store{position:relative;overflow:hidden}.store.is-soon{cursor:default;padding-right:44px}.store.is-soon:hover,.store.is-soon:active{border-color:#ffffff4d;transform:none}.store.is-soon>svg,.store.is-soon>span{opacity:.55}.band{width:118px;color:var(--ink);font:800 .58rem/1.3 var(--cond);letter-spacing:.05em;text-align:center;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:linear-gradient(#ffe48c,#f6b734);padding:2px 0;font-style:normal;position:absolute;top:9px;right:-34px;transform:rotate(35deg);box-shadow:0 2px 6px #00000073}.trailer.is-soon{cursor:default}.trailer.is-soon .play,.trailer.is-soon>span:not(.play){opacity:.6}.trailer.is-soon:hover .play{transform:none;box-shadow:0 0 14px #ffbe4680}.tag{color:var(--ink);font:800 .7rem/1 var(--cond);letter-spacing:.04em;text-transform:uppercase;text-shadow:none;background:linear-gradient(#ffe48c,#f6b734);border-radius:999px;padding:3px 8px;font-style:normal}.tabs{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);background:#090d22f0;position:sticky;top:0}.tabs-in{max-width:var(--wrap);padding:0 var(--layout-gutter);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.tabs a{height:56px;font:600 1.12rem/1 var(--sans);color:#e8e6f0;justify-content:center;align-items:center;gap:10px;transition:color .15s,background .15s;display:flex;position:relative}.tabs a+a:before{content:"";background:#ffffff24;width:1px;position:absolute;top:14px;bottom:14px;left:0}.tabs a svg{width:24px;height:24px;color:var(--gold)}.tabs a:hover{color:#fff;background:#ffc8500f}.tabs a.on{color:var(--ink);clip-path:polygon(0 0,100% 0,95% 100%,5% 100%);background:linear-gradient(#ffe28a,#f7bb38)}.tabs a.on svg{color:var(--ink)}.tabs a.on:before,.tabs a.on+a:before{display:none}.wrap{max-width:var(--wrap);padding:var(--gap) var(--layout-gutter);gap:var(--gap);margin:0 auto;display:grid}.duo{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.rewards{text-align:center}.counter{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.3em;margin-top:6px;display:flex}.count-next{font:600 clamp(.95rem, 1.3vw, 1.1rem)/1.3 var(--sans);color:var(--gold-hi);margin-top:4px}.count-now{font:400 clamp(2.2rem, 4.2vw, 3.3rem)/1 var(--title);color:var(--gold);background:linear-gradient(#fff38a,#ffd23d 45%,#ff9a1c);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #4a1c05)drop-shadow(0 0 10px #ff961e80);-webkit-background-clip:text;background-clip:text}.count-goal{font:400 clamp(1.6rem, 3vw, 2.4rem)/1 var(--title);color:#fff}.count-word{font:600 clamp(1.1rem, 1.8vw, 1.5rem)/1 var(--sans)}.progress{max-width:1000px;margin:18px auto 0}.track{border:2px solid var(--line);background:#070a1c;border-radius:999px;height:30px;padding:4px;position:relative;box-shadow:inset 0 2px 6px #000000b3}.fill{height:100%;width:var(--p);background:linear-gradient(#ffe57a,#ffc12e 50%,#f39a14);border-radius:999px;transition:width 1.2s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 12px #ffb43299}.track.started .fill{min-width:6px}.pct{left:calc(var(--p) + 14px);font:800 .92rem/1 var(--cond);color:#f7e7b4;position:absolute;top:50%;transform:translateY(-50%)}.pct.in{left:auto;right:calc(100% - var(--p) + 12px);color:var(--ink)}.marks{height:34px;margin:0 6px;position:relative}.marks li{font:700 .95rem/1 var(--sans);color:#fff;white-space:nowrap;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:0;transform:translate(-50%)}.marks li:before{content:"";background:var(--gold);width:10px;height:10px;margin-top:-2px;transform:rotate(45deg);box-shadow:0 0 0 2px #3a2205,0 0 8px #ffc850b3}.marks li.dim:before{background:#59607a;box-shadow:0 0 0 2px #1b1f33}.cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1.1vw,16px);margin-top:14px;display:grid}.card.secret .art img,.pop-chest.secret .ch{filter:brightness(0)drop-shadow(0 0 10px #b45cffe6);opacity:.9}.q{font:400 clamp(2.2rem, 3.6vw, 3.4rem)/1 var(--title);color:#e3c6ff;text-shadow:0 0 14px #b45cffe6,0 2px #2a0a45;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.pop-chest .q{font-size:4.4rem;top:58%}.card{border:1.5px solid var(--line2);text-align:center;background:linear-gradient(#161b3aeb,#0c0f24f2);border-radius:12px;flex-direction:column;align-items:center;width:100%;height:100%;padding:14px 12px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffdc8c0d}.card:hover,.card:focus-visible{border-color:var(--line);transform:translateY(-4px);box-shadow:0 10px 26px #00000073,0 0 18px #ffbe4640}.card:active{transition-duration:60ms;transform:translateY(1px)scale(.97)}.card .art{aspect-ratio:1.3;place-items:center;width:100%;display:grid;position:relative}.card .art img{object-fit:contain;width:88%;height:88%;transition:transform .18s cubic-bezier(.3,1.6,.5,1)}.card:hover .art img{transform:scale(1.06)translateY(-3px)}.card:active .art img{transform:scale(.92,.88)}.card .nm{min-height:2.7em;margin-top:var(--space-2);font:700 clamp(1rem, 1.5vw, 1.4rem)/1.35 var(--sans);place-items:center;display:grid}.card .at{font:600 clamp(.85rem, 1.25vw, 1.2rem)/1.2 var(--sans);color:#e8e4d6;margin-top:3px}.card .at.every{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.chip{width:100%;margin-top:auto;padding-top:12px}.chip span{height:clamp(36px,3.2vw,46px);font:700 clamp(.9rem, 1.3vw, 1.2rem)/1 var(--cond);letter-spacing:.06em;color:var(--gold-hi);border:2px solid var(--line);background:linear-gradient(#2a2010,#160f07);border-radius:9px;justify-content:center;align-items:center;gap:8px;display:flex;box-shadow:inset 0 1px #ffe6a026,0 0 10px #ffbe4633}.chip svg{flex:none;width:1.4em;height:1.4em}.card.locked{background:radial-gradient(at 50% 35%,#6e28aa24,#0e0c26f2 70%);border-color:#aa96dc47}.card.locked .chip span{color:#e9ecf8;box-shadow:none;background:linear-gradient(#262b47,#13162a);border-color:#8b93b8}.register{border-color:var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(18px,3vw,40px);display:grid}.board{aspect-ratio:1100/196;filter:drop-shadow(0 4px 6px #00000080);background:url(/preregister/img/v_sign.webp) 50%/100% 100% no-repeat;place-items:center;width:min(100%,380px);margin:0 auto 14px;display:grid}.board span{font:400 clamp(1.4rem, 2.4vw, 2rem)/1 var(--title);letter-spacing:.03em;color:var(--gold);background:linear-gradient(#fff4c4,#ffd45e 45%,#f39a1e);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #2a1003);-webkit-background-clip:text;background-clip:text;padding-bottom:2%}.reg-form{gap:12px;display:grid}.field{background:#0c1028e0;border:1.5px solid #4c5478;border-radius:10px;align-items:center;gap:12px;height:50px;padding:0 16px;transition:border-color .15s,box-shadow .15s;display:flex}.field svg{color:#c8ccdd;flex:none;width:24px;height:24px}.field input{min-width:0;height:100%;font:400 1.05rem/1 var(--sans);color:#fff;background:0 0;border:0;outline:none;flex:1}.field input::placeholder{color:#9ca3c0}.field:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #ffc93f33}.seg{background:#0c1028e0;border:1.5px solid #4c5478;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.seg button{height:42px;font:600 1.05rem/1 var(--sans);color:#e6e8f2;border-radius:7px;justify-content:center;align-items:center;gap:10px;transition:background .15s,color .15s;display:flex}.seg button svg{width:24px;height:24px}.seg button.on{color:var(--ink);background:linear-gradient(#ffe48c,#f6b734);box-shadow:inset 0 1px #fff9}.seg button:active{transform:scale(.97)}.check{cursor:pointer;font:400 .98rem/1.3 var(--sans);color:#e3e5ef;align-items:center;gap:12px;display:flex}.check input{opacity:0;pointer-events:none;position:absolute}.check i{border:2px solid #9aa0bd;border-radius:5px;flex:none;place-items:center;width:22px;height:22px;transition:border-color .15s,background .15s;display:grid}.check input:checked+i{border-color:var(--gold);background:#ffc93f26}.check input:checked+i:after{content:"";border-left:2.5px solid var(--gold);border-bottom:2.5px solid var(--gold);width:10px;height:6px;transform:rotate(-45deg)translate(1px,-1px)}.check input:focus-visible+i{outline:2px solid var(--gold);outline-offset:2px}.reg-msg{min-height:1.3em;font:600 .92rem/1.3 var(--sans);color:#8fe3ad}.deadline{font:500 .95rem/1.5 var(--sans);color:#e3e5ef;text-align:center;margin:-4px 0 14px}.deadline svg{vertical-align:-4px;width:20px;height:20px;color:var(--gold);margin-right:6px;display:inline-block}.deadline b{color:var(--gold-hi);white-space:nowrap;font-weight:700}.fine{font:400 .85rem/1.45 var(--sans);color:#c9ccdc;text-align:center}.fine a{color:var(--gold);text-underline-offset:2px;white-space:nowrap;text-decoration:underline}.closed-note{border:1.5px solid var(--line);font:600 1.05rem/1.45 var(--sans);text-align:center;background:#080b1cc7;border-radius:12px;padding:16px 18px}.link:disabled{color:#9aa0bd;cursor:default;text-decoration:none}.reg-msg:empty{display:none}.reg-msg.bad{color:#ff9f8f}.rg-side{text-align:center;flex-direction:column;justify-content:space-between;align-self:stretch;align-items:center;gap:18px;min-width:0;padding:6px 0;display:flex}.platforms{font:700 clamp(1.05rem, 1.7vw, 1.45rem)/1.3 var(--sans);text-shadow:0 2px 6px #000000e6}.free{font:700 clamp(1.1rem, 1.8vw, 1.55rem)/1.2 var(--sans);color:var(--gold-hi);text-shadow:0 2px 6px #000000e6;margin:0}.rg-side .stores{justify-content:center}.claim{grid-template-columns:auto 1fr;align-items:center;gap:30px;padding-block:18px;display:grid}.claim .title-gold{font-size:1.55rem}.steps{grid-template-columns:repeat(4,1fr);gap:26px;display:grid}.steps li{font:500 .95rem/1.25 var(--sans);align-items:center;gap:10px;display:flex;position:relative}.steps li+li:before{content:"";border-top:2px solid var(--gold);border-right:2px solid var(--gold);opacity:.85;width:10px;height:10px;position:absolute;top:50%;left:-19px;transform:translateY(-50%)rotate(45deg)}.steps .num{width:40px;height:40px;font:400 1.35rem/1 var(--title);color:var(--gold);border:2.5px solid var(--gold);background:#120d06;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 0 10px #ffbe4659}.steps svg{width:30px;height:30px;color:var(--gold);flex:none}.classes .sub{margin:var(--space-2) 0 0;color:#e8e6f0;font-weight:500}.cls{--class-art-height:min(10rem, calc((100cqw - 4 * var(--space-2)) / 5 * 1.28));gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;display:grid;container-type:inline-size}.cls li{flex-direction:column;align-items:center;display:flex}.cls img{width:auto;height:var(--class-art-height);aspect-ratio:auto;object-fit:contain;object-position:bottom;filter:drop-shadow(0 6px 6px #00000080);max-width:100%;transition:transform .2s}.cls li:hover img{transform:translateY(-5px)scale(1.04)}.cls span{margin-top:var(--space-2);font:600 .92rem/1 var(--sans);border:2px solid var(--line);white-space:nowrap;background:linear-gradient(#251b0d,#120d07);border-radius:999px;padding:5px 14px;position:relative;box-shadow:0 0 8px #ffbe4633}.feat{gap:10px;margin-top:14px;display:grid}.feat li{background:#080b1c99;border:1.5px solid #ffd27838;border-radius:10px;grid-template-columns:3.375rem minmax(0,1fr) 5rem;align-items:center;gap:14px;min-height:78px;padding:8px 14px;display:grid}.feat .fi{object-fit:contain;width:54px;height:54px}.feat b{font:700 1.15rem/1.2 var(--sans);display:block}.feat div span{font:400 .92rem/1.3 var(--sans);color:#c6c9db;display:block}.feat .fs{object-fit:contain;width:100%;max-width:100%;height:3.75rem}.follow{justify-items:center;gap:var(--space-6);text-align:center;display:grid}.follow .title-gold{justify-content:center}.follow .sub{color:#e8e6f0;margin-top:4px;font-weight:500}.soc{gap:var(--space-4);grid-template-columns:repeat(7,minmax(0,1fr));width:min(100%,49rem);display:grid}.soc li{min-width:0}.soc a{text-align:center;font:600 .85rem/1.35 var(--sans);color:#e6e8f2;flex-direction:column;align-items:center;gap:8px;transition:transform .15s;display:flex}.soc a:hover{transform:translateY(-3px)}.soc a:active{transform:scale(.94)}.si{color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.si svg{width:24px;height:24px}.si.facebook,.si.group{background:#1877f2}.si.discord{background:#5865f2}.si.youtube{background:#f03}.si.tiktok{background:#111;box-shadow:inset 0 0 0 1.5px #3c3f52}.si.instagram{background:linear-gradient(45deg,#f9a03f,#e1306c 50%,#833ab4)}.si.x{background:#0b0b0f;box-shadow:inset 0 0 0 1.5px #3c3f52}.foot{background:url(/preregister/img/v_bg_foot.webp) 50% 54%/cover no-repeat;padding:clamp(96px,9vw,150px) 16px 26px;position:relative;-webkit-mask-image:linear-gradient(#0000,#000 clamp(70px,7vw,120px));mask-image:linear-gradient(#0000,#000 clamp(70px,7vw,120px))}.foot:before{content:"";background:linear-gradient(#0a0f2600 55%,#060918cc);position:absolute;inset:0}.foot-in{max-width:var(--wrap);text-align:center;font:400 .92rem/1.4 var(--sans);color:#c9ccdc;flex-direction:column;align-items:center;gap:12px;margin:0 auto;display:flex;position:relative}.foot-logo{filter:drop-shadow(0 6px 14px #0009);width:clamp(120px,11vw,160px);height:auto}.foot-links{color:#e8e6f0;align-items:center;gap:14px;font-weight:600;display:flex}.foot-links i{opacity:.5;font-style:normal}.foot-links a{padding:4px 2px}.foot-links a:hover{color:var(--gold)}.foot-copy{color:#aeb3c9;font-size:.85rem}.pop{overscroll-behavior:contain;z-index:100;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pop[hidden]{display:none}.pop-dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040612c2;animation:.25s both fadein;position:absolute;inset:0}@keyframes fadein{0%{opacity:0}}.pop-box{isolation:isolate;width:min(680px,100%);max-height:calc(100svh - 2 * var(--layout-gutter));padding:var(--space-8) var(--space-6) var(--space-6);text-align:center;border:2px solid var(--line);background:radial-gradient(at 50% 25%,#46378c80,#0000 60%),linear-gradient(#121a44,#0a0f27);border-radius:18px;animation:.4s cubic-bezier(.2,1.4,.4,1) both popin;position:relative;overflow:auto;box-shadow:inset 0 0 0 1px #ffd6782e,0 0 26px #ffbe5040,0 24px 60px #000000a6}@keyframes popin{0%{opacity:0;transform:scale(.7)translateY(24px)}to{opacity:1;transform:none}}.pop-at{padding-inline:var(--space-12);font:400 1.2rem/1.2 var(--title);color:var(--gold);letter-spacing:.03em}.pop-name{padding-inline:var(--space-8);overflow-wrap:anywhere;z-index:2;font:700 1.75rem/1.15 var(--sans);text-shadow:0 2px 4px #000000b3;margin-top:2px;position:relative}.pop-chest{width:180px;height:160px;margin:14px auto 0;position:relative}.pop-chest .ch{transform-origin:50% 90%;width:180px;max-width:none;position:absolute;bottom:0;left:0}.pop-chest .rays,.pop-chest .burst{mix-blend-mode:screen;opacity:0;pointer-events:none;max-width:none;position:absolute}.pop-chest .rays{transform-origin:55.5% 48.7%;width:360px;top:calc(50% - 224px);left:calc(50% - 200px);-webkit-mask:radial-gradient(160px 224px at 55.5% 48.7%,#000 60%,#0000);mask:radial-gradient(160px 224px at 55.5% 48.7%,#000 60%,#0000)}.pop-chest .burst{transform-origin:65.8% 54.3%;width:410px;top:calc(50% - 141px);left:calc(50% - 270px);-webkit-mask:radial-gradient(140px 119px at 65.8% 54.3%,#000 60%,#0000);mask:radial-gradient(140px 119px at 65.8% 54.3%,#000 60%,#0000)}.pop.is-grand .pop-chest .rays{filter:hue-rotate(230deg)saturate(1.4)}.pop-chest.shake .ch{animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:rotate(0)}15%{transform:rotate(-6deg)translateY(-4px)}35%{transform:rotate(5deg)translateY(-6px)}55%{transform:rotate(-4deg)translateY(-3px)}75%{transform:rotate(2deg)}}.pop-chest.opened .burst{animation:1.1s ease-out both burst}.pop-chest.opened .rays{animation:.6s ease-out both raysin}@keyframes burst{0%{opacity:0;transform:scale(.3)}25%{opacity:.9;transform:scale(1.1)}to{opacity:.45;transform:scale(1)}}@keyframes raysin{0%{opacity:0;transform:scale(.4)rotate(-20deg)}to{opacity:.75;transform:none}}@keyframes popopen{0%{transform:scale(.94,1.06)}60%{transform:scale(1.06,.95)}to{transform:none}}.pop-sparks{pointer-events:none;position:absolute;inset:0;overflow:visible}.pop-sparks img{mix-blend-mode:screen;max-width:none;position:absolute;top:55%;left:50%}.pop-items{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.tile{opacity:0;flex:0 7.5rem;min-width:0;position:relative}.tile.in{animation:.45s cubic-bezier(.2,1.5,.4,1) both tilein}@keyframes tilein{0%{opacity:0;transform:translateY(-30px)scale(.5)}to{opacity:1;transform:none}}.tbox{aspect-ratio:1;border:2px solid var(--line);background:radial-gradient(circle at 50% 40%,#233067,#0d1330 75%);border-radius:12px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.tile .icon{object-fit:contain;filter:drop-shadow(0 2px 2px #00000080);width:80%;height:80%;position:absolute;inset:10%}.tile .icon.outfit{width:88%;height:88%;inset:6%}.tile .qty{border:1.5px solid var(--line);min-width:36px;height:22px;font:700 .8rem/1 var(--sans);color:var(--gold-hi);background:#120e08;border-radius:11px;justify-content:center;align-items:center;padding:0 7px;display:flex;position:absolute;bottom:4px;right:4px}.tile .nm{margin-top:var(--space-2);font:600 .95rem/1.4 var(--sans);display:block}.pop-chip{font:700 .92rem/1.25 var(--sans);color:var(--gold-hi);border:2px solid var(--line);background:linear-gradient(#1d1810,#0f0c08);border-radius:999px;margin-top:16px;padding:8px 18px;display:inline-flex}.pop-chip.lock{color:#e9ecf8;background:linear-gradient(#232842,#121628);border-color:#9aa4c8}.pop-bound{font:500 .85rem/1.3 var(--sans);color:#aeb3c9;margin-top:10px}.pop-close,.pop-nav{z-index:3;border-radius:50%;place-items:center;transition:transform .15s;display:grid;position:absolute}.pop-close{width:40px;height:40px;color:var(--ink);background:linear-gradient(#ffe48c,#f3a91f);top:12px;right:12px;box-shadow:0 0 0 2px #6b3c07}.pop-close svg{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;width:18px;height:18px}.pop-close:hover{transform:rotate(90deg)}.pop-nav{width:40px;height:40px;color:var(--gold);border:2px solid var(--line);background:#0a0e24e6;top:120px}.pop-nav svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:16px}.pn-prev{left:12px}.pn-next{right:12px}.pop-nav:hover{transform:scale(1.1)}.clickfx{pointer-events:none;z-index:140;mix-blend-mode:screen;max-width:none;position:fixed}.toast{border:1px solid var(--line);font:600 .95rem/1.3 var(--sans);opacity:0;pointer-events:none;z-index:150;background:#0c1026f5;border-radius:10px;padding:10px 18px;transition:opacity .25s,transform .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.on{opacity:1;transform:translate(-50%)}@media (max-width:999px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.duo{grid-template-columns:1fr}.claim{grid-template-columns:1fr;gap:14px}.register{grid-template-columns:1fr}.rg-side{order:-1}}@media (max-width:699px){html{scroll-padding-top:60px}.topbar{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line2);background:#090d22eb;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;height:56px;padding:0 16px;display:grid;position:sticky;top:0}.tb-logo img{width:104px;height:auto}.topbar .language-switch{justify-self:end}.language-switch button{min-height:28px;padding:0 10px;font-size:.82rem}.burger{gap:5px;width:26px;display:grid}.burger i{background:var(--gold);border-radius:2px;height:3px;transition:transform .2s,opacity .2s;display:block}.burger[aria-expanded=true] i:first-child{transform:translateY(8px)rotate(45deg)}.burger[aria-expanded=true] i:nth-child(2){opacity:0}.burger[aria-expanded=true] i:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.menu{border-bottom:1px solid var(--line2);background:#090d22f7;padding:8px 16px 16px;display:grid;position:absolute;top:56px;left:0;right:0}.menu[hidden]{display:none}.menu a{font:600 1.05rem/1 var(--sans);border-bottom:1px solid #ffffff14;padding:13px 4px}.menu .btn-gold{border-bottom:2px solid #7a4708;height:48px;margin-top:12px;font-size:1.05rem}.ls-hero,.tabs{display:none}.hero{place-items:stretch stretch;min-height:calc(100svh - 56px);max-height:860px;padding:20px 16px 22px}.hero-art img{object-position:50% 100%}.hero:after{background:linear-gradient(#080a1c80,#080a1c1a 40%,#080a1c00 58%,#080a1ca6 82%,#0a0f26f2)}.hero-in{width:100%}.logo{width:min(66vw,270px)}.banner{width:min(86vw,340px)}.soon{display:none}.tagline{font-size:1.02rem}.hero-cta{gap:var(--space-4);flex-direction:column;width:100%;margin-top:auto;display:flex}.btn-xl{width:calc(100% - 20px);height:62px;font-size:1.5rem}.hero-cta .stores-hero{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid}.stores-hero .store{white-space:nowrap;justify-content:center;gap:6px;height:46px;padding:0 4px;font-size:.88rem}.stores-hero .store svg{width:22px;height:22px}.stores-hero .store small{display:none}.stores-hero .store.is-soon{justify-content:flex-start;padding:0 34px 0 12px}.hero-in{justify-content:flex-start}.wrap{padding:var(--gap) var(--layout-gutter);gap:var(--gap)}.panel{padding:var(--layout-panel-pad)}.title-big{flex-wrap:wrap;row-gap:0;font-size:1.7rem}.title-big .flame,.title-big:before,.title-big:after{display:none}.marks{height:50px}.marks li{font-size:.82rem}.marks li:nth-child(2n):before{margin-bottom:16px}.cards{grid-template-columns:1fr 1fr;gap:10px}.card{padding:10px 8px}.chip span{height:34px;font-size:.9rem}.rg-side{display:none}.board{width:min(100%,320px)}.claim .title-gold{font-size:1.4rem}.steps{gap:10px}.steps li{text-align:center;flex-direction:column;gap:6px;font-size:.78rem}.steps li+li:before{width:7px;height:7px;top:17px;left:-9px}.steps .num{width:34px;height:34px;font-size:1.15rem}.steps svg{display:none}.classes .sub{margin-left:0}.cls{gap:4px}.cls span{padding:4px 7px;font-size:.72rem}.feat li{grid-template-columns:44px 1fr 60px;gap:10px;padding:8px 10px}.feat .fi{width:44px;height:44px}.feat .fs{height:44px}.feat b{font-size:1rem}.feat div span{font-size:.8rem}.soc{gap:var(--space-6) var(--space-2);grid-template-columns:repeat(8,minmax(0,1fr))}.soc li{grid-column:span 2}.soc li:nth-child(5){grid-column:2/span 2}.soc li:nth-child(6){grid-column:4/span 2}.soc li:nth-child(7){grid-column:6/span 2}.follow{text-align:center;justify-content:center}.follow .title-gold{justify-content:center}.foot{background-position:50% 56%;padding-top:80px}.pop-box{padding:22px 14px 18px}.tile{flex-basis:min(7rem, calc((100% - 2 * var(--space-3)) / 3))}.pop-nav{width:34px;height:34px;top:100px}.pn-prev{left:6px}.pn-next{right:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:10ms!important;animation-duration:10ms!important}html{scroll-behavior:auto}}html[lang=th] .title-gold,html[lang=th] .count-now,html[lang=th] .count-goal,html[lang=th] .q,html[lang=th] .steps .num,html[lang=th] .pop-at,html[lang=th] .mc-ok,html[lang=th] .tagline{font-weight:700}@media (max-width:359px){html[lang=th] .rw-head .title-big{font-size:1.3rem}}html[lang=th] .title-gold{line-height:1.5}html[lang=th] .title-big{font-size:clamp(1.6rem,3vw,2.4rem)}html[lang=th] .counter{margin-top:2px}html[lang=th] .banner span,html[lang=th] .board span{font-weight:700}.modal{z-index:110;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal[hidden]{display:none}.modal-dim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040612c7;animation:.25s both fadein;position:absolute;inset:0}.modal-box{isolation:isolate;overscroll-behavior:contain;border:2px solid var(--line);background:radial-gradient(at 50% 0,#503c9673,#0000 55%),linear-gradient(#121a44,#0a0f27);border-radius:18px;width:min(560px,100%);max-height:calc(100svh - 32px);padding:26px 28px 22px;animation:.35s cubic-bezier(.2,1.4,.4,1) both popin;position:relative;overflow:auto;box-shadow:inset 0 0 0 1px #ffd6782e,0 0 26px #ffbe5038,0 24px 60px #000000a6}.modal-x{z-index:3;width:38px;height:38px;color:var(--ink);background:linear-gradient(#ffe48c,#f3a91f);border-radius:50%;place-items:center;transition:transform .15s;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 0 0 2px #6b3c07}.modal-x svg{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;width:18px;height:18px}.modal-x:hover{transform:rotate(90deg)}.link{color:var(--gold);text-underline-offset:3px;font-weight:600;text-decoration:underline}.link:hover{color:var(--gold-hi)}.submit.busy{pointer-events:none;filter:saturate(.6)brightness(.9)}.submit.busy:after{content:"";border:3px solid #2a17044d;border-top-color:var(--ink);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.switch{text-align:center;font:400 .92rem/1.4 var(--sans);color:#c9ccdc}.lead{font:400 .98rem/1.45 var(--sans);color:#d9dcea}.member-card{border:1.5px solid var(--line);background:#080b1cc7;border-radius:12px;gap:10px;padding:16px 18px;display:grid}.member-card:focus{outline:none}.mc-ok{font:400 1.35rem/1.2 var(--title);color:var(--gold);align-items:center;gap:10px;display:flex}.mc-ok svg{flex:none;width:28px;height:28px}.mc-who{gap:2px;display:grid}.mc-mail{font:400 .92rem/1.3 var(--sans);color:#b9bdd3}.mc-note{font:400 .95rem/1.4 var(--sans);color:#d9dcea}.mc-acts{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.doc .modal-box{width:min(640px,100%)}.doc h3{padding-inline:var(--space-8);text-align:center;justify-content:center}.doc-body{font:400 .95rem/1.55 var(--sans);color:#dfe2ee;gap:10px;margin-top:12px;display:grid}.doc-body h4{font:700 1rem/1.3 var(--sans);color:var(--gold-hi);margin:4px 0 0}.doc-body ul{gap:4px;padding-left:1.3em;list-style:outside;display:grid}.doc-body a{color:var(--gold);text-underline-offset:2px;text-decoration:underline}.doc-ok{margin:16px auto 0;display:flex}.video .modal-box{gap:var(--space-3);width:min(60rem,100%,177.778svh - 10.6667rem);max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:grid;overflow:visible}.video .modal-x{justify-self:end;width:2.75rem;height:2.75rem;position:static}.video .frame{aspect-ratio:16/9;border:2px solid var(--line);background:#000;border-radius:1rem;min-width:0;overflow:hidden;box-shadow:0 1.5rem 3.75rem #0009}.video iframe,.video video{border:0;width:100%;height:100%;display:block}@media (max-width:699px){.modal{padding:var(--layout-gutter);align-items:center}.modal-box{width:100%;max-height:94svh;padding:var(--space-8) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));border-radius:18px;animation:.32s cubic-bezier(.2,1,.3,1) both sheetin}.video{align-items:center;padding:12px}.video .modal-box{border-radius:12px}}@keyframes sheetin{0%{transform:translateY(100%)}}.card.next-target{isolation:isolate;background:radial-gradient(at 50% 24%,#5c381c,#17182f 76%);border-color:#ffc44d;box-shadow:0 0 0 1px #ffd87b,0 0 24px #ffa42373}.card.next-target:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:conic-gradient(#b76a20 0%,#ffc54b 14%,#fff5cb 19%,#ff9e21 25%,#b76a20 35% 64%,#ffd569 70%,#fff9e0 74%,#ff9e21 80%,#b76a20 90%);padding:3px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card.next-target .nm{color:#fff1b0}.card.next-target .chip span{color:#fff2bc;background:linear-gradient(#513311,#24170b);border-color:#ffd46c}.wrap>*,.duo>*,.reg-main,.feat li>div,.cls li{min-width:0}.tabs a svg{flex:none}.tabs a{gap:var(--space-3)}.pop-box{--reward-slot:5.5rem;width:min(42.5rem,100%);min-width:0;height:min(34rem, calc(100svh - 2 * var(--layout-gutter)));column-gap:var(--space-3);background:radial-gradient(at 50% 0,#30345e66,#0000 65%),#10192c;border:1px solid #c5a15c;border-radius:1.25rem;grid-template-rows:auto auto 10.25rem minmax(0,1fr) auto auto;grid-template-columns:2rem minmax(0,1fr) 2rem;padding:1.75rem 2rem 1.375rem;display:grid;overflow:hidden;box-shadow:inset 0 0 0 .25rem #10192c,0 1.25rem 4.375rem #0009}.pop-box .pop-at{color:#edc677;grid-area:1/1/auto/-1;font-size:.9rem}.pop-box .pop-name{margin-bottom:var(--space-2);grid-area:2/1/auto/-1;font-size:1.6rem;line-height:1.3}.pop-box .pop-chest{grid-area:3/2;align-self:center;width:9.625rem;height:9rem;margin:0 auto}.pop-box .pop-chest .ch{width:9.625rem}.pop-box .pop-items{width:100%;padding:var(--space-2) 0;overscroll-behavior:contain;flex-wrap:wrap;grid-area:4/1/auto/-1;place-content:center;place-self:stretch center;align-items:start;gap:.875rem;min-height:0;margin:0;display:flex;overflow-y:auto}.pop-items .tile{flex:0 0 var(--reward-slot);width:var(--reward-slot)}.pop-items .tile .tbox{background:linear-gradient(145deg,#23324b,#101a2d);border:1px solid #a58f5b;border-radius:.75rem;box-shadow:inset 0 0 0 3px #0a142333}.pop-items .tile .icon{width:76%;height:76%;inset:12%}.pop-items .tile .icon.outfit{width:84%;height:84%;inset:8%}.pop-items .tile .nm{color:#f7f1dd;min-height:2.8em;font-size:.85rem;line-height:1.4}.pop-items .tile .qty{color:#ffdf93;background:#091324;border-width:1px;font-size:.75rem}.pop-box .pop-chip{text-align:center;margin-top:var(--space-3);padding:var(--space-3) 0 0;color:#bdc8da;background:0 0;border:0;border-top:1px solid #c9ae5b30;border-radius:0;grid-area:5/1/auto/-1;justify-content:center;justify-self:center;width:100%;font-size:.9rem}.pop-box .pop-bound{margin-top:var(--space-2);grid-area:6/1/auto/-1;font-size:.8rem}.pop-box .pop-nav{background:#0a1324;border-width:1px;grid-row:3;place-self:center;width:2rem;height:2rem;position:static}.pop-box .pn-prev{grid-column:1}.pop-box .pn-next{grid-column:3}.pop-box .pop-close{color:#f7d987;width:2rem;height:2rem;box-shadow:none;background:#0b1425;border:1px solid #b79c60;grid-column:auto}.pop-box.pop-secret{row-gap:var(--space-3);grid-template-rows:auto auto auto auto;width:min(30rem,100%);height:auto;overflow-y:auto}.pop-secret .pop-chest{width:10.625rem;height:10rem;margin-block:var(--space-4)}.pop-secret .pop-chest .ch{width:10.625rem}.pop-secret .pop-items{display:none}.pop-secret .pop-chip{grid-row:4;margin-top:0}@media (max-width:699px){.pop-box{--reward-slot:4.5rem;height:min(39rem, calc(100svh - 2 * var(--layout-gutter)));column-gap:var(--space-2);grid-template-rows:auto auto 8.5rem minmax(0,1fr) auto auto}.pop-box .pop-chest{width:8.125rem;height:7.5rem}.pop-box .pop-chest .ch{width:8.125rem}.pop-box .pop-items{gap:.625rem}.pop-box .pop-name{font-size:1.35rem}.pop-items .tile .nm{font-size:.8rem}.pop-box .pop-chip{font-size:.85rem}.pop-box.pop-secret{grid-template-rows:auto auto auto auto;height:auto}.pop-box.pop-secret .pop-chest{width:10rem;height:9rem}.pop-box.pop-secret .pop-chest .ch{width:10rem}}.foot-links{flex-wrap:wrap;justify-content:center}.mc-mail{overflow-wrap:anywhere}@media (min-width:700px) and (max-width:999px){.hero-cta{flex-direction:column;align-items:center;display:flex}.rg-side{gap:var(--space-4)}}@media (max-width:699px){.hero{max-height:none}.soon{max-width:28rem;font-size:1rem;line-height:1.5;display:block}.hero-cta{padding-top:var(--space-6)}.hero-cta>.trailer{align-self:center}.topbar{gap:var(--space-3);padding-inline:var(--layout-gutter)}.feat li{gap:var(--space-3);grid-template-columns:2.75rem minmax(0,1fr) 3.75rem}.card .nm,.card .at{font-size:1rem}.cls{--class-art-height:min(10rem, calc((100cqw - 2 * var(--space-3)) / 3 * 1.28));gap:var(--space-3);grid-template-columns:repeat(6,minmax(0,1fr))}.cls li{grid-column:span 2}.cls li:nth-child(4){grid-column:2/span 2}.cls li:nth-child(5){grid-column:4/span 2}.cls img{max-height:none}.cls span{font-size:.9rem}.pop-box{padding:var(--space-8) var(--space-3) var(--space-6)}.pop-chest{max-width:100%}.pop-at{font-size:1.05rem}.pop-name{font-size:1.4rem}.pop-bound{font-size:.9rem}}.card{grid-template-rows:auto minmax(2.7em,1fr) auto auto;justify-items:center;display:grid}.card .art{flex-shrink:0}.card .nm{align-self:stretch}.card .chip{margin-top:0}.title-big{column-gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.title-big>span{text-align:center;grid-area:1/2}.title-big>.flame{grid-area:1/1;justify-self:end}.title-big:before{margin:0 calc(1.5em + var(--space-3)) 0 0;grid-area:1/1;justify-self:end}.title-big:after{grid-area:1/3;justify-self:start;margin:0}@media (max-width:699px){.title-big{grid-template-columns:minmax(0,1fr)}.title-big>span{grid-column:1}.card .nm{width:100%}}.card .art{min-height:0}.card .art img{margin:auto;position:absolute;inset:0}.card .at{place-items:center;min-height:1.5rem;display:grid}.cards,.feat{grid-auto-rows:1fr}.soc a>span:last-child{align-content:start;min-height:2.7em;display:grid}@media (max-width:699px){.btn-xl{height:auto;min-height:3.875rem;padding:var(--space-4) var(--space-6);white-space:normal;font-size:clamp(1.125rem,5.5vw,1.5rem);line-height:1.3}}@media (max-width:359px){.soc{grid-template-columns:repeat(6,minmax(0,1fr))}.soc li:nth-child(5),.soc li:nth-child(6){grid-column:span 2}.soc li:nth-child(7){grid-column:3/span 2}}.rg-side .stores{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,28rem);display:grid}.rg-side .store{width:100%;min-width:0;padding-inline:var(--space-3)}.rg-side .store.is-soon{padding-right:2.75rem}.stores-hero .store{width:100%}@media (max-width:699px){.hero-cta .stores-hero{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.stores-hero .store{height:3rem}}@media (max-width:359px){.stores-hero .store{gap:4px;font-size:.75rem}.stores-hero .store svg{width:18px;height:18px}.stores-hero .store.is-soon{padding:0 30px 0 8px}}.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.steps li{min-width:0}@media (max-width:699px){.steps{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.steps li{text-align:left;align-items:center;gap:var(--space-3);flex-direction:row;font-size:.9rem}.steps li+li:before{display:none}}.card:disabled{cursor:default}.card:disabled:hover,.card:disabled:hover .art img{transform:none}.pop-nav[hidden]{display:none}.card{container-type:inline-size}html[lang=th] .card .nm{white-space:nowrap;width:100%;font-size:clamp(.75rem,9.9cqw,1.25rem)}@media (min-width:700px){.rg-side{justify-content:flex-end;min-block-size:22rem}}.chest-sprite{aspect-ratio:1;background-position:0 0;background-repeat:no-repeat;background-size:300% 200%;width:100%;display:block}.pop-box .pop-chest.has-sprite{aspect-ratio:1;height:auto}.pop-chest.has-sprite .chest-sprite{z-index:1;position:relative}.pop-chest.shake .chest-sprite{animation:.5s ease-in-out shake}.chest-sprite.is-opening{animation:firefly-chest-opening var(--chest-open-duration,.2s) steps(1, end) both}@keyframes firefly-chest-opening{0%{background-position:0 0}20%{background-position:50% 0}40%{background-position:100% 0}60%{background-position:0 100%}80%{background-position:50% 100%}to{background-position:100% 100%}}@media (prefers-reduced-motion:reduce){.pop-chest.shake .chest-sprite{animation:none}.chest-sprite.is-opening{background-position:100% 100%;animation:none}}.pop-box{animation-duration:.18s}.pop-chest.opened .ch{animation:none}.tile.in{animation-duration:.2s}html.lang-wait .banner span,html.lang-wait .soon,html.lang-wait .tagline,html.lang-wait .hero-cta,html.lang-wait .language-switch,html.lang-wait .tabs-in,html.lang-wait .wrap,html.lang-wait .foot-in{visibility:hidden}.nb{white-space:nowrap}.follow .sub,.classes .sub,.modal .title-gold>span{text-wrap:balance}html[lang=en] .band{letter-spacing:.02em;font-size:.5rem;top:12px;right:-30px}@media (min-width:1000px){.classes{flex-direction:column;display:flex}.cls{margin-block:auto}}@media (max-width:699px){body:before{display:none}.topbar,.language-switch,.pop-dim,.modal-dim{-webkit-backdrop-filter:none;backdrop-filter:none}.topbar{background:#090d22}.pop-dim,.modal-dim{background:#040612e6}.pop-sparks img,.clickfx{mix-blend-mode:normal}.bg-register:after{background:#0a0e24d6}.register{grid-template-columns:minmax(0,1fr)}.rg-form{min-width:0}.reg-form{grid-template-columns:minmax(0,1fr)}.dl-sep{display:none}.deadline b{display:block}.tb-logo{padding-block:10px;display:block}.language-switch button{position:relative}.language-switch button:after{content:"";position:absolute;inset:-8px 0}.burger{place-content:center;justify-items:center;width:44px;height:44px;margin-right:-9px}.burger i{width:26px}.foot-links a{padding:12px 6px}.pop-box .pop-nav{position:relative;inset:auto}.pop-box .pop-close:after,.pop-box .pop-nav:after{content:"";position:absolute;inset:-6px}}