@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Michroma&family=Orbitron:wght@400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800;900&display=swap";.global-navbar{position:fixed;top:0;left:0;width:100%;height:64px;z-index:1000;transition:all .3s ease;background:#0a0a0a33;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.global-navbar.scrolled{background:#0a0a0a66;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0003}.navbar-container{max-width:1400px;width:100%;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-family:Orbitron,sans-serif;font-size:1.35rem;font-weight:900;color:#fff;text-decoration:none;letter-spacing:2px}.navbar-links{display:flex;align-items:center;gap:2rem}.nav-link{color:#ffffffa6;text-decoration:none;font-family:Orbitron,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:1px;transition:all .3s ease;padding:.5rem .2rem;position:relative}.nav-link:hover,.nav-link.active{color:#fff}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--red);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.navbar-actions{display:flex;align-items:center;gap:1.5rem}.navbar-user-wrapper{position:relative;display:flex;align-items:center}.navbar-user{display:flex;align-items:center;cursor:pointer;gap:.75rem;padding:.25rem .5rem;border-radius:50px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.navbar-name{font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.5px;color:var(--text-primary)}.navbar-user:hover,.navbar-user.active{background:#ffffff0d}.avatar-frame{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.navbar-user:hover .avatar-frame{transform:scale(1.15)}.navbar-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--red);z-index:2;background:#1a1a1a}.avatar-glow{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--red);opacity:0;transition:all .3s ease;transform:scale(.8);box-shadow:0 0 15px var(--red)}.navbar-user:hover .avatar-glow{opacity:.6;transform:scale(1);animation:rotateGlow 3s linear infinite}@keyframes rotateGlow{0%{filter:hue-rotate(0deg);opacity:.3}50%{opacity:.6}to{filter:hue-rotate(15deg);opacity:.3}}.user-dropdown-panel{position:absolute;top:calc(100% + 15px);right:0;width:240px;background:#0a0a0ad9;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.25rem;box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff0d;transform-origin:top right;animation:dropdownSlideDown .4s cubic-bezier(.16,1,.3,1);z-index:1100}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.25rem}.dropdown-avatar-large{width:64px;height:64px;border-radius:50%;border:3px solid var(--red);padding:2px;margin-bottom:.75rem;box-shadow:0 0 20px #4ade8033}.dropdown-avatar-large img{width:100%;height:100%;border-radius:50%;object-fit:cover}.dropdown-name{font-size:1.1rem;font-weight:800;color:#fff;font-family:var(--font-display);margin-bottom:.25rem}.dropdown-ids{display:flex;flex-direction:column;gap:.15rem;align-items:center}.dropdown-id-row{display:flex;align-items:center;gap:.25rem;font-size:.65rem;letter-spacing:.5px}.id-label{color:var(--text-muted);font-weight:700}.id-value{color:#fff;font-weight:500}.dropdown-divider{height:1px;background:#ffffff0f;margin:1rem 0}.dropdown-actions{display:flex;flex-direction:column;gap:.5rem}.dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.dropdown-item.link-discord{border-color:#5865f233;color:#5865f2}.dropdown-item.link-discord:hover{background:#5865f2;border-color:#5865f2;color:#fff;box-shadow:0 5px 15px #5865f24d}.dropdown-item.link-discord span{font-family:Orbitron,sans-serif}.dropdown-item.logout{border-color:#4ade8033}.dropdown-item.logout:hover{background:var(--red);border-color:var(--red);box-shadow:0 5px 15px #4ade804d}.dropdown-item.logout span{font-family:Orbitron,sans-serif}.navbar-login-btn{background:var(--red);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:100px;font-family:Orbitron,sans-serif;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:none!important}.navbar-login-btn:hover{background:#fff;color:#000;box-shadow:none!important}.mobile-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;z-index:1001}.navbar-overlay{display:none}@media(max-width:900px){.mobile-toggle{display:block;margin-right:.5rem}.navbar-container{justify-content:flex-start;gap:.5rem}.navbar-actions{margin-left:auto}.navbar-links{position:fixed;top:0;left:-100%;width:250px;height:100vh;background:#050000;border-right:1px solid rgba(74,222,128,.2);flex-direction:column;justify-content:center;transition:left .4s cubic-bezier(.16,1,.3,1);z-index:1000;padding:2rem 0}.navbar-links.open{left:0}.navbar-overlay{display:block;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999}.nav-link{width:100%;text-align:center;padding:1.25rem;font-size:.9rem}.nav-link:after{display:none}}.nav-lang-btn{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:7px 14px;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);font-family:Orbitron,sans-serif;color:#fff;-webkit-user-select:none;user-select:none}.nav-lang-btn:hover{background:#ffffff14;border-color:var(--red);box-shadow:0 0 15px #4ade8026;transform:translateY(-1px)}.nav-lang-btn:active{transform:translateY(0) scale(.98)}.lang-code{font-size:.75rem;font-weight:800;letter-spacing:1px;opacity:.9}@media(max-width:600px){.nav-lang-btn{padding:6px 10px}}.rules-container{width:100%;box-sizing:border-box;animation:dashFadeUp .4s ease forwards}.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;align-items:start;margin-top:2rem}.rule-card{background:#0f0f0f66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:20px;overflow:hidden;position:relative;animation:dashFadeUp .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--delay, 0s);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1)}.rule-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#4ade80,var(--red),transparent);opacity:0;transition:opacity .4s ease;z-index:1}.rule-card:hover:before,.rule-card.open:before{opacity:1}.rule-card:hover{border-color:#4ade8033;box-shadow:0 10px 30px #0006;transform:translateY(-4px)}.rule-card.open{border-color:#4ade804d;box-shadow:0 10px 40px #00000080,0 0 20px #4ade800d}.rule-card-header{width:100%;display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:transparent;border:none;color:#fff;cursor:pointer;text-align:left;transition:background .3s ease;position:relative;z-index:2}.rule-card-header:hover{background:#ffffff05}.rule-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#4ade800d;color:#4ade80;border:1px solid rgba(74,222,128,.15);flex-shrink:0;transition:all .4s ease}.rule-card:hover .rule-icon,.rule-card.open .rule-icon{background:#4ade801a;border-color:#4ade8066;box-shadow:0 0 15px #4ade804d}.rule-card.open .rule-icon{animation:ruleIconGlowRed 2s ease-in-out infinite}@keyframes ruleIconGlowRed{0%,to{box-shadow:0 0 12px #4ade8026}50%{box-shadow:0 0 25px #4ade8080}}.rule-card-header h3{flex:1;font-family:var(--font-heading);font-size:1rem;font-weight:700;letter-spacing:.5px;margin:0}.rule-chevron{color:#ffffff4d;transition:transform .4s cubic-bezier(.16,1,.3,1),color .3s ease}.rule-chevron.rotated{transform:rotate(180deg);color:#4ade80}.rule-card-body{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.16,1,.3,1);will-change:max-height}.rule-card.open .rule-card-body{max-height:5000px}.rule-card-inner{padding:0 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.05);opacity:0;transform:translateY(-10px);transition:opacity .4s ease .1s,transform .4s ease .1s}.rule-card.open .rule-card-inner{opacity:1;transform:translateY(0)}.rule-section{margin-top:1.5rem}.rule-section:first-child{margin-top:1.25rem}.rule-section h4{font-family:var(--font-heading);font-size:.85rem;font-weight:700;color:#4ade80;margin-bottom:.75rem;letter-spacing:1px;padding-left:.85rem;position:relative;text-transform:uppercase}.rule-section h4:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;background:#4ade80;box-shadow:0 0 8px #4ade8080;border-radius:2px}.rule-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.rule-section li{position:relative;padding-left:1.5rem;font-size:.9rem;color:#ffffffb3;line-height:1.6;transition:all .2s ease}.rule-section li:hover{color:#fff;padding-left:1.7rem}.rule-section li:before{content:"";position:absolute;left:0;top:.75rem;width:8px;height:2px;background:#4ade804d;transition:all .3s ease}.rule-section li:hover:before{background:#4ade80;width:12px;box-shadow:0 0 8px #4ade8080}.rule-section li.prohibited{color:#f99}.rule-section li.allowed{color:#a1ffcc}.rule-section li.important{color:#ffe08a;font-weight:600}.rule-section-images{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.rule-section-image{border-radius:12px;border:1px solid rgba(255,255,255,.1);object-fit:cover;cursor:zoom-in;transition:all .3s ease;background:#000}.rule-section-image:hover{transform:scale(1.03);border-color:#4ade8080;box-shadow:0 10px 25px #00000080}.rule-section-images.single .rule-section-image{width:100%;max-height:300px}.rule-section-images.multiple .rule-section-image{width:calc(50% - .5rem);height:160px}.rules-lightbox{position:fixed;inset:0;z-index:10000;background:#000000e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:2rem;animation:fadeIn .3s ease}.rules-lightbox img{max-width:90vw;max-height:90vh;border-radius:16px;box-shadow:0 0 100px #000c;transform-origin:center;animation:zoomIn .3s cubic-bezier(.16,1,.3,1)}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:1024px){.rules-grid{grid-template-columns:1fr;gap:1.25rem}}@media(max-width:768px){.rule-card-header{padding:1.15rem}.rule-card-inner{padding:0 1.15rem 1.15rem}.rule-section-images.multiple .rule-section-image{width:100%}}.login-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.login-modal-content{background:#080808;border:1px solid rgba(74,222,128,.2);border-radius:16px;width:90%;max-width:500px;padding:2.5rem;position:relative;box-shadow:0 0 50px #4ade801a,inset 0 0 20px #ffffff05;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1);background-image:radial-gradient(circle at 50% 0%,rgba(74,222,128,.08) 0%,transparent 70%)}.login-modal-close{position:absolute;top:1rem;right:1.25rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease;padding:.5rem}.login-modal-close:hover{color:var(--red);transform:rotate(90deg)}.login-modal-header{text-align:center;margin-bottom:2.5rem}.login-modal-icon-wrap{width:64px;height:64px;background:#4ade800d;border:1px solid rgba(74,222,128,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:var(--red);box-shadow:0 0 20px #4ade801a}.login-modal-header h2{font-size:1.75rem;letter-spacing:2px;margin-bottom:.5rem;color:#fff}.login-modal-header p{color:var(--text-secondary);font-size:.9rem;opacity:.7}.login-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem}.login-option-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;color:#fff}.login-option-card:hover{background:#ffffff0f;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.login-option-card.discord:hover{border-color:#5865f2;color:#5865f2}.login-option-card.discord .option-glow{position:absolute;bottom:-50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(88,101,242,.15) 0%,transparent 70%);transform:translate(-50%);pointer-events:none}.login-option-card.steam:hover{border-color:#66c0f4;color:#66c0f4}.login-option-card.steam .option-glow{position:absolute;bottom:-50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(102,192,244,.15) 0%,transparent 70%);transform:translate(-50%);pointer-events:none}.option-icon{transition:transform .3s ease}.login-option-card:hover .option-icon{transform:scale(1.1)}.option-info{text-align:center}.option-title{display:block;font-weight:800;font-size:1rem;letter-spacing:1px;margin-bottom:.25rem}.option-desc{font-size:.7rem;color:var(--text-secondary);opacity:.6}.option-action{margin-top:.5rem;font-size:.65rem;font-weight:800;letter-spacing:1px;padding:.4rem .8rem;background:#ffffff0d;border-radius:4px;opacity:0;transform:translateY(10px);transition:all .3s ease}.login-option-card:hover .option-action{opacity:1;transform:translateY(0)}.login-modal-footer{text-align:center;font-size:.75rem;color:var(--text-secondary);opacity:.5;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.text-red{color:var(--red)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){.login-options-grid{grid-template-columns:1fr}.login-modal-content{padding:2rem 1.5rem}}:root{--bg: #050505;--panel: #101010;--panel-2: #171717;--text: #f5f5f5;--muted: #b6b6b6;--red: #4ade80;--red-soft: rgba(74, 222, 128, .15);--line: rgba(74, 222, 128, .35);--blue: #3b82f6;--green: #16a34a;--shadow: 0 0 20px rgba(74, 222, 128, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-y:scroll}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:5px;border:2px solid #050505}::-webkit-scrollbar-thumb:hover{background:var(--red)}.reveal-hidden{visibility:hidden}body{margin:0;background:radial-gradient(circle at top,rgba(74,222,128,.02),transparent 40%),linear-gradient(180deg,#080808,#020202);color:var(--text);font-family:Noto Sans Thai,Orbitron,sans-serif}img{max-width:100%;display:block}.section{padding:88px 20px}.wrap{max-width:1180px;margin:auto}.navbar-custom{position:fixed;top:0;left:0;right:0;z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e0;border-bottom:1px solid var(--line)}.navbar-custom .inner{max-width:1200px;margin:auto;padding:14px 18px;display:flex;gap:16px;align-items:center;justify-content:space-between}.brand{font-family:Orbitron,sans-serif;font-weight:900;letter-spacing:2px}.nav-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.nav-links a{color:#fff;font-size:14px;font-weight:700;position:relative;padding:6px 0;cursor:pointer}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:.25s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:transparent}.hero-bg-image{position:absolute;width:100vw;inset:0 0 0 50%;background:#050505 url(/bg-hero.png) center/cover no-repeat;filter:blur(12px) brightness(.6);transform:translate(-50%) scale(1.1) translateY(40px);z-index:1}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05050566,#050505f2 90%);pointer-events:none;z-index:2}.hero-card{padding:64px 40px;position:relative;z-index:10;overflow:visible}.hero-grid{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:960px;margin:0 auto;gap:32px}.badge-top{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(74,222,128,.4);background:#0009;color:#4ade80;border-radius:4px;padding:6px 14px;font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 20px #4ade801a;position:relative}.badge-top:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(74,222,128,.8),transparent)}.hero-status-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.server-status-pill{display:inline-flex;align-items:center;gap:10px;background:#0a140a80;border:1px solid rgba(74,222,128,.4);padding:8px 18px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:800;color:#4ade80;letter-spacing:1.5px}.status-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;box-shadow:0 0 8px #4ade80}.pulsing{animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #4ade80b3}70%{transform:scale(1);box-shadow:0 0 0 6px #4ade8000}to{transform:scale(.95);box-shadow:0 0 #4ade8000}}.main-h1{margin:20px 0 16px;font-family:Orbitron,sans-serif;font-weight:900;font-size:88px;line-height:1.05;letter-spacing:2px;color:#fff;text-shadow:0 0 10px rgba(74,222,128,.8),0 0 25px rgba(74,222,128,.6),0 0 50px rgba(74,222,128,.4);text-transform:uppercase}.main-h2{margin:0 0 12px;font-family:Orbitron,sans-serif;font-weight:900;font-size:42px;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(74,222,128,.7),0 0 20px rgba(74,222,128,.4)}.hero p,.desc{color:#d0d0d0;line-height:1.8}.btn-red,.btn-blue,.btn-green,.btn-darkx{border:none;border-radius:12px;padding:13px 20px;font-weight:700;color:#fff;transition:.22s;display:inline-block;cursor:pointer;text-align:center}.btn-red{background:var(--red);box-shadow:0 0 14px #4ade8057}.btn-blue{background:var(--blue)}.btn-green{background:var(--green)}.btn-darkx{background:#25262b;box-shadow:0 0 12px #5865f247}.btn-red:hover,.btn-blue:hover,.btn-green:hover,.btn-darkx:hover{transform:translateY(-2px) scale(1.02);color:#fff}.hero-cta-group{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;margin-top:40px;width:100%;flex-wrap:wrap}.cta-primary-row,.cta-secondary-row{display:flex;justify-content:center;align-items:center}.cta-secondary-glass{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:18px 32px;color:#fff;font-family:Orbitron,sans-serif;font-weight:800;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #0003;min-width:240px}.cta-secondary-glass:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.cta-secondary-glass .cta-icon.blurple{color:#7289da;text-shadow:0 0 10px rgba(114,137,218,.4)}@media(max-width:600px){.hero-cta-group{flex-direction:column;gap:16px}.cta-primary-glow,.cta-secondary-glass{width:100%;min-width:100%}}.cta-primary-glow{position:relative;background:linear-gradient(135deg,#4ade80,#009924);border:none;border-radius:12px;padding:16px 28px;color:#fff;font-family:Orbitron,sans-serif;font-weight:800;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 20px #4ade8066,inset 0 0 10px #fff3;overflow:hidden}.cta-primary-glow:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.cta-primary-glow:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #4ade8099,inset 0 0 15px #fff6}.cta-secondary-glass{background:#5865f226;border:1px solid rgba(88,101,242,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px 28px;color:#fff;font-family:Orbitron,sans-serif;font-weight:800;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.16,1,.3,1)}.cta-secondary-glass:hover{background:#5865f24d;border-color:#5865f2cc;transform:translateY(-3px);box-shadow:0 10px 25px #5865f24d}.cta-secondary-glass .cta-icon.blurple{color:#5865f2;text-shadow:0 0 10px rgba(88,101,242,.8)}.cardx,.stat-box,.shop-item,.rule-box,.panel{background:linear-gradient(180deg,#ffffff08,#ffffff05);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.stat-box{padding:18px;text-align:center}.stat-box strong{display:block;font-size:24px;font-family:Orbitron,sans-serif}.stat-box span{color:var(--muted);font-size:14px}.panel{padding:22px;height:100%}.panel h3{margin:0 0 14px;font-size:22px;color:#fff}.system-line{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#ddd}.system-line:last-child{border-bottom:none}.section-head{margin-bottom:28px}.section-head .desc{text-align:center;max-width:860px;margin:0 auto}.lang-switch,.rule-menu{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.w-100{width:100%}.lang-btn,.rule-tab{background:transparent;color:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer;transition:.2s}.lang-btn.active,.rule-tab.active,.lang-btn:hover,.rule-tab:hover{background:var(--red);border-color:var(--red)}.content-block{display:none}.content-block.active{display:block}.server-box pre,.rule-box pre{margin:0;white-space:pre-wrap;color:#f0f0f0;line-height:1.8;font-size:15px;font-family:Noto Sans Thai,sans-serif}.server-box,.rule-box{padding:22px;margin-top:20px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.guide-grid img{border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow);aspect-ratio:16/9;object-fit:cover;background:#111}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-box{min-height:90px;padding:16px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:#e7e7e7;line-height:1.8}.server-info-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.bento-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.bento-item:hover{background:#ffffff0f;border-color:#4ade804d;transform:translateY(-5px);box-shadow:0 10px 30px #00000080,0 0 20px #4ade801a}.bento-icon{width:48px;height:48px;background:#4ade801a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--red);margin-bottom:.25rem}.bento-val{font-size:1.5rem;font-weight:900;font-family:Orbitron,sans-serif;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.2)}.bento-label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.info-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:1.5rem;display:flex;gap:1.25rem;align-items:flex-start}.feature-icon-wrap{flex-shrink:0;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:var(--red)}.feature-content h4{margin:0 0 .5rem;font-size:1.1rem;color:#fff;font-family:Orbitron,sans-serif}.feature-content p{margin:0;font-size:.9rem;color:var(--muted);line-height:1.6}.reward-packs-showcase{display:flex;flex-direction:column;gap:2.5rem;margin-top:3rem}.packs-selector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.pack-tab-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.pack-tab-card:hover{background:#ffffff0f;transform:translateY(-5px);border-color:#fff3}.pack-tab-card.active{background:#ffffff14;box-shadow:0 10px 30px #0000004d,inset 0 0 15px #ffffff0d}.pack-tab-badge{position:absolute;top:0;right:0;padding:4px 10px;font-size:9px;font-weight:900;font-family:Orbitron,sans-serif;color:#000;border-radius:0 0 0 12px}.pack-tab-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border-radius:12px;margin-bottom:.25rem}.pack-tab-name{font-size:1.1rem;font-weight:800;color:#fff;font-family:Orbitron,sans-serif}.pack-tab-sub{font-size:.75rem;color:var(--muted)}.pack-details-view{background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:3rem;min-height:400px;position:relative;box-shadow:inset 0 0 40px #0003}.details-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.header-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:24px}.details-header h3{margin:0;font-size:2rem;font-weight:900;color:#fff;font-family:Orbitron,sans-serif;letter-spacing:1px}.details-header p{margin:4px 0 0;color:var(--muted)}.details-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item{display:flex;align-items:center;gap:12px;background:#ffffff05;padding:1rem 1.25rem;border-radius:14px;border:1px solid rgba(255,255,255,.03);transition:all .3s ease}.detail-item:hover{background:#ffffff0a;transform:translate(5px)}.detail-bullet{flex-shrink:0;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 5px currentColor)}.item-text{color:#eee;font-size:.95rem;font-weight:600}.details-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.footer-notice{font-size:.8rem;color:var(--muted);font-style:italic}.animate-fade-in{animation:fadeInSlide .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.packs-selector-grid{grid-template-columns:repeat(2,1fr)}.details-list{grid-template-columns:1fr}}@media(max-width:600px){.packs-selector-grid{grid-template-columns:1fr}.pack-details-view{padding:1.5rem}.details-header{flex-direction:column;align-items:flex-start;text-align:left}}@media(max-width:1100px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.info-cards-grid,.packs-grid{grid-template-columns:1fr}.bento-grid{grid-template-columns:repeat(2,1fr)}}.guide-explorer-outer{margin-top:2rem;position:relative}.guide-explorer-row{display:flex;overflow-x:auto;gap:1.5rem;padding:1rem 0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.guide-explorer-row::-webkit-scrollbar{display:none}.guide-tac-card{flex:0 0 calc((100% - 4.5rem)/4);min-width:260px;background:#00140066;border:1px solid rgba(74,222,128,.15);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.guide-tac-card:hover{transform:translateY(-10px);border-color:#4ade80;box-shadow:0 15px 40px #4ade8026;background:#001e0099}.tac-card-img-wrap{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden}.tac-card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.guide-tac-card:hover .tac-card-img{transform:scale(1.1)}.tac-card-badge{position:absolute;top:12px;right:12px;background:#4ade80;color:#fff;font-size:10px;font-weight:900;padding:3px 8px;border-radius:4px;letter-spacing:1px;box-shadow:0 0 10px var(--red)}.tac-card-content{padding:1.25rem}.tac-card-id{font-size:10px;color:var(--accent-pink);font-family:Orbitron,sans-serif;letter-spacing:2px;margin-bottom:4px;opacity:.7}.tac-card-content h4{margin:0 0 8px;font-size:1.1rem;color:#fff;font-family:Orbitron,sans-serif;letter-spacing:1px}.tac-card-quality{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:700}.explorer-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#000a0099;border:1px solid rgba(74,222,128,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.explorer-nav-btn:hover{background:var(--red);border-color:var(--red);box-shadow:0 0 15px var(--red);transform:translateY(-50%) scale(1.1)}.explorer-nav-btn.left{left:-25px}.explorer-nav-btn.right{right:-25px}@media(max-width:768px){.explorer-nav-btn{display:none}.guide-explorer-row{scrollbar-width:thin;-ms-overflow-style:auto}.guide-explorer-row::-webkit-scrollbar{display:block;height:3px}}.explorer-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:1.5rem}.pagination-dot{width:10px;height:10px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease;padding:0}.pagination-dot:hover{background:#ffffff4d;transform:scale(1.2)}.pagination-dot.active{background:var(--red);border-color:var(--red);box-shadow:0 0 10px var(--red);width:24px;border-radius:5px}.guide-immersion-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2vw;animation:immersion-fade .4s ease}.immersion-backdrop{position:absolute;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.immersion-container{position:relative;width:100%;max-width:1400px;height:85vh;display:grid;grid-template-columns:1fr 340px;background:#000a0099;border:1px solid rgba(74,222,128,.2);border-radius:24px;overflow:hidden;box-shadow:0 30px 100px #000c,0 0 30px #4ade801a}.immersion-main{position:relative;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.immersion-image-wrap{width:100%;height:100%;position:relative}.immersion-image{width:100%;height:100%;object-fit:contain}.image-scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);animation:scanner-loop 4s linear infinite;opacity:.3}@keyframes scanner-loop{0%{top:0%}to{top:100%}}.immersion-sidebar{padding:2.5rem;display:flex;flex-direction:column;border-left:1px solid rgba(74,222,128,.15);background:linear-gradient(180deg,#001400cc,#000a00f2)}.tac-tag{font-size:11px;color:var(--red);font-family:Orbitron,sans-serif;letter-spacing:2.5px;margin-bottom:1rem}.sidebar-header h2{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:900;color:#fff;margin:0 0 1.5rem;line-height:1.2}.danger-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(74,222,128,.2);padding-bottom:1rem;margin-bottom:2rem}.danger-row .label{font-size:11px;color:var(--muted);letter-spacing:1px}.danger-row .val{font-weight:900;font-family:Orbitron,sans-serif;font-size:12px}.danger-extreme{color:var(--red);text-shadow:0 0 10px var(--red)}.danger-high{color:#4ade80}.danger-volatile{color:#f0f}.danger-medium{color:#0f8}.sidebar-body{flex-grow:1}.desc-text{color:#aaa;line-height:1.8;font-size:.95rem;margin-bottom:2rem}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.spec-item{background:#ffffff08;padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.s-label{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.s-val{display:block;font-size:.9rem;font-weight:700;color:#fff}.sidebar-footer{padding-top:2rem;border-top:1px solid rgba(255,255,255,.05)}.index-indicator{padding:8px 16px;background:#ffffff0d;border-radius:99px;font-size:12px;font-weight:700;color:#ddd;display:inline-block}.immersion-close{position:absolute;top:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:#4ade801a;border:1px solid var(--red);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:.3s}.immersion-close:hover{background:var(--red);transform:rotate(90deg)}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0006;border:1px solid rgba(255,255,255,.1);color:#fff;width:60px;height:100px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;z-index:10}.nav-btn:hover{background:#4ade8033;border-color:var(--red)}.nav-btn.prev{left:0;border-radius:0 30px 30px 0}.nav-btn.next{right:0;border-radius:30px 0 0 30px}.high-loot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%}.loot-divider{display:flex;align-items:center;gap:1.5rem;width:100%}.loot-divider:before,.loot-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(74,222,128,.4),transparent)}.loot-divider span{font-family:Orbitron,sans-serif;font-size:11px;font-weight:900;letter-spacing:4px;color:var(--red);text-shadow:0 0 10px rgba(74,222,128,.3);white-space:nowrap}@media(max-width:1024px){.high-loot-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.high-loot-grid{grid-template-columns:1fr}}@keyframes immersion-fade{0%{opacity:0}to{opacity:1}}@media(max-width:1000px){.immersion-container{grid-template-columns:1fr;grid-template-rows:1fr auto;height:auto;max-height:95vh;overflow-y:auto}.immersion-sidebar{order:2;border-left:none;border-top:1px solid rgba(74,222,128,.15)}.immersion-main{height:350px}}.muted{color:var(--muted)}input{width:100%;background:#0f0f0f;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;outline:none}input:focus{border-color:var(--red);box-shadow:0 0 0 3px #4ade8026}input::placeholder{color:#8b8b8b}.shop-item{padding:20px}.shop-item h4{margin:0 0 10px}.shop-item p{margin:0 0 10px;color:#d9d9d9}.price{color:#8fd1ff;font-weight:700;margin-bottom:12px}.admin-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px}.admin-row button{white-space:nowrap}.hidden{display:none!important}.lang-switcher-wrap{display:flex;justify-content:center;margin-top:-1rem;margin-bottom:2rem}.lang-switcher{display:flex;background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);padding:4px;border-radius:100px;gap:4px}.lang-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.75rem;font-weight:800;padding:6px 16px;border-radius:100px;cursor:pointer;transition:all .3s ease;font-family:var(--font-heading);letter-spacing:1px}.lang-btn:hover{color:#fff;background:#ffffff0d}.lang-btn.active{background:var(--red);color:#fff;box-shadow:0 4px 15px #4ade804d}.footer-premium{background:linear-gradient(to bottom,#05050800,#050508f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.05);padding:5rem 0 2rem;margin-top:5rem;position:relative}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:4rem}.footer-simple{padding:40px 20px;background:var(--bg);border-top:1px solid rgba(255,255,255,.05);text-align:center}.footer-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.footer-logo{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:900;letter-spacing:4px;color:#fff}.footer-logo .accent{color:var(--red);text-shadow:0 0 15px var(--red)}.footer-links{display:flex;gap:32px;align-items:center;justify-content:center;flex-wrap:wrap}.footer-links a{color:var(--muted);font-weight:600;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;gap:8px}.footer-links a:hover{color:#fff;transform:translateY(-2px)}.brand-link svg{transition:all .3s ease;filter:grayscale(.2) opacity(.8)}.brand-link:hover svg{transform:scale(1.1);filter:grayscale(0) opacity(1)}.brand-link.facebook:hover svg{filter:drop-shadow(0 0 10px rgba(24,119,242,.6))}.brand-link.discord:hover svg{filter:drop-shadow(0 0 10px rgba(88,101,242,.6))}.footer-copyright{margin-top:16px;font-size:.85rem;color:#ffffff4d;letter-spacing:.5px}@media(max-width:600px){.footer-links{gap:20px}.footer-logo{font-size:2rem}}@media(max-width:992px){.main-h1{font-size:48px}.main-h2{font-size:28px}.hero-grid,.grid-2,.grid-3,.stats-grid,.guide-gallery,.admin-row{grid-template-columns:1fr}.navbar-custom .inner{flex-direction:column;align-items:flex-start}.nav-links{justify-content:flex-start}.action-row a,.action-row button{width:100%;text-align:center}}.sidebar{width:260px;min-width:260px;height:calc(100vh - 2rem);position:fixed;top:1rem;left:1rem;background:#080808b3;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.04);border-radius:24px;display:flex;flex-direction:column;z-index:100;box-shadow:0 10px 40px #0009,inset 0 1px #ffffff0d;transition:transform .4s cubic-bezier(.16,1,.3,1)}.sidebar-header{padding:2rem 1.5rem 1.5rem;position:relative}.sidebar-header:after{content:"";position:absolute;bottom:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,rgba(74,222,128,.3),transparent)}.sidebar-logo{font-family:var(--font-heading);font-size:1.6rem;font-weight:900;color:var(--text-primary);text-decoration:none;display:block;letter-spacing:2px}.sidebar-logo span{color:var(--red);text-shadow:0 0 15px rgba(74,222,128,.4)}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem .75rem;display:flex;flex-direction:column;gap:.2rem}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-section-label{font-family:var(--font-heading);font-size:.65rem;font-weight:700;color:var(--text-muted);letter-spacing:4px;padding:1.25rem 1rem .5rem;text-transform:uppercase}.sidebar-item{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:600;border-radius:12px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;margin-bottom:2px}.sidebar-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(74,222,128,.08),transparent);opacity:0;transition:opacity .3s ease}.sidebar-item:hover{color:var(--text-primary);background:#ffffff08;transform:translate(4px)}.sidebar-item:hover:before{opacity:1}.sidebar-item.active{color:var(--red);background:#4ade800f;border:1px solid rgba(74,222,128,.15);box-shadow:inset 0 0 20px #4ade800d}.sidebar-item.active:after{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:4px;height:16px;background:var(--red);border-radius:4px;box-shadow:0 0 10px #4ade8099}.sidebar-item svg{transition:transform .3s ease;z-index:1}.sidebar-item:hover svg{transform:scale(1.1);color:var(--red)}.sidebar-item span{z-index:1}.sidebar-footer{padding:1.5rem 1rem;position:relative;margin-top:auto}.sidebar-footer:before{content:"";position:absolute;top:0;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.85rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:visible;margin:0 .4rem}.sidebar-user:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 10px 30px #0006}.sidebar-avatar-wrapper{position:relative;flex-shrink:0}.sidebar-avatar{width:42px;height:42px;border-radius:50%;border:2px solid var(--red);object-fit:cover;display:block;box-shadow:0 0 12px var(--red-glow);transition:all .3s ease}.sidebar-user:hover .sidebar-avatar{box-shadow:0 0 20px var(--red-glow);transform:scale(1.05)}.provider-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-secondary);z-index:2;box-shadow:0 2px 5px #00000080}.provider-badge.steam{background:#1b2838;color:#fff}.provider-badge.discord{background:#5865f2;color:#fff}.sidebar-user-info{flex:1;display:flex;flex-direction:column;min-width:0;gap:.05rem}.sidebar-username{font-size:.8rem;font-weight:800;font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.sidebar-coins{font-family:var(--font-base);font-size:.85rem;font-weight:800;color:#fbbf24;letter-spacing:0;text-shadow:0 0 10px rgba(251,191,36,.4);display:flex;align-items:center;gap:3px;white-space:nowrap}.sidebar-logout{padding:.5rem;color:var(--text-muted);border-radius:50%;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logout:hover{color:#fff;background:var(--red);border-color:var(--red);box-shadow:0 0 15px var(--red-glow);transform:rotate(90deg) scale(1.1)}.sidebar-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1rem;background:#4ade800d;border:1px solid rgba(74,222,128,.3)!important;color:var(--red);font-size:.85rem;font-weight:700;border-radius:14px;cursor:pointer;transition:all .3s ease}.sidebar-login-btn:hover{background:#4ade8033;color:#fff;box-shadow:0 0 25px #4ade8059;border-color:var(--red)!important;transform:translateY(-2px)}.sidebar-mobile-toggle{display:none;position:fixed;top:1.5rem;left:1.5rem;z-index:300;padding:.6rem;background:#140a1ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)!important;color:var(--text-primary);border-radius:12px;cursor:pointer;transition:all .3s ease}.sidebar-mobile-toggle:hover{border-color:var(--red)!important;color:var(--red)}.sidebar-overlay{display:none}.page-with-sidebar{margin-left:290px;min-height:100vh;overflow-x:hidden;background:var(--bg-primary)}@media(max-width:1024px)and (min-width:769px){.sidebar{width:220px;min-width:220px}.page-with-sidebar{margin-left:250px}}@media(max-width:768px){.sidebar{width:280px;min-width:280px;transform:translate(calc(-100% - 2rem))}.sidebar.open{transform:translate(0)}.sidebar-mobile-toggle{display:flex}.sidebar-mobile-toggle.is-open{left:310px;background:#4ade801a;border-color:#4ade804d!important;color:var(--red)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:150}.page-with-sidebar{margin-left:0;padding-top:5rem}}.sidebar-section-separator{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.05),transparent);margin:1.5rem 1rem 1rem}.exit-item{color:var(--text-muted);border:1px solid transparent}.exit-item:hover{background:#4ade800d;color:var(--red);border-color:#4ade8033;box-shadow:0 0 20px #4ade800d}.support-chat-body{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.support-selection{padding:1rem;display:flex;flex-direction:column;gap:.6rem;animation:fadeIn .3s ease-out;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(74,222,128,.2) transparent}.category-buttons{display:flex;flex-direction:column;gap:.75rem}.cat-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cat-btn:hover{background:#4ade8014;border-color:#4ade8059;transform:translateY(-2px);box-shadow:0 4px 15px #4ade8026}.cat-btn:active{transform:translateY(0)}.cat-icon-wrap{width:40px;height:40px;border-radius:10px;background:#4ade8014;display:flex;align-items:center;justify-content:center;color:#4ade80;flex-shrink:0;transition:all .2s ease;position:relative}.status-dot-active{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:#4f4;border:2px solid #1a1a1a;border-radius:50%;box-shadow:0 0 8px #4f4}.cat-btn:hover .cat-icon-wrap{background:#4ade80;color:#fff;box-shadow:0 0 15px #4ade8066}.cat-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.cat-name{color:#fff;font-weight:600;font-size:.95rem}.cat-desc{color:#fff6;font-size:.75rem}.cat-unread-badge{position:absolute;right:1.25rem;background:#4ade80;color:#fff;font-size:.7rem;font-weight:800;min-width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #4ade8066;border:1px solid rgba(255,255,255,.2)}.ticket-active-view{display:flex;flex-direction:column;height:100%}.ticket-info-banner{background:#4ade800a;border-bottom:1px solid rgba(74,222,128,.15);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.ticket-meta{display:flex;flex-direction:column}.ticket-type{color:#4ade80;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}.ticket-id{color:#fff6;font-size:.65rem;font-family:monospace}.close-ticket-link{background:transparent;border:none;color:#ffffff4d;font-size:.7rem;cursor:pointer;padding:4px 8px;border-radius:4px;display:flex;align-items:center;transition:all .2s ease}.close-ticket-link:hover{color:#4ade80;background:#4ade801a}.ticket-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.25rem;scrollbar-width:thin;scrollbar-color:rgba(74,222,128,.25) transparent}.msg-bubble-wrap{display:flex;flex-direction:column;max-width:85%}.msg-bubble-wrap.admin{align-self:flex-start}.msg-bubble-wrap.user,.msg-bubble-wrap.me{align-self:flex-end}.msg-bubble-wrap.system{align-self:center;max-width:100%;opacity:.5;font-size:.75rem;text-align:center}.msg-sender-name{font-size:.7rem;font-weight:600;margin-bottom:3px;display:flex;align-items:center;gap:6px;color:#ffffff80}.msg-bubble-wrap.admin .msg-sender-name{color:#4ade80}.msg-bubble-wrap.user .msg-sender-name,.msg-bubble-wrap.me .msg-sender-name{color:#ffffff80;justify-content:flex-end}.admin-badge{background:#4ade8026;color:#4ade80;padding:1px 6px;border-radius:4px;font-size:.6rem;font-weight:800;letter-spacing:.5px;border:1px solid rgba(74,222,128,.25)}.msg-bubble{padding:.65rem .9rem;font-size:.88rem;line-height:1.45;color:#f0f0f0;word-break:break-word}.msg-bubble-wrap.admin .msg-bubble{background:#4ade800f;border:1px solid rgba(74,222,128,.2);border-radius:2px 12px 12px}.msg-bubble-wrap.user .msg-bubble,.msg-bubble-wrap.me .msg-bubble{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px 2px 12px 12px}.msg-time{font-size:.6rem;color:#ffffff40;margin-top:3px}.msg-bubble-wrap.user .msg-time,.msg-bubble-wrap.me .msg-time{text-align:right}.ticket-input-area{padding:.85rem 1rem;background:#00000059;border-top:1px solid rgba(255,255,255,.05);display:flex;gap:.6rem;align-items:center}.ticket-input{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.65rem 1rem;color:#fff;font-size:.88rem;outline:none;transition:all .2s ease}.ticket-input::placeholder{color:#ffffff40}.ticket-input:focus{border-color:#4ade8073;background:#4ade800a;box-shadow:0 0 10px #4ade801f}.ticket-send-btn{width:40px;height:40px;border-radius:8px;background:#4ade80;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.ticket-send-btn:hover:not(:disabled){background:#4ade80;transform:scale(1.05);box-shadow:0 0 15px #4ade8066}.ticket-send-btn:disabled{opacity:.4;cursor:not-allowed;background:#ffffff14}.ticket-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fff6;padding:2rem}.spin{animation:spin 1s linear infinite;color:#4ade80!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .2s ease-out}.lightbox-image{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 10px 40px #00000080;border:1px solid rgba(74,222,128,.2);object-fit:contain}.lightbox-close{position:absolute;top:20px;right:20px;background:#4ade8033;border:1px solid rgba(74,222,128,.4);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10000}.lightbox-close:hover{background:#4ade80;transform:scale(1.1)}@keyframes lc-fadeSlideIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lc-pulseCyber{0%,to{box-shadow:0 0 18px #4ade8059,inset 0 0 10px #4ade8026}50%{box-shadow:0 0 32px #4ade8099,inset 0 0 20px #4ade8040}}@keyframes lc-dotPulse{0%,to{opacity:.45;box-shadow:0 0 5px #4ade80}50%{opacity:1;box-shadow:0 0 12px #4ade80,0 0 4px #80ff9e}}@keyframes lc-scaleBounce{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes lc-glowPulseBox{0%,to{box-shadow:0 0 20px #4ade801a,0 8px 32px #000c}50%{box-shadow:0 0 35px #4ade8033,0 8px 32px #000c}}.lc-fab{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,#10b981,#4ade80);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:64px;height:64px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9999;transition:transform .2s cubic-bezier(.16,1,.3,1);animation:lc-pulseCyber 2.5s infinite}.lc-fab:hover{transform:scale(1.08)}.lc-fab:active{transform:scale(.95)}.lc-unread-badge{position:absolute;top:-2px;right:-2px;background:#4ade80;color:#fff;font-size:.75rem;font-weight:900;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:2px solid #050505;animation:lc-scaleBounce .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #4ade80}.lc-container{position:fixed;width:380px;background:#050303e6;border:1px solid rgba(74,222,128,.25);border-radius:16px;display:flex;flex-direction:column;z-index:9999;overflow:hidden;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);font-family:Inter,sans-serif;animation:lc-glowPulseBox 4s ease infinite}.lc-header{padding:0 1rem;background:linear-gradient(180deg,#4ade801f,#050303fa);border-bottom:1px solid rgba(74,222,128,.18);display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;height:56px;flex-shrink:0}.lc-header-left{display:flex;align-items:center;gap:.8rem}.lc-header-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#10b981,#4ade80);display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px #4ade8073;border:1px solid rgba(255,255,255,.15)}.lc-header-title{color:#fff;font-family:Orbitron,sans-serif;font-weight:800;font-size:.75rem;letter-spacing:2px;text-shadow:0 0 6px rgba(255,255,255,.4)}.lc-header-info{display:flex;flex-direction:column}.lc-status-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:lc-dotPulse 2s ease infinite}.lc-status-row{display:flex;align-items:center;gap:6px}.lc-status-label{color:#4ade80;font-size:.6rem;font-weight:600;letter-spacing:1px}.lc-header-controls{display:flex;gap:4px}.lc-ctrl-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;transition:all .2s}.lc-min-btn:hover{color:#4ade80;background:#4ade801a}.lc-close-btn:hover{color:#4ade80;background:#4ade8026}.lc-status-bar{padding:6px 1rem;background:#4ade800a;border-bottom:1px solid rgba(74,222,128,.1);display:flex;align-items:center;justify-content:space-between}.lc-channel-label{display:flex;align-items:center;gap:6px;font-size:.65rem;color:#4ade80;font-weight:600;letter-spacing:1px}.lc-encrypted-label{display:flex;align-items:center;gap:4px;font-size:.6rem;color:#4ade80;font-weight:700;letter-spacing:1px}.lc-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.8rem}.lc-msg-row{display:flex;gap:.75rem;align-items:flex-start;animation:lc-fadeSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}.lc-avatar{width:32px;height:32px;border-radius:10px;flex-shrink:0;object-fit:cover}.lc-avatar-placeholder{width:32px;height:32px;border-radius:10px;background:#0a0505cc;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}.lc-bubble-wrap{flex:1;min-width:0;display:flex;flex-direction:column}.lc-sender-row{display:flex;gap:8px;align-items:center;margin-bottom:4px}.lc-sender-name{font-weight:800;font-size:.7rem;letter-spacing:.5px}.lc-admin-badge{font-size:.55rem;background:#4ade801f;color:#4ade80;padding:2px 6px;border-radius:4px;margin-left:8px;border:1px solid rgba(74,222,128,.25);font-weight:700;letter-spacing:.5px}.lc-timestamp{color:#ffffff40;font-size:.55rem;font-weight:600;font-family:Orbitron,sans-serif}.lc-bubble{color:#f0f0f0;font-size:.85rem;line-height:1.5;word-break:break-word;padding:.55rem .8rem}.lc-input-area{padding:.75rem 1rem;background:#050303f2;border-top:1px solid rgba(74,222,128,.15);display:flex;gap:.6rem;align-items:center}.lc-input{flex:1;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.65rem 1rem;color:#f0f0f0;outline:none;font-family:Inter,sans-serif;font-size:.85rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 10px #0009}.lc-input::placeholder{color:#ffffff40;font-style:italic}.lc-input:focus{border-color:#4ade8073;background:#4ade800a;box-shadow:inset 0 0 10px #4ade8014}.lc-send-btn{border-radius:8px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0;cursor:pointer}.lc-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#4ade80)!important;transform:scale(1.05);box-shadow:0 0 15px #4ade8073}.lc-send-btn:active:not(:disabled){transform:scale(.95)}.lc-messages::-webkit-scrollbar{width:4px}.lc-messages::-webkit-scrollbar-track{background:transparent}.lc-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#10b981,#4ade80);border-radius:4px}.lc-messages::-webkit-scrollbar-thumb:hover{background:#4ade80}@media(max-width:640px){.lc-container{left:0!important;top:auto!important;bottom:0!important;width:100%!important;height:65vh!important;border-radius:16px 16px 0 0!important;max-height:65vh!important}.lc-container.lc-minimized{height:52px!important;bottom:0!important}.lc-fab{bottom:16px!important;right:16px!important;width:55px!important;height:55px!important}.lc-header{padding:0 .75rem!important;height:52px!important;cursor:default!important}.lc-input-area{padding:.5rem .6rem!important;padding-bottom:max(.5rem,env(safe-area-inset-bottom))!important}.lc-messages{padding:.5rem .6rem!important}}:root{--bg-primary: #050505;--bg-secondary: #080808;--bg-tertiary: #101010;--text-primary: #f5f5f5;--text-secondary: #d0d0d0;--text-muted: #b6b6b6;--red: #4ade80;--red-glow: rgba(74, 222, 128, .4);--red-deep: #10b981;--red-hover: #4ade80;--accent-purple: var(--red);--accent-magenta: var(--red-hover);--accent-violet: var(--red-deep);--accent-lavender: #80ff9e;--glass-surface: rgba(255, 255, 255, .03);--glass-surface-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .05);--glass-border-bright: rgba(255, 255, 255, .15);--glass-specular: inset 0 1px 0 rgba(255, 255, 255, .1);--font-base: "Inter", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Michroma", "Noto Sans Thai", sans-serif;--font-display: "Orbitron", "Noto Sans Thai", sans-serif;--font-thai: "Noto Sans Thai", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}::selection{background-color:var(--accent-magenta);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-magenta)}@keyframes dashFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes globalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin,.animate-spin{animation:globalSpin 1s linear infinite;display:inline-block;color:var(--red)!important;filter:drop-shadow(0 0 12px rgba(74,222,128,.5))!important}.admin-loading,.admin-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;gap:1.5rem;color:var(--text-secondary);text-align:center;background:var(--bg-primary);z-index:9999}.admin-global-bg{min-height:100vh;background:var(--bg-primary);background-image:radial-gradient(circle at 10% 20%,rgba(74,222,128,.03) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(74,222,128,.03) 0%,transparent 40%);background-attachment:fixed;color:var(--text-primary)}.admin-loading svg,.admin-loading-icon{color:var(--red)!important;filter:drop-shadow(0 0 15px rgba(74,222,128,.5))!important}.admin-loading p{font-size:1.1rem;font-weight:500;color:var(--text-secondary);opacity:.8;letter-spacing:.5px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.admin-panel{min-height:100vh;background:transparent;color:var(--text-primary)}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-text{height:12px;width:100%;margin-bottom:8px}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-rect{width:100%;height:100px;border-radius:12px}.main-h1,.main-h2{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:6px;color:#fff;text-shadow:0 0 30px rgba(74,222,128,.4)}.main-h1{font-size:5rem;line-height:1.1}.h1-sub{font-size:2.2rem;letter-spacing:12px;opacity:.95;background:linear-gradient(90deg,#fff,#ffffffb3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main-h2{font-size:2.2rem}.section-head{margin-bottom:3rem;text-align:center}.badge-top{display:inline-flex;align-items:center;gap:8px;background:#0a0a0a99;border:1px solid rgba(74,222,128,.3);color:var(--red);text-transform:uppercase;font-weight:800;letter-spacing:2px;padding:6px 14px;border-radius:100px;font-size:11px;box-shadow:0 0 15px #4ade801a}.glass-card{background:radial-gradient(circle at top left,#080808 0%,var(--bg-primary) 100%);backdrop-filter:blur(25px) saturate(140%);-webkit-backdrop-filter:blur(25px) saturate(140%);border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-bright);box-shadow:var(--glass-specular),0 20px 50px #00000080;border-radius:24px}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:700;letter-spacing:.5px;cursor:pointer;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-family:var(--font-base);text-transform:none}.admin-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.admin-btn-success{background:#22c55e14;border:1px solid rgba(74,222,128,.25);color:#4ade80}.admin-btn-success:not(:disabled):hover{background:#22c55e26;border-color:#4ade80;box-shadow:0 0 15px #4ade8040}.admin-btn-danger{background:#dc262614;border:1px solid rgba(248,113,113,.25);color:#f87171}.admin-btn-danger:not(:disabled):hover{background:#dc262626;border-color:#f87171;box-shadow:0 0 15px #f8717140}.admin-btn-secondary{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.admin-btn-secondary:not(:disabled):hover{background:#ffffff14;border-color:#ffffff4d;color:#fff}.admin-btn-outline,.admin-btn-refresh{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.admin-btn-outline:hover,.admin-btn-refresh:hover:not(:disabled){background:#ffffff0d;border-color:var(--text-muted);color:#fff}.admin-btn-ghost{background:transparent;border:none;color:var(--text-muted);padding-left:.5rem;padding-right:.5rem}.admin-btn-ghost:hover{color:#fff;background:#ffffff0d}.admin-btn-primary{background:#2563eb1a;border:1px solid rgba(96,165,250,.3);color:#60a5fa}.admin-btn-primary:hover:not(:disabled){background:#2563eb33;border-color:#60a5fa;box-shadow:0 0 15px #60a5fa33}