/* pgstar777 — โทน ม่วงดำ / ชมพูนีออน / ทองดาว */
html{scroll-behavior:smooth}
body{background-color:#0b0716;background-image:radial-gradient(1000px 520px at 50% -12%,rgba(255,47,146,.16),transparent 62%),radial-gradient(600px 400px at 100% 40%,rgba(255,200,61,.06),transparent 60%),radial-gradient(700px 500px at 0% 75%,rgba(124,58,237,.10),transparent 60%);background-attachment:fixed}
::selection{background:#ff2f92;color:#fff}

/* แถบเมนู */
.ps7-bar{background:rgba(11,7,22,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px 0 rgba(255,47,146,.25),0 10px 30px -18px rgba(255,47,146,.6)}
.ps7-link{display:block;padding:.5rem .85rem;border-radius:.75rem;color:#c9c1dc;transition:color .2s,background .2s}
.ps7-link:hover{color:#fff;background:rgba(255,255,255,.05)}
.ps7-link[aria-current="page"]{color:#ffd76a;background:rgba(255,215,106,.08)}
.ps7-burger{width:42px;height:42px;border-radius:.8rem;border:1px solid rgba(255,255,255,.12);display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.ps7-burger span{width:18px;height:2px;border-radius:2px;background:#e6e1f2;transition:transform .25s,opacity .25s}
.ps7-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ps7-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.ps7-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ข้อความ */
.ps7-shine{background:linear-gradient(95deg,#fff6d6 0%,#ffc83d 40%,#ff5aa8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ps7-glow{text-shadow:0 0 28px rgba(255,47,146,.35),0 0 2px rgba(255,255,255,.2)}
.ps7-kicker{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#ff8cc2;font-weight:600}
.ps7-tag{display:inline-block;font-size:.72rem;font-weight:600;padding:.2rem .65rem;border-radius:999px;color:#ffe9a8;background:rgba(255,200,61,.1);border:1px solid rgba(255,200,61,.25)}

/* ปุ่ม */
.ps7-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;border-radius:.9rem;padding:.85rem 1.7rem;color:#fff;background:linear-gradient(100deg,#ff2f92,#d81b76 55%,#a21caf);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 12px 30px -10px rgba(255,47,146,.75);transition:transform .2s,filter .2s}
.ps7-cta:hover{transform:translateY(-2px);filter:brightness(1.1)}
.ps7-ghost{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:.9rem;padding:.8rem 1.6rem;color:#ffe9a8;border:1px solid rgba(255,215,106,.4);background:rgba(255,215,106,.05);transition:background .2s,border-color .2s}
.ps7-ghost:hover{background:rgba(255,215,106,.12);border-color:#ffd76a}
.ps7-chip{font-size:.875rem;padding:.45rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#c9c1dc;transition:all .2s}
.ps7-chip:hover{color:#fff;border-color:rgba(255,47,146,.5)}
.ps7-chip[aria-pressed="true"]{color:#fff;background:rgba(255,47,146,.18);border-color:#ff2f92}

/* การ์ด: กระจก + ขอบเรืองแสง / การ์ดทึบ */
.ps7-glass{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ps7-edge{position:relative}
.ps7-edge::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,215,106,.7),rgba(255,47,146,.15) 40%,rgba(255,47,146,.7));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.ps7-card{background:#130c22;border:1px solid rgba(255,255,255,.07);transition:transform .3s,border-color .3s,box-shadow .3s}
.ps7-card:hover{transform:translateY(-4px);border-color:rgba(255,47,146,.45);box-shadow:0 18px 40px -20px rgba(255,47,146,.55)}
.ps7-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:1rem;font-size:1.5rem;background:radial-gradient(circle at 30% 25%,rgba(255,200,61,.3),rgba(255,47,146,.15));border:1px solid rgba(255,215,106,.25)}
.ps7-input{display:block;width:100%;margin-top:.35rem;padding:.75rem 1rem;border-radius:.8rem;background:rgba(6,3,13,.6);border:1px solid rgba(255,255,255,.12);color:#fff}
.ps7-input:focus{outline:none;border-color:#ff2f92;box-shadow:0 0 0 3px rgba(255,47,146,.25)}

/* Hero: จัดกลาง เรืองแสง พื้นดาว */
.ps7-hero{position:relative;overflow:hidden;isolation:isolate}
.ps7-stars{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#fff,transparent),radial-gradient(1px 1px at 28% 68%,#ffe9a8,transparent),radial-gradient(1.5px 1.5px at 47% 14%,#fff,transparent),radial-gradient(1px 1px at 63% 52%,#ffc2df,transparent),radial-gradient(2px 2px at 78% 28%,#ffd76a,transparent),radial-gradient(1px 1px at 88% 74%,#fff,transparent),radial-gradient(1px 1px at 6% 82%,#ffc2df,transparent),radial-gradient(1.5px 1.5px at 38% 88%,#fff,transparent),radial-gradient(1px 1px at 95% 10%,#fff,transparent);opacity:.75;animation:ps7-twinkle 6s ease-in-out infinite alternate}
.ps7-halo{position:absolute;left:50%;top:46%;width:min(820px,120vw);aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(255,47,146,.28),rgba(162,28,175,.12) 45%,transparent 70%);filter:blur(10px)}
.ps7-hero-img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.ps7-hero-shade{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(11,7,22,.82),rgba(11,7,22,.45) 70%,rgba(11,7,22,.2)),linear-gradient(180deg,rgba(11,7,22,.35),rgba(11,7,22,0) 30%,rgba(11,7,22,0) 70%,#0b0716)}
@media (max-width:640px){.ps7-hero-shade{background:linear-gradient(180deg,rgba(11,7,22,.7),rgba(11,7,22,.78) 60%,#0b0716)}}
.ps7-video{position:relative;max-width:880px;margin-left:auto;margin-right:auto;border-radius:1.5rem;overflow:hidden;background:#06030d;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 24px 60px -20px rgba(255,47,146,.65),0 0 80px -30px rgba(255,200,61,.5)}
.ps7-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.ps7-video.ps7-edge::before{z-index:2}
.ps7-sound{position:absolute;z-index:3;right:.75rem;bottom:.75rem;display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;padding:.45rem .85rem;border-radius:999px;color:#ffe9a8;background:rgba(6,3,13,.7);border:1px solid rgba(255,215,106,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s}
.ps7-sound:hover{background:rgba(6,3,13,.9)}
.ps7-sound[aria-pressed="false"]{animation:ps7-pulse 2.4s ease-in-out infinite}
@keyframes ps7-pulse{50%{box-shadow:0 0 0 6px rgba(255,47,146,.25)}}
@media (prefers-reduced-motion:reduce){.ps7-sound{animation:none!important}}
.ps7-banner{display:block;border-radius:1.25rem;overflow:hidden;border:1px solid rgba(255,215,106,.2);box-shadow:0 14px 34px -18px rgba(255,47,146,.6);transition:transform .3s,border-color .3s}
.ps7-banner:hover{transform:translateY(-3px);border-color:rgba(255,47,146,.6)}
.ps7-banner img{display:block;width:100%;height:auto}
.ps7-hero--sub{border-bottom:1px solid rgba(255,255,255,.05);background:radial-gradient(600px 260px at 50% 0%,rgba(255,47,146,.18),transparent 70%)}
.ps7-orb{position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,61,.25),transparent 65%)}
@keyframes ps7-twinkle{to{opacity:.35}}

/* ค่ายเกม (Provider Marquee) */
.providers-section{margin:28px 0 8px}
.providers-header{text-align:center;max-width:720px;margin:0 auto 18px}
.providers-header h2{font-family:Mitr,sans-serif;font-size:1.35rem;color:#fff}
.providers-header p{margin-top:.4rem;font-size:.875rem;color:#9d93b5}
.providers-marquee{overflow:hidden;padding:10px 0 16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.providers-track{display:flex;gap:16px;width:max-content;animation:providers-scroll 50s linear infinite;animation-play-state:paused}
.providers-marquee.is-active .providers-track{animation-play-state:running}
.providers-marquee.is-active:hover .providers-track{animation-play-state:paused}
.providers-track li{flex:none;border-radius:16px;overflow:hidden;border:1px solid rgba(255,215,106,.18);box-shadow:0 8px 18px -8px rgba(0,0,0,.6);transition:transform .25s,box-shadow .25s,border-color .25s}
.providers-track li:hover{transform:translateY(-3px);border-color:rgba(255,47,146,.6);box-shadow:0 10px 26px -8px rgba(255,47,146,.55)}
.providers-track img{width:220px;height:141px;display:block;background:#140d24}
@keyframes providers-scroll{to{transform:translateX(calc(-50% - 8px))}}
@media (max-width:600px){
  .providers-track{gap:12px;animation-duration:35s}
  .providers-track img{width:170px;height:109px}
  @keyframes providers-scroll{to{transform:translateX(calc(-50% - 6px))}}
}
@media (prefers-reduced-motion:reduce){
  .providers-track{animation-duration:100s}
  .providers-track li,.ps7-card{transition:none}
  .ps7-stars{animation:none}
}

/* เนื้อหาบทความ */
.ps7-prose{color:#d9d2ea;line-height:1.9;font-size:1.05rem}
.ps7-prose .lead{font-size:1.15rem;color:#e6e1f2;margin-top:1.5rem}
.ps7-prose h2{font-family:Mitr,sans-serif;font-size:1.55rem;line-height:1.35;color:#fff;margin:2.6rem 0 .9rem;padding-left:.9rem;border-left:3px solid #ff2f92}
.ps7-prose h3{font-size:1.2rem;font-weight:600;color:#ffe9a8;margin:1.8rem 0 .6rem}
.ps7-prose p{margin:0 0 1.1rem}
.ps7-prose ul,.ps7-prose ol{margin:0 0 1.2rem;padding-left:1.4rem}
.ps7-prose ul{list-style:disc}
.ps7-prose ol{list-style:decimal}
.ps7-prose li{margin:.4rem 0}
.ps7-prose li::marker{color:#ffc83d}
.ps7-prose a{color:#ffd76a;text-decoration:underline;text-underline-offset:3px}
.ps7-prose a.ps7-cta{color:#fff;text-decoration:none}
.ps7-prose strong{color:#fff}

/* เลื่อนเข้าจอ */
.ps7-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.ps7-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ps7-reveal{opacity:1;transform:none;transition:none}}