
:root{--qa-bg:#eef4fb;--qa-sf:#ffffff;--qa-ink:#0e1a2b;--qa-mut:#46546b;--qa-p:#7b2cbf;--qa-p2:#5a1d94;--qa-p3:#f0e6fa;--qa-m:#06d6a0;--qa-m2:#c9f6e9;--qa-line:#d6e0ee;--qa-fd:"Dela Gothic One","Bai Jamjuree",sans-serif;--qa-fh:"Mali","Bai Jamjuree",sans-serif;--qa-fb:"Bai Jamjuree","Noto Sans Thai",sans-serif;--qa-bar:68px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.qa-body{margin:0;background:var(--qa-bg);color:var(--qa-ink);font:400 17px/1.8 var(--qa-fb);overflow-wrap:anywhere}
img{max-width:100%;height:auto;display:block}
a{color:var(--qa-p2);text-underline-offset:3px}
a:hover{color:var(--qa-p)}
h1,h2{margin:0;line-height:1.35;font-family:var(--qa-fh);font-weight:700}
h3{margin:0;font:700 19px/1.4 var(--qa-fb)}
p{margin:0 0 1em}
.qa-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 22px}
.qa-narrow{max-width:880px}
.qa-skip{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;background:var(--qa-m);color:var(--qa-ink);z-index:99}
.qa-skip:focus{width:auto;height:auto;clip:auto;padding:8px 14px}
.qa-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--qa-line)}
.qa-head-in{display:flex;align-items:center;gap:22px;min-height:72px}
.qa-logo{flex:none;display:flex;text-decoration:none}
.qa-logo-svg{display:block}
.qa-nav{display:flex;gap:2px;flex:1;margin-left:6px}
.qa-nav-a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:600;font-size:16px;color:var(--qa-ink);text-decoration:none;padding:9px 14px;border-radius:999px}
.qa-nav-a:hover,.qa-dd:hover>.qa-nav-a,.qa-dd:focus-within>.qa-nav-a{background:var(--qa-p3);color:var(--qa-p2)}
.qa-on>.qa-nav-a,.qa-nav-a.qa-on{background:var(--qa-p3);color:var(--qa-p2)}
.qa-caret{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.qa-dd{position:relative}
.qa-dd-p{display:none;position:absolute;left:0;top:100%;min-width:220px;background:#fff;border:1px solid var(--qa-line);border-radius:18px;padding:8px;box-shadow:0 14px 30px rgba(90,29,148,.16)}
.qa-dd:hover .qa-dd-p,.qa-dd:focus-within .qa-dd-p{display:grid}
.qa-dd-p a{display:block;white-space:nowrap;padding:10px 14px;border-radius:12px;color:var(--qa-ink);text-decoration:none;font-size:15px}
.qa-dd-p a:hover{background:var(--qa-m2)}
.qa-head-act{display:flex;align-items:center;gap:10px;margin-left:auto}
.qa-btn{display:inline-flex;align-items:center;justify-content:center;font:700 16px/1.2 var(--qa-fb);text-decoration:none;border-radius:999px;padding:12px 24px;min-height:46px;white-space:nowrap;border:2px solid transparent;cursor:pointer}
.qa-btn-main{background:var(--qa-p);color:#fff;box-shadow:0 8px 18px rgba(123,44,191,.28)}
.qa-btn-main:hover{background:var(--qa-p2);color:#fff}
.qa-btn-mint{background:var(--qa-m);color:var(--qa-ink)}
.qa-btn-mint:hover{background:#27e8b5;color:var(--qa-ink)}
.qa-btn-ghost{background:#fff;color:var(--qa-p2);border-color:var(--qa-p)}
.qa-btn-ghost:hover{background:var(--qa-p);color:#fff}
.qa-btn-lg{font-size:18px;padding:15px 30px;min-height:54px}
.qa-only-mb{display:none}
.qa-burger{display:none;width:46px;height:46px;border-radius:50%;border:2px solid var(--qa-p);background:#fff;padding:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.qa-burger span{display:block;width:20px;height:2.5px;background:var(--qa-p2);border-radius:2px}
.qa-sheet{display:none;background:#fff;border-top:1px solid var(--qa-line);padding:10px 22px calc(var(--qa-bar) + 26px);max-height:calc(100vh - 110px);overflow:auto}
.qa-sheet.qa-open{display:grid}
.qa-sheet a{padding:12px 6px;color:var(--qa-ink);text-decoration:none;border-bottom:1px solid var(--qa-line)}
.qa-dr-top{font-weight:700}
.qa-dr-sub{padding-left:24px!important;color:var(--qa-mut)!important;font-size:15px}
.qa-trail{background:linear-gradient(90deg,var(--qa-p3),var(--qa-m2));font-size:14px}
.qa-trail ol{list-style:none;margin:0 auto;padding-top:8px;padding-bottom:8px;display:flex;flex-wrap:wrap;gap:4px 6px}
.qa-trail li+li::before{content:"\203A";margin-right:6px;color:var(--qa-p)}
.qa-trail a{display:inline-block;padding:6px 0;color:var(--qa-p2)}
.qa-tag{display:inline-block;background:var(--qa-m2);color:#064e3b;font-weight:700;font-size:14px;padding:2px 14px;border-radius:999px;margin-bottom:12px}
.qa-hero{padding:46px 0 34px;background:radial-gradient(900px 380px at 85% 0,#e1d0f5,transparent 70%),var(--qa-bg)}
.qa-hero-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center}
.qa-hero h1{font-size:clamp(28px,3.5vw,44px);margin-bottom:16px}
.qa-hero-p{font-size:19px;color:var(--qa-mut);max-width:50ch}
.qa-hero-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:24px}
.qa-hero-n{font-size:15px;color:var(--qa-mut);max-width:38ch;line-height:1.5}
.qa-machine{background:linear-gradient(160deg,var(--qa-p),var(--qa-p2));border-radius:34px;padding:16px 16px 12px;box-shadow:0 26px 50px rgba(90,29,148,.3);max-width:480px;justify-self:end;width:100%}
.qa-m-top{display:flex;justify-content:center;gap:10px;padding:4px 0 12px}
.qa-m-top i{width:12px;height:12px;border-radius:50%;background:var(--qa-m)}
.qa-m-win{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:#1a0a30;border-radius:22px;padding:10px;height:380px;overflow:hidden}
.qa-reel{display:grid;gap:10px;align-content:start}
.qa-reel-1{margin-top:-30px}
.qa-reel-2{margin-top:14px}
.qa-reel-3{margin-top:-14px}
.qa-cell{display:block;border-radius:14px;overflow:hidden;aspect-ratio:3/4;background:#2a1050}
.qa-cell img{width:100%;height:100%;object-fit:cover}
.qa-m-base{text-align:center;color:#e9dcfa;font-size:13px;padding:10px 0 2px}
.qa-band{padding:50px 0}
.qa-band-tint{background:#e4ecf8;border-top:1px solid var(--qa-line);border-bottom:1px solid var(--qa-line)}
.qa-bh{margin-bottom:26px}
.qa-bh h2{font-size:clamp(24px,2.8vw,34px)}
.qa-bh-p{color:var(--qa-mut);max-width:68ch;margin:10px 0 0}
.qa-tabs{position:relative}
.qa-tab-r{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.qa-tab-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.qa-tab-l{cursor:pointer;background:#fff;border:2px solid var(--qa-line);border-radius:999px;padding:9px 22px;font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.qa-tab-l:hover{border-color:var(--qa-p)}
.qa-panels .qa-panel{display:none}
#qa-tab-pg:checked ~ .qa-panels .qa-pn-pg,
#qa-tab-fc:checked ~ .qa-panels .qa-pn-fc,
#qa-tab-jili:checked ~ .qa-panels .qa-pn-jili,
#qa-tab-wazdan:checked ~ .qa-panels .qa-pn-wazdan,
#qa-tab-slotxo:checked ~ .qa-panels .qa-pn-slotxo,
#qa-tab-ygg:checked ~ .qa-panels .qa-pn-ygg{display:block}
#qa-tab-pg:checked ~ .qa-tab-bar .qa-tl-pg,
#qa-tab-fc:checked ~ .qa-tab-bar .qa-tl-fc,
#qa-tab-jili:checked ~ .qa-tab-bar .qa-tl-jili,
#qa-tab-wazdan:checked ~ .qa-tab-bar .qa-tl-wazdan,
#qa-tab-slotxo:checked ~ .qa-tab-bar .qa-tl-slotxo,
#qa-tab-ygg:checked ~ .qa-tab-bar .qa-tl-ygg{background:var(--qa-p);color:#fff;border-color:var(--qa-p)}
#qa-tab-pg:focus-visible ~ .qa-tab-bar .qa-tl-pg,#qa-tab-fc:focus-visible ~ .qa-tab-bar .qa-tl-fc{outline:3px solid var(--qa-m)}
.qa-pn-d{color:var(--qa-mut);margin-bottom:16px;max-width:70ch}
.qa-gcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px}
.qa-gc{margin:0;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 10px 24px rgba(14,26,43,.12)}
.qa-gc img{width:100%;aspect-ratio:3/4;object-fit:cover}
.qa-lims{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.qa-lim{background:#fff;border-radius:26px;padding:26px;box-shadow:0 10px 24px rgba(14,26,43,.08);position:relative}
.qa-lim-n{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--qa-m);color:var(--qa-ink);font:400 20px/1 var(--qa-fd);margin-bottom:12px}
.qa-lim p{margin:8px 0 0;color:var(--qa-mut);font-size:16px}
.qa-prose{background:#fff;border-radius:30px;padding:36px 40px;box-shadow:0 12px 30px rgba(14,26,43,.08);min-width:0}
.qa-prose h2{font-size:clamp(22px,2.4vw,28px);margin:1.6em 0 .6em;color:var(--qa-p2)}
.qa-prose h2:first-child{margin-top:0}
.qa-prose h3{margin:1.2em 0 .4em;font-size:19px}
.qa-prose ul,.qa-prose ol{padding-left:1.4em;margin:0 0 1.1em}
.qa-prose li{margin-bottom:.4em}
.qa-prose table{width:100%;border-collapse:collapse;margin:0 0 1.2em}
.qa-prose th,.qa-prose td{border:1px solid var(--qa-line);padding:10px 12px;text-align:left}
.qa-prose th{background:var(--qa-p3)}
.qa-lead2{font-size:19px;color:var(--qa-mut);margin-bottom:1.2em;padding-bottom:1em;border-bottom:2px dotted var(--qa-line)}
.qa-mid{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:var(--qa-p3);border-radius:22px;padding:18px 24px;margin:1.6em 0}
.qa-mid p{margin:0;font-weight:600}
.qa-fqs{display:grid;gap:12px;max-width:900px}
.qa-faqwrap{display:block}
.qa-fq{background:#fff;border-radius:20px;border:2px solid transparent;box-shadow:0 6px 16px rgba(14,26,43,.07)}
.qa-fq[open]{border-color:var(--qa-p)}
.qa-fq summary{cursor:pointer;font-weight:700;padding:16px 56px 16px 22px;list-style:none;position:relative}
.qa-fq summary::-webkit-details-marker{display:none}
.qa-fq summary::after{content:"";position:absolute;right:22px;top:50%;width:10px;height:10px;border-right:3px solid var(--qa-p);border-bottom:3px solid var(--qa-p);transform:translateY(-70%) rotate(45deg)}
.qa-fq[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.qa-fq p{padding:0 22px 6px;margin:0 0 12px;color:var(--qa-mut)}
.qa-lvs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:22px}
.qa-lv{margin:0;border-radius:20px;overflow:hidden}
.qa-lv img{width:100%;aspect-ratio:3/4;object-fit:cover}
.qa-tiles{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.qa-tiles li{border-radius:18px;overflow:hidden;aspect-ratio:1/1;background:#111}
.qa-tiles img{width:100%;height:100%;object-fit:cover}
.qa-games-act{margin:0}
.qa-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(120deg,var(--qa-p),var(--qa-p2));color:#fff;border-radius:34px;padding:36px 42px}
.qa-cta-t{min-width:0;flex:1 1 320px}
.qa-hero-t{min-width:0}
.qa-cta h2{font-size:clamp(22px,2.6vw,30px);margin-bottom:6px;color:#fff}
.qa-cta p{margin:0;max-width:56ch;color:#efe3fb}
.qa-phead{background:linear-gradient(180deg,#e3d4f6,var(--qa-bg));padding:36px 0 22px}
.qa-phead h1{font-size:clamp(26px,3.2vw,40px);max-width:24em;margin-bottom:14px}
.qa-pl{max-width:68ch;font-size:18px;color:var(--qa-mut)}
.qa-pl p:last-child{margin-bottom:0}
.qa-pm{display:flex;gap:16px;margin:14px 0 0;font-size:14px;color:var(--qa-mut)}
.qa-notice{display:inline-block;margin:16px 0 0;background:#fff;border:2px solid var(--qa-m);border-radius:999px;padding:6px 20px;font-size:15px}
.qa-notice b{color:var(--qa-p2);margin-right:6px}
.qa-strip{padding:26px 0 0}
.qa-snap{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.qa-sn{flex:none;width:150px;margin:0;border-radius:18px;overflow:hidden;scroll-snap-align:start}
.qa-sn img{width:100%;aspect-ratio:3/4;object-fit:cover}
.qa-kg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}
.qa-kid{position:relative;display:flex;gap:18px;background:#fff;border-radius:26px;padding:16px;text-decoration:none;color:var(--qa-ink);box-shadow:0 10px 24px rgba(14,26,43,.1);min-width:0}
.qa-kid:hover{box-shadow:0 14px 30px rgba(123,44,191,.25)}
.qa-kid-i{flex:none;width:100px;border-radius:18px;overflow:hidden}
.qa-kid-i img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover}
.qa-kid-b{display:grid;align-content:center;gap:4px;min-width:0}
.qa-kid-a{font:700 20px/1.35 var(--qa-fb);color:var(--qa-p2);text-decoration:none}
.qa-kid-a::after{content:"";position:absolute;inset:0;border-radius:26px}
.qa-kid-b p{margin:0;font-size:15px;color:var(--qa-mut);line-height:1.55}
.qa-foot{background:#1a0a30;color:#e2d6f3;padding:46px 0 32px;margin-top:20px}
.qa-foot a{color:#e2d6f3;text-decoration:none}
.qa-foot a:hover{color:var(--qa-m);text-decoration:underline}
.qa-fg{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
.qa-fb p{font-size:15px;margin:12px 0 0;max-width:40ch}
.qa-fc{display:grid;align-content:start;gap:2px}
.qa-fc a{padding:5px 0;font-size:15px}
.qa-ft{font:700 17px/1.3 var(--qa-fb);color:var(--qa-m);margin-bottom:6px}
.qa-fstud{display:flex;flex-wrap:wrap;gap:8px}
.qa-fstud span{border:1px solid #4d2b7a;border-radius:999px;padding:2px 12px;font-size:14px}
.qa-fage{margin:28px 0 0;padding-top:18px;border-top:1px solid #3a1f5e;font-size:14px;color:#c9b8e2}
.qa-fage b{background:var(--qa-m);color:var(--qa-ink);padding:0 8px;border-radius:999px;margin-right:6px}
.qa-bnav{display:none}
@media (max-width:1020px){
 .qa-nav{display:none}.qa-burger{display:flex}.qa-only-pc{display:none}.qa-only-mb{display:inline-flex;padding:10px 18px}
 .qa-hero-g{grid-template-columns:minmax(0,1fr)}.qa-machine{justify-self:center}
 .qa-lvs{grid-template-columns:repeat(4,minmax(0,1fr))}.qa-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}
 .qa-fg{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:720px){
 body.qa-body{font-size:16px;line-height:1.75;padding-bottom:calc(var(--qa-bar) + env(safe-area-inset-bottom,0px))}
 .qa-wrap{padding:0 16px}.qa-band{padding:36px 0}.qa-hero{padding:28px 0 24px}
 .qa-head-in{gap:10px;min-height:64px}
 .qa-m-win{height:290px;border-radius:18px}.qa-machine{border-radius:26px}
 .qa-lims{grid-template-columns:minmax(0,1fr)}
 .qa-gcs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qa-lvs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qa-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .qa-prose{padding:22px 18px;border-radius:24px}
 .qa-cta{padding:26px 22px;border-radius:26px}.qa-cta .qa-btn,.qa-mid .qa-btn{width:100%}
 .qa-fg{grid-template-columns:minmax(0,1fr)}
 .qa-kid-i{width:78px}
 .qa-tab-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.qa-tab-l{flex:none}
 .qa-bnav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:10px;right:10px;bottom:8px;z-index:60;height:calc(var(--qa-bar) - 8px);background:#fff;border:1px solid var(--qa-line);border-radius:999px;box-shadow:0 10px 26px rgba(90,29,148,.22);padding:0 8px}
 .qa-bn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:var(--qa-mut);text-decoration:none;font-size:12px;font-weight:600}
 .qa-bn-ic{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:2px solid transparent}
 .qa-bn.qa-on{color:var(--qa-p2)}.qa-bn.qa-on .qa-bn-ic{border-color:var(--qa-p);background:var(--qa-p3)}
 .qa-bn-t{line-height:1}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
