/* ==========================================================================
   [1] ส่วนป้องกันความปลอดภัย - บล็อกการลากคลุมและเลือกองค์ประกอบหน้าเว็บ
   ========================================================================== */
html, body, * {
    -webkit-user-select: none;  /* Chrome, Safari, Opera */
    -moz-user-select: none;     /* Firefox */
    -ms-user-select: none;      /* IE/Edge */
    user-select: none;          /* Standard */
    -webkit-touch-callout: none; /* ป้องกันกดค้างบนมือถือ */
    -webkit-tap-highlight-color: transparent; /* ป้องกันไฮไลต์ตอนคลิกบนมือถือ */
}

/* อนุญาตให้พิมพ์ข้อความในอินพุตต่างๆ ได้ตามปกติ เพื่อไม่ให้ช่องวันเกิดและรหัสผ่านพัง */
input, select, textarea {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/* ==========================================================================
   [2] สไตล์เดิมของระบบ (ห้ามเปลี่ยน)
   ========================================================================== */
:root{--ice:#84eeff;--ice2:#29c7ff;--deep:#04113d;--navy:#061842;--white:#f7fcff;--pink:#ff6bff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Kanit,system-ui,sans-serif;background:#06123a;color:var(--white);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 0%,rgba(74,206,255,.55),transparent 30%),radial-gradient(circle at 20% 65%,rgba(255,100,255,.25),transparent 28%),linear-gradient(180deg,#071442,#030817 75%);z-index:-3}.topbar{position:fixed;top:0;left:0;right:0;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:linear-gradient(180deg,rgba(6,18,64,.86),rgba(6,18,64,.32));backdrop-filter:blur(14px);border-bottom:1px solid rgba(151,225,255,.28);z-index:20;box-shadow:0 0 35px rgba(41,199,255,.18)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;filter:drop-shadow(0 0 10px #36d8ff)}.brand-mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff,#77e8ff 38%,#1c47b6 68%,#06133d);border:1px solid #adf4ff;box-shadow:0 0 25px #36d8ff}.brand b{font-family:"Marcellus SC",serif;font-size:22px;line-height:1}.brand small{display:block;letter-spacing:2.4px;font-size:8px;color:#baf6ff}.nav{display:flex;gap:3px}.nav a{color:#e9fbff;text-decoration:none;padding:17px 12px;border-radius:0 0 14px 14px;font-weight:600;font-size:14px}.nav a:hover{background:rgba(67,196,255,.16);box-shadow:inset 0 -3px 0 #7deeff,0 0 18px rgba(67,196,255,.35)}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;border:1px solid rgba(177,241,255,.7);border-radius:12px;padding:12px 22px;font-weight:800;letter-spacing:.2px;box-shadow:0 0 20px rgba(46,212,255,.25),inset 0 0 20px rgba(255,255,255,.08);transition:.25s}.btn:hover{transform:translateY(-3px);filter:brightness(1.15)}.ghost,.glass{background:rgba(12,45,118,.48)}.pink{background:linear-gradient(135deg,#57dfff,#1c73ff 55%,#91faff)}.blue{background:linear-gradient(135deg,#0e8fff,#31dbff)}.big{font-size:18px;padding:16px 28px;border-radius:18px}.top-actions{display:flex;gap:10px}.top-actions .btn{padding:9px 18px;border-radius:11px}.hero{position:relative;min-height:100vh;overflow:hidden;margin-top:58px;height:calc(100vw * 9 / 16);min-height:540px}.hero-video,.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 8%;z-index:-2;display:block}.hero-shade{display:none!important}.play-now{position:absolute;right:9%;top:34%;width:220px;height:220px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fff;background:radial-gradient(circle at 36% 25%,#fff 0,#baf7ff 18%,#1d9dff 43%,#0a2a86 72%,#04144a);border:3px solid rgba(218,250,255,.9);box-shadow:0 0 35px #31d9ff,0 0 80px rgba(141,91,255,.65),inset 0 0 30px #fff;animation:pulse 2.3s infinite}.play-now span,.play-now b{font-family:"Marcellus SC",serif;font-size:45px;line-height:.9;text-shadow:0 0 12px #001}.play-now small{margin-top:12px;background:#08255f;padding:9px 18px;border-radius:999px;border:1px solid #9eefff}.side-menu{position:absolute;top:22%;display:grid;gap:13px;z-index:3}.side-menu.left{left:26px}.side-menu.right{right:26px}.side-menu a{width:82px;height:82px;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;text-decoration:none;font-size:13px;font-weight:700;background:linear-gradient(180deg,rgba(31,61,155,.78),rgba(10,24,76,.62));border:1px solid rgba(184,242,255,.54);box-shadow:0 0 18px rgba(42,218,255,.35),inset 0 0 20px rgba(255,255,255,.12);backdrop-filter:blur(12px)}.side-menu span{font-size:26px}.quick-banner{width:min(1500px,95%);margin:-85px auto 70px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;z-index:10}.banner-card{display:block;border-radius:30px;overflow:hidden;text-decoration:none;transition:.35s;box-shadow:0 15px 40px rgba(0,0,0,.45),0 0 22px rgba(41,199,255,.28)}.banner-card img{width:100%;display:block}.banner-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 25px 55px rgba(0,0,0,.55),0 0 44px rgba(41,199,255,.5)}.content-grid{width:min(1320px,92%);margin:0 auto 70px;display:grid;grid-template-columns:1fr 380px;gap:28px}.panel,.info-section{border:1px solid rgba(143,230,255,.42);border-radius:34px;background:linear-gradient(180deg,rgba(14,40,102,.78),rgba(5,14,46,.82));box-shadow:0 0 45px rgba(39,201,255,.18),inset 0 0 35px rgba(255,255,255,.06);backdrop-filter:blur(14px)}.section-title{display:flex;align-items:center;justify-content:center;gap:18px;text-align:center}.section-title h2{font-size:33px;margin:28px 0 20px}.section-title span{color:#baf8ff;font-size:28px;text-shadow:0 0 16px #42dbff}.news{padding:0 26px 30px}.news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-list article{display:flex;gap:15px;padding:14px;border-radius:22px;background:rgba(6,22,74,.62);border:1px solid rgba(159,232,255,.22)}.thumb{min-width:90px;height:90px;border-radius:17px;border:1px solid rgba(255,255,255,.55);box-shadow:0 0 18px rgba(76,217,255,.24);background-size:cover;background-position:center}.anime1{background:radial-gradient(circle,#fff,#6ddfff 25%,#6b52ff 55%,#15194f)}.anime2{background:radial-gradient(circle,#ffd5ff,#ff76db 25%,#5348ff 60%,#14184a)}.anime3{background:radial-gradient(circle,#fff6b4,#ff9c45 30%,#854dff 63%,#14184a)}.server{padding:22px}.server-frame{text-align:center;padding:20px;border-radius:28px;background:radial-gradient(circle at 50% 0,rgba(74,219,255,.22),rgba(4,14,54,.82));border:1px solid rgba(195,246,255,.52)}.online{margin:16px auto 22px;padding:14px;border-radius:14px;background:rgba(0,35,87,.78);color:#7cffc5;font-size:25px;font-weight:900;box-shadow:inset 0 0 20px rgba(51,255,186,.15)}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}dt{color:#afdcff;font-size:13px}dd{margin:2px 0 0;font-size:19px;font-weight:800}.info-section{width:min(1320px,92%);margin:0 auto 70px;padding:0 28px 34px}.info-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.info-cards div{padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(80,189,255,.18),rgba(126,84,255,.12));border:1px solid rgba(178,240,255,.25)}footer{text-align:center;padding:40px 20px 55px;color:#b9dfff}.footer-brand{justify-content:center;margin-bottom:14px}.snowflake{position:fixed;top:-20px;z-index:50;color:#fff;pointer-events:none;text-shadow:0 0 12px #bdf7ff;animation:fall linear forwards}.sparkle-layer,.sparkle-layer:before,.sparkle-layer:after{display:none!important;content:none!important;background:none!important}@keyframes fall{to{transform:translateY(110vh) rotate(360deg);opacity:.2}}@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 0 50px #31d9ff,0 0 110px rgba(255,255,255,.8),inset 0 0 35px #fff}}
body.ice-page{min-height:100vh;background:#020b2b;overflow-x:hidden}.ice-bg-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-3}.ice-overlay{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 70% 45%,rgba(68,213,255,.24),transparent 28%),radial-gradient(circle at 18% 20%,rgba(255,255,255,.18),transparent 21%),linear-gradient(90deg,rgba(1,10,40,.72),rgba(4,26,75,.35) 50%,rgba(1,9,35,.72));backdrop-filter:blur(1px)}.ice-auth-wrap{min-height:100vh;padding:34px 18px;display:flex;align-items:center;justify-content:center}.ice-auth-card{width:min(760px,96vw);padding:34px 38px;border-radius:34px;background:linear-gradient(145deg,rgba(4,25,75,.78),rgba(8,77,140,.42));border:1px solid rgba(205,249,255,.75);box-shadow:0 0 42px rgba(48,217,255,.55),0 0 110px rgba(69,156,255,.22),inset 0 0 48px rgba(255,255,255,.13);backdrop-filter:blur(16px);position:relative;overflow:hidden}.ice-auth-card:before{content:"";position:absolute;inset:0;border-radius:34px;padding:2px;background:linear-gradient(135deg,#fff,#7eeaff,#1a8fff,#fff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.ice-auth-card:after{content:"";position:absolute;right:-80px;bottom:-70px;width:260px;height:260px;background:radial-gradient(circle,#fff 0,#abf8ff 18%,rgba(54,184,255,.35) 42%,transparent 70%);filter:blur(8px);opacity:.45;pointer-events:none}.ice-wide{width:min(900px,96vw)}.ice-title{display:flex;align-items:center;justify-content:center;gap:14px;text-align:center}.ice-title span{font-size:31px;color:#dffcff;text-shadow:0 0 18px #63e8ff}.ice-title h1{font-family:"Marcellus SC",Kanit,serif;font-size:54px;margin:0;color:transparent;background:linear-gradient(#fff,#d9fcff 35%,#6ee9ff 66%,#fff);-webkit-background-clip:text;filter:drop-shadow(0 0 14px #32d6ff)}.ice-subtitle{text-align:center;margin:4px 0 26px;color:#dcfbff;font-weight:600;text-shadow:0 0 12px rgba(0,31,80,.9)}.ice-form label{display:block;color:#ecfdff;font-weight:800;margin:13px 0 7px;text-shadow:0 0 8px rgba(38,210,255,.35)}.ice-form label b{color:#8df3ff}.ice-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ice-form input,.ice-form select{width:100%;height:52px;border-radius:17px;border:1px solid rgba(183,246,255,.55);background:linear-gradient(180deg,rgba(2,23,72,.78),rgba(6,57,111,.54));color:#fff;padding:0 17px;font:inherit;font-weight:700;outline:none;box-shadow:inset 0 0 22px rgba(138,236,255,.08),0 0 12px rgba(31,203,255,.14)}.ice-form input::placeholder{color:rgba(226,251,255,.62)}.ice-form input:focus,.ice-form select:focus{border-color:#fff;box-shadow:0 0 22px rgba(105,238,255,.6),inset 0 0 18px rgba(255,255,255,.12)}.ice-captcha{display:grid;grid-template-columns:160px 1fr;gap:12px}.ice-captcha div{height:52px;border-radius:16px;background:linear-gradient(135deg,#fff,#c9fbff 55%,#85eaff);color:#05164b;display:grid;place-items:center;font-weight:900;font-size:18px;box-shadow:0 0 20px rgba(137,241,255,.45)}.ice-rules{margin:18px 0;padding:18px 22px;border-radius:22px;border:1px solid rgba(188,247,255,.48);background:linear-gradient(145deg,rgba(1,15,57,.62),rgba(15,98,160,.34));box-shadow:inset 0 0 24px rgba(255,255,255,.08)}.ice-rules strong{color:#fff}.ice-rules li{margin:4px 0;color:#e2fbff}.ice-check{display:flex!important;gap:12px;align-items:center}.ice-check input{width:22px!important;height:22px!important;accent-color:#34dfff}.ice-submit{width:100%;height:58px;margin-top:15px;border:0;border-radius:18px;color:#fff;font:inherit;font-weight:900;font-size:19px;cursor:pointer;background:linear-gradient(135deg,#bffcff 0,#32dfff 28%,#1674ff 64%,#67f0ff 100%);box-shadow:0 0 28px rgba(53,218,255,.7),inset 0 0 22px rgba(255,255,255,.33);text-shadow:0 2px 8px rgba(0,24,70,.9);transition:.22s}.ice-submit:hover{transform:translateY(-3px);filter:brightness(1.12)}.ice-cancel{display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin-top:12px;border-radius:16px;text-decoration:none;color:#eaffff;font-weight:900;background:rgba(5,23,65,.58);border:1px solid rgba(185,244,255,.45);box-shadow:inset 0 0 20px rgba(255,255,255,.07)}.ice-alert{padding:13px 16px;border-radius:16px;border:1px solid #ffb2ef;background:rgba(255,70,190,.16);text-align:center}.ice-h2{text-align:center;color:#dffcff;text-shadow:0 0 12px #32d6ff}.nova-table{width:100%;border-collapse:collapse;margin:18px 0;background:rgba(0,10,38,.35);border-radius:18px;overflow:hidden}.nova-table th,.nova-table td{padding:12px;border-bottom:1px solid rgba(177,241,255,.25);text-align:left}.nova-table th{color:#aef4ff}.ice-download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}.ice-download-btn{min-height:105px;display:grid;place-items:center;text-align:center;border-radius:24px;text-decoration:none;color:#fff;font-weight:900;font-size:22px;background:radial-gradient(circle at 50% 0,#fff,rgba(126,238,255,.75) 16%,rgba(20,121,255,.72) 52%,rgba(5,25,80,.82));border:1px solid rgba(217,251,255,.8);box-shadow:0 0 30px rgba(59,220,255,.55),inset 0 0 28px rgba(255,255,255,.18);text-shadow:0 2px 10px #001}.ice-download-btn:hover{transform:translateY(-5px);filter:brightness(1.15)}
@media(max-width:1100px){.nav{display:none}.topbar{padding:0 20px}.quick-banner{grid-template-columns:repeat(2,1fr);margin-top:-35px}.content-grid,.info-cards{grid-template-columns:1fr 1fr}.side-menu{display:none}.news-list{grid-template-columns:1fr}.play-now{position:relative;right:auto;top:auto;margin:35px 0 0 35px;width:170px;height:170px}}@media(max-width:720px){.topbar{height:54px;padding:0 14px}.brand b{font-size:19px}.brand-mark{width:32px;height:32px}.top-actions{display:none}.hero{margin-top:54px;height:calc(100vw * 16 / 9);min-height:610px}.quick-banner,.content-grid,.info-cards{grid-template-columns:1fr}.ice-auth-wrap{padding:18px 10px}.ice-auth-card{padding:25px 20px;border-radius:26px}.ice-title h1{font-size:39px}.ice-row,.ice-captcha,.ice-download-grid{grid-template-columns:1fr}.ice-captcha div{width:100%}}

.side-menu a {
  display: flex;
  align-items: center;
  gap: 10px; /* ระยะห่างระหว่างไอคอนกับข้อความ */
  text-decoration: none;
  padding: 10px;
}

.side-menu a i {
  font-size: 20px; /* ปรับขนาดไอคอน */
  width: 25px;    /* กำหนดความกว้างให้ไอคอนเรียงกันตรง */
  text-align: center;
}