@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');
:root{--bg:#090a0e;--surface:#15171e;--accent:#e8b85a;--accent2:#f7dfae;--text:#faf6ef;--muted:#a4a6b0;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Kanit,system-ui,sans-serif;font-weight:300;line-height:1.65}body::before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 0%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 48%)}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1180px;width:calc(100% - 44px);margin:auto}.top{border-bottom:1px solid #ffffff16;position:sticky;top:0;z-index:30;background:#090a0ee9;backdrop-filter:blur(18px)}.top-inner{display:flex;align-items:center;justify-content:space-between;min-height:77px;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;letter-spacing:2px}.brand img{height:46px;width:46px;object-fit:contain}.brand span{color:var(--accent)}nav{display:flex;align-items:center;gap:26px}nav a{font-size:15px;color:#d7d5d5}nav a:hover,.footer a:hover{color:var(--accent)}.nav-toggle{display:none;background:transparent;border:1px solid #ffffff35;border-radius:10px;padding:7px 12px;color:white}.notice{background:#c89e4b14;color:var(--accent2);border-bottom:1px solid #c89e4b33;font-size:13px;text-align:center;padding:8px}.hero{position:relative;min-height:570px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #ffffff12}.hero-image,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090a0ef7 3%,#090a0ee8 42%,#090a0e30 100%);z-index:1}.hero .wrap{z-index:2;position:relative}.hero-copy{max-width:690px;padding:95px 0}.eyebrow{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:2px}.hero h1{font-weight:700;line-height:1.18;font-size:clamp(36px,5.6vw,72px);margin:18px 0 22px}.gold{background:linear-gradient(115deg,#fff0c6,var(--accent),#ffe7a7);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:#d7d6da;font-size:18px;max-width:590px}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-block;background:var(--accent);color:#14100a;font-weight:600;padding:11px 24px;border:1px solid var(--accent);border-radius:10px;transition:.18s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--text);border-color:#ffffff42}.section{padding:82px 0}.sec-head{margin-bottom:30px}.sec-head h2{font-size:clamp(26px,3vw,40px);line-height:1.3;margin:0 0 10px}.sec-head p{margin:0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{overflow:hidden;background:var(--surface);border:1px solid #ffffff13;border-radius:var(--radius);transition:.2s}.card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.card img{width:100%;height:190px;display:block;object-fit:cover}.card-body{padding:23px}.card h3{font-size:21px;margin:0 0 9px}.card p{margin:0 0 12px;color:var(--muted);font-size:15px}.more{font-weight:500;color:var(--accent)}.banner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:var(--surface);border:1px solid #ffffff18;border-radius:26px;overflow:hidden}.banner-text{padding:45px}.banner h2{font-size:36px;line-height:1.25;margin:0 0 18px}.banner p{color:var(--muted)}.banner img{width:100%;height:370px;object-fit:cover}.contactbox{border-top:1px solid #ffffff1c;padding-top:40px}.contact-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.contact-links a{background:var(--surface);border:1px solid #ffffff22;padding:9px 20px;border-radius:10px}.footer{border-top:1px solid #ffffff1a;padding:32px 0 45px;color:var(--muted);font-size:13px}.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:20px}.page-title{padding:74px 0 20px}.page-title h1{font-size:clamp(32px,5vw,55px);margin:0 0 10px}.page-title p{color:var(--muted)}.body-box{background:var(--surface);border:1px solid #ffffff19;border-radius:var(--radius);padding:30px;margin:30px 0 80px}.article-cover{width:100%;max-height:440px;object-fit:cover;border-radius:14px}.article-text{white-space:pre-line;color:#dfdfe3;font-size:17px}.muted{color:var(--muted)}.article-meta{color:var(--accent);font-size:13px}.loading{padding:90px 20px;text-align:center;color:var(--muted)}.error{color:#ffc2bc}.empty{color:var(--muted);padding:30px;text-align:center}.back{color:var(--accent)}
@media(max-width:760px){.top-inner{min-height:67px}.brand{font-size:19px}.brand img{width:37px;height:37px}.nav-toggle{display:block}nav{display:none;position:absolute;top:66px;left:0;right:0;background:#14141b;flex-direction:column;align-items:stretch;padding:20px 25px;gap:0;border-bottom:1px solid #ffffff22}nav.open{display:flex}nav a{padding:10px}.hero{min-height:520px}.hero::before{background:linear-gradient(90deg,#090a0ef0,#090a0e83)}.hero-copy{padding:70px 0}.lead{font-size:16px}.cards{grid-template-columns:1fr}.card img{height:210px}.section{padding:54px 0}.banner{grid-template-columns:1fr}.banner-text{padding:28px}.banner img{height:210px;order:-1}.banner h2{font-size:27px}.footer .wrap{flex-direction:column;align-items:flex-start}.body-box{padding:22px}}

/* GOLDLION V2 floating side banners */
.floating-promo{position:fixed;top:38%;z-index:1000;width:var(--promo-width,190px);max-width:19vw;filter:drop-shadow(0 10px 16px #0008);pointer-events:auto}
.floating-left{left:12px}.floating-right{right:12px}
.floating-promo a{display:block}.floating-promo img{display:block;width:100%;height:auto;object-fit:contain}
.floating-close{position:absolute;right:-8px;top:-12px;width:32px;height:32px;border:0;border-radius:50%;background:#ffbc38;color:#8c2400;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 4px 14px #0006}
.animation-float>a{animation:goldlionFloat 3.3s ease-in-out infinite}
.animation-pulse>a{animation:goldlionPulse 2.6s ease-in-out infinite}
@keyframes goldlionFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@keyframes goldlionPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@media(prefers-reduced-motion:reduce){.animation-float>a,.animation-pulse>a{animation:none!important}}
.hero-slide-gallery{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:auto}
.hero-slide{position:absolute;inset:0;display:block;opacity:0;transition:opacity .8s ease;pointer-events:none}
.hero-slide.active{opacity:1;pointer-events:auto}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero>.wrap{position:relative;z-index:1;pointer-events:none}.hero>.wrap a{pointer-events:auto}
@media(max-width:900px){.floating-promo{width:110px;max-width:22vw}.floating-left{left:5px}.floating-right{right:5px}.floating-promo.hide-mobile{display:none}}


/* V3: decorative, fully CMS-editable game showcase */
.gl-game-section{padding:30px 0 70px;background:radial-gradient(circle at 10% 45%,#ff991c65,transparent 38%),radial-gradient(circle at 90% 40%,#a6190c80,transparent 42%),linear-gradient(135deg,#94100a,#e34108 45%,#a5180f);position:relative;isolation:isolate;overflow:hidden}
.gl-game-section::before{content:"";position:absolute;inset:0;opacity:.19;pointer-events:none;background:repeating-radial-gradient(circle at 4% 90%,transparent 0 54px,#ffd980 55px 57px,transparent 59px 104px)}
.gl-game-section>.wrap{max-width:1300px;position:relative}
.gl-game-rail{height:85px;border:3px solid #e7a82d;border-radius:60px;background:linear-gradient(110deg,#730000,#420006 50%,#87080a);display:flex;align-items:center;justify-content:space-around;gap:18px;box-shadow:0 7px 20px #33000050;position:relative;z-index:3}
.gl-rail-logo{width:90px;height:95px;object-fit:contain;filter:drop-shadow(0 5px 7px #0008);flex-shrink:0}
.gl-rail-action{font-size:16px;font-weight:650;color:#ffe9b5;border:2px solid #efb03c;border-radius:30px;background:#8d0e10;padding:7px 19px;text-align:center;min-width:130px}
.gl-games-frame{position:relative;margin:52px auto 0;border:5px solid #f4b854;border-radius:76px;background:#fff9e6;min-height:295px;padding:72px 40px 24px;box-shadow:0 15px 35px #50190050;color:#643208}
.gl-games-tab{position:absolute;top:-83px;left:50%;transform:translateX(-50%) rotate(-1deg);width:min(370px,73%);min-height:116px;border-radius:17px 17px 58% 58%/17px 17px 22% 22%;background:linear-gradient(160deg,#008d94,#005f73);border:5px solid #f2be65;color:#fff;text-shadow:3px 3px #6b1111,-1px -1px #6b1111;font-size:clamp(21px,3vw,33px);font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 0 #9e5212;white-space:nowrap;z-index:4}
.gl-games-sparkle{color:#ffdc70;font-size:20px;text-shadow:none}
.gl-games-scroll{display:flex;justify-content:space-around;align-items:flex-end;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 0 18px;scrollbar-width:thin;scrollbar-color:#e9ad55 transparent}
.gl-game-item{display:flex;flex:0 0 174px;flex-direction:column;align-items:center;position:relative;text-align:center;scroll-snap-align:center;transition:transform .22s ease;min-width:0;color:#41210c}
.gl-game-item:hover{transform:translateY(-8px)}
.gl-game-item img{height:196px;width:160px;object-fit:contain;filter:drop-shadow(0 7px 5px #41150540)}
.gl-game-name{font-size:16px;font-weight:700;line-height:1.25;margin-top:0}
.gl-game-fallback{display:grid;place-items:center;width:160px;height:196px;border:4px solid #dd973f;border-radius:17px;background:linear-gradient(#00758c,#062542);color:#ffdf81;font-weight:700;font-size:22px}
.gl-games-sub{font-size:13px;color:#916940;margin:5px 0 0;text-align:center}
@media(max-width:760px){.gl-game-section{padding:20px 0 42px}.gl-game-rail{height:64px;gap:5px}.gl-rail-action{font-size:11px;padding:5px 9px;min-width:0}.gl-rail-logo{width:60px;height:70px}.gl-games-frame{margin-top:40px;border-width:3px;border-radius:37px;padding:64px 12px 22px}.gl-games-tab{top:-57px;min-height:85px;border-width:3px;font-size:23px}.gl-game-item{flex-basis:134px}.gl-game-item img,.gl-game-fallback{width:125px;height:150px}.gl-game-name{font-size:14px}.gl-games-scroll{justify-content:flex-start;gap:10px}}
@media(prefers-reduced-motion:reduce){.gl-game-item{transition:none}}
/* ซ่อนโลโก้เฉพาะส่วน GAME PGSLOT */
.gl-game-rail .gl-rail-logo {
    display: none !important;
}