@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";:root{--void:#04050b;--plasma-red:#ff2d55;--plasma-orange:#ff7a1a;--ion-blue:#2ea8ff;--ion-cyan:#27e0ff;--nebula-violet:#9b4dff;--star-gold:#ffc53d;--btn-red-a:#d1123a;--btn-red-b:#e5470a;--grad-plasma:linear-gradient(90deg, var(--btn-red-a), var(--btn-red-b));--grad-nebula-line:linear-gradient(90deg, #ff2d55, #9b4dff 55%, #2ea8ff);--bg-main:url(../images/bg_main.jpg);--nebula:radial-gradient(ellipse 60% 55% at 12% 100%, #ff2d5557, transparent 65%), radial-gradient(ellipse 55% 50% at 92% 0%, #9b4dff5c, transparent 65%), radial-gradient(ellipse 45% 40% at 55% 45%, #2ea8ff1f, transparent 70%)}@media (width<=900px){:root{--bg-main:url(../images/bg_main_mb.jpg)}}#__nuxt,body,html{width:100%;min-width:0;min-height:100%;margin:0;padding:0}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent}.app,body{background:#000}.app{width:100%;min-width:0;min-height:100vh;font-family:Noto Sans Thai,sans-serif;position:relative}#__nuxt,#app,*,body,html{scrollbar-width:none}#__nuxt::-webkit-scrollbar{width:0;height:0;display:none}#app::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}html::-webkit-scrollbar{width:0;height:0;display:none}.app:not(.is-member):before{content:"";z-index:1;pointer-events:none;opacity:.7;background-image:radial-gradient(1.5px 1.5px at 8% 22%,#fff,#0000),radial-gradient(1px 1px at 22% 68%,#9fd6ff,#0000),radial-gradient(1.5px 1.5px at 35% 12%,#ffb3c1,#0000),radial-gradient(1px 1px at 47% 82%,#fff,#0000),radial-gradient(2px 2px at 58% 38%,#d7b8ff,#0000),radial-gradient(1px 1px at 71% 9%,#fff,#0000),radial-gradient(1.5px 1.5px at 83% 61%,#9fd6ff,#0000),radial-gradient(1px 1px at 93% 30%,#ffb3c1,#0000),radial-gradient(1px 1px at 15% 45%,#fff,#0000),radial-gradient(1.5px 1.5px at 64% 92%,#fff,#0000);background-size:700px 700px;animation:6s ease-in-out infinite starTwinkle;position:fixed;inset:0}@keyframes starTwinkle{0%,to{opacity:.4}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.app:not(.is-member):before{animation:none}}@supports (height:100dvh){.app{min-height:100dvh}}body,html{width:100%;min-height:100%;margin:0;padding:0}header .header-login{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;height:80px;margin-left:auto;padding:0 25px;display:flex}header .login-button,header .register-button{color:#fff;letter-spacing:.1em;border:1px solid #ffffff4d;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-family:Noto Sans Thai,sans-serif;font-size:12px;font-weight:600;text-decoration:none;transition:color .25s,background .25s,border-color .25s,box-shadow .25s,transform .25s;display:flex}header .login-button svg,header .register-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .25s}header .login-button{background:#ffffff09;min-width:110px}header .login-button:hover{background:#ffffff1a;border-color:#ffffffb3;transform:translateY(-1px);box-shadow:0 0 15px #ffffff1f,inset 0 0 15px #ffffff0a}header .login-button:hover svg{transform:translate(2px)}header .register-button{background:#ffffff1f;border-color:#ffffffa6;min-width:130px;box-shadow:0 0 12px #ffffff14}header .register-button:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 0 20px #ffffff2e,inset 0 0 15px #ffffff0d}header .register-button:hover svg{transform:scale(1.08)}header{z-index:30;color:#fff;font-family:Noto Sans Thai,sans-serif;transition:background-color .3s ease-in;position:absolute;top:0;left:50%;transform:translate(-50%)}header,header .lnb-wrap{width:100%;max-width:2560px;height:80px}header .lnb-wrap{background-color:#000;min-width:1400px;margin:0 auto;display:flex;position:relative}header .header-bar{border-right:1px solid #fff3}header .header-bar .site-logo{width:80px;height:79px;margin:0}header .header-bar .site-logo a{text-indent:-5000px;background-image:url(../images/LOGO.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;font-size:0;display:block}header .panel{height:80px}header .btn-pre-wrap,header .panel-content,header .panel-wrapper,header nav{height:100%}header nav ul{align-items:center;height:100%;margin:0;padding:0;list-style:none;display:flex}header nav ul li{height:100%}header nav ul li a{color:#ffffffbf;letter-spacing:.02em;align-items:center;height:100%;padding:0 30px;font-family:Noto Sans Thai,sans-serif;font-size:16px;font-weight:500;line-height:1;text-decoration:none;transition:color .2s,background-color .2s;display:flex}header nav ul li a:hover{background-color:#ffffff0d}header nav ul li a.link-active{font-weight:600}header .lnb-wrap{background:linear-gradient(90deg,#04050b,#0b0716 55%,#17060f)}header:after{content:"";background:var(--grad-nebula-line);pointer-events:none;height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 14px #ff2d558c,0 0 28px #9b4dff59}header .header-bar{border-right-color:#ff2d5559}header nav ul li a{color:#e6e1f5c7;position:relative}header nav ul li a:hover{color:#fff;background:linear-gradient(#0000,#ff2d5533)}header nav ul li a.link-active{color:#fff;text-shadow:0 0 14px #ff2d55cc;background:linear-gradient(#0000,#ff2d5542)}header nav ul li a.link-active:after{content:"";background:linear-gradient(90deg,#ff2d55,#ff7a1a);height:3px;position:absolute;bottom:0;left:22px;right:22px;box-shadow:0 0 14px #ff2d55e6}header .login-button{color:#cdeaff;background:#2ea8ff1a;border-color:#2ea8ffa6}header .login-button:hover{color:#fff;background:#2ea8ff3d;border-color:#2ea8ff;box-shadow:0 0 20px #2ea8ff8c,inset 0 0 15px #2ea8ff1f}header .register-button{color:#fff;background:var(--grad-plasma);text-shadow:0 1px 2px #00000073;border-color:#ffaa82b3;box-shadow:0 0 18px #ff2d5573}header .register-button:hover{color:#fff;background:var(--grad-plasma);filter:brightness(1.15);border-color:#fff;box-shadow:0 0 28px #ff463cbf,inset 0 0 15px #ffffff1f}header .menu-toggle,header .mobile-menu{display:none}header .lnb-wrap{min-width:0}@media (width<=900px){header .header-login,header .panel{display:none}header .menu-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0a;border:1px solid #ffffff38;flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:5px;width:48px;height:48px;margin:0 16px 0 auto;padding:0;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}header .menu-toggle span{background:#fff;border-radius:2px;width:22px;height:2px;transition:transform .25s,opacity .2s;display:block}header.menu-open .menu-toggle{background:#ff2d552e;border-color:#ff2d55;box-shadow:0 0 16px #ff2d5573}header.menu-open .menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}header.menu-open .menu-toggle span:nth-child(2){opacity:0}header.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}header .mobile-menu{z-index:29;border-bottom:2px solid #0000;-o-border-image:var(--grad-nebula-line) 1;border-image:var(--grad-nebula-line) 1;visibility:hidden;opacity:0;pointer-events:none;background:linear-gradient(#04050bfb,#120610fb);max-height:calc(100dvh - 80px);transition:opacity .2s,transform .2s,visibility 0s linear .2s;display:block;position:absolute;top:100%;left:0;right:0;overflow-y:auto;transform:translateY(-8px);box-shadow:0 26px 44px #000000a6}header.menu-open .mobile-menu{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .2s,transform .2s;transform:none}header .mobile-nav{height:auto;padding:6px 0}header .mobile-nav a{color:#e6e1f5d9;letter-spacing:.02em;-webkit-tap-highlight-color:transparent;border-bottom:1px solid #ffffff0f;align-items:center;height:56px;padding:0 24px;font-family:Noto Sans Thai,sans-serif;font-size:16px;font-weight:500;text-decoration:none;display:flex}header .mobile-nav a:active{background:#ff2d5524}header .mobile-nav a.link-active{color:#fff;text-shadow:0 0 14px #ff2d55b3;background:linear-gradient(90deg,#ff2d5542,#0000 85%);font-weight:600;box-shadow:inset 4px 0 #ff2d55}header .mobile-auth{gap:10px;padding:16px 20px 22px;display:flex}header .mobile-auth .login-button,header .mobile-auth .register-button{flex:1;min-width:0;height:50px;padding:0 10px}}footer{z-index:20;color:#fff;background:#000c;border-top:1px solid #fff3;width:100%;height:80px;position:absolute;bottom:0;left:0;right:0}.footer-wrap{justify-content:center;width:100%;height:100%}.footer-content,.footer-wrap{align-items:center;display:flex}.footer-content{opacity:.8;gap:30px;font-size:13px}footer{border-top:1px solid;-o-border-image:var(--grad-nebula-line) 1;border-image:var(--grad-nebula-line) 1;background:linear-gradient(#04050be0,#0e050ef5)}.footer-content span:first-child{letter-spacing:.25em;background:linear-gradient(90deg,#ff5a7a,#ff9a4d);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}@media (width<=600px){footer{height:auto;min-height:80px}.footer-wrap{padding:16px 20px}.footer-content{text-align:center;flex-direction:column;gap:6px;font-size:12px}}