/* assets/css/reference-refinements.css */
/* MX811 visual fidelity pass, 2026-10-07 */
/* Noto Sans Thai is requested with a non-render-blocking stylesheet link in functions.php. */
body{font-family:'Noto Sans Thai',Tahoma,sans-serif;background:#030917} .wrap{width:min(calc(100% - 48px),1080px)}
.hero{background-image:linear-gradient(90deg,#07091f99 0%,#07091f44 46%,transparent 85%);background-size:cover;background-position:center 44%;isolation:isolate}.hero-person{display:none!important}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07091fcf 0%,#07091f8a 45%,transparent 85%);z-index:1}.hero-shine{z-index:2;pointer-events:none}.herowrap{z-index:3}.hero-person{z-index:1;filter:saturate(.88) hue-rotate(10deg)}.herotext h1{letter-spacing:-.055em}.herotext h2{letter-spacing:-.03em}.hero .actions a{box-shadow:0 5px 22px #0005}
.features{background:#050d1d}.feature{min-width:0}.feature strong,.feature small{overflow-wrap:anywhere}.feature i{box-shadow:0 0 0 1px #7e2ce322}.promocard{position:relative;min-height:230px}.gift{transform:rotate(-8deg);text-shadow:0 12px 20px #130422}.cat{transition:transform .2s ease,border-color .2s ease}.cat:hover{transform:translateY(-3px);border-color:#a957ef}.article{transition:border-color .2s ease}.article:hover{border-color:#8c4cc4}.faq details[open]{border-color:#9250e2}.footer{background:#030817}
@media(max-width:700px){.wrap{width:calc(100% - 48px)}.hero{height:395px}.hero-person{width:55%;right:-11%;height:85%;opacity:.77;mask-image:linear-gradient(90deg,transparent,#000 32%)}.herotext{max-width:74%}.herotext h1{font-size:59px}.herotext h2{font-size:28px;white-space:nowrap}.herotext p{font-size:16px}.featuregrid{gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}.feature{padding:0 7px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}.feature i{width:43px;height:43px;margin:0;font-size:21px;flex-shrink:0}.feature strong{font-size:12px;line-height:1.35}.feature small{font-size:10px;line-height:1.45}.cat{height:162px}.cat span{font-size:18px}.cat small{font-size:13px}.promocard{min-height:185px}.gift{font-size:82px}}
@media(max-width:420px){.wrap{width:calc(100% - 24px)}.top .wrap{width:calc(100% - 24px)}.hero{height:393px}.herotext{max-width:79%}.herotext h1{font-size:58px}.herotext h2{font-size:23px}.herotext p{font-size:13px;line-height:1.65}.herotext b{padding:0 4px}.hero-person{width:60%;right:-17%;height:85%;opacity:.65}.actions{width:190px}.featuregrid{padding:14px 0}.feature{padding:0 5px}.feature strong{font-size:11px}.feature small{font-size:9px}.section{padding-top:25px}.sectiontitle{font-size:24px}.promocard{padding:16px 15px;min-height:170px}.promocard h3{font-size:16px}.promocard p{font-size:16px}.promocard p strong{font-size:30px}.gift{font-size:61px}.catgrid{gap:10px}.cat{height:148px}.cat span{font-size:15px;left:10px;bottom:11px}.cat small{font-size:12px}.aboutinner{min-height:225px}.about p{font-size:13px}.article{grid-template-columns:108px 1fr 13px;gap:9px}.article h3{font-size:12px}.article p{font-size:10px}.article a{font-size:11px}.footrow{align-items:flex-start}.footrow .logo{font-size:28px}.footrow nav{font-size:9px}}


/* assets/css/category-thumbnails.css */
.catgrid .cat.slot{background-image:url('https://mx811.net/wp-content/uploads/2026/10/mx811-slot-won-desktop-hero-1-768x288.webp')}.catgrid .cat.football{background-image:url('https://mx811.net/wp-content/uploads/2026/10/mx811-football-hero-1920x720-1-768x288.webp')}.catgrid .cat.baccarat{background-image:url('https://mx811.net/wp-content/uploads/2026/10/mx811-baccarat-hero-1920x720-1-768x288.webp')}.catgrid .cat.lotto{background-image:url('https://mx811.net/wp-content/uploads/2026/10/mx811-lottery-hero-1920x720-1-768x288.webp')}.catgrid .cat{background-position:center}

/* assets/css/navbar-actions.css */
.top .navright{gap:10px}.top .mx811-register{background:linear-gradient(110deg,#7e3de8,#984bfa);border-color:#984bfa;color:#fff}.top .mx811-signin{background:#070d29b8}.top .mx811-register,.top .mx811-signin{min-width:125px;white-space:nowrap}@media(max-width:700px){.top .navright{gap:6px}.top .mx811-register,.top .mx811-signin{min-width:0;padding:7px 9px;font-size:12px;border-radius:7px}.top .logo{font-size:26px}.top .hamb{font-size:25px}.top .nav{gap:6px}}@media(max-width:380px){.top .mx811-register,.top .mx811-signin{font-size:11px;padding:7px 6px}.top .logo{font-size:23px}}

/* assets/css/promo-premium.css */
/* MX811 premium promotion card — scoped to the promo component */
.promo .promocard{position:relative;isolation:isolate;min-height:290px;padding:38px 46px;border-radius:22px;border:1px solid rgba(169,103,255,.45);background:radial-gradient(ellipse at 78% 45%,rgba(126,54,236,.36),transparent 49%),linear-gradient(115deg,#10112d 0%,#19123a 58%,#0b1029 100%);box-shadow:inset 0 1px 0 #ffffff18,0 18px 45px #0004;overflow:hidden}
.promo .promocard:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#9b55ff12,transparent 45%),repeating-linear-gradient(120deg,transparent 0 49px,#a776ff08 50px 51px);z-index:-1}
.promo .promocard:after{content:"MX811  •  KRW";position:absolute;right:24px;bottom:16px;font-weight:800;font-size:11px;letter-spacing:.23em;color:#bba1ec77}
.promo .promocard>div:first-child{position:relative;z-index:2;max-width:70%}
.promo .promocard h3{display:inline-flex;align-items:center;gap:9px;margin:0 0 8px;font-size:20px;font-weight:600;color:#e3d7ff}
.promo .promocard h3:before{content:"WELCOME BONUS";display:inline-block;padding:6px 10px;border:1px solid #a35cf26b;background:#a35cf21a;border-radius:99px;color:#d5adff;font-size:10px;font-weight:800;letter-spacing:.1em}
.promo .promocard p{margin:3px 0 17px;color:#fff;font-size:26px;font-weight:600}
.promo .promocard p strong{font-size:clamp(48px,5.7vw,76px);font-weight:900;letter-spacing:-.045em;line-height:1.1;color:#fff;background:linear-gradient(180deg,#fff 5%,#d7a8ff 48%,#a66aff 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 5px 18px #ad65ff45)}
.promo .promocard a{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 20px;margin:2px 0 0;background:linear-gradient(100deg,#8036e8,#aa55f5);color:#fff;font-size:14px;font-weight:800;border-radius:10px;box-shadow:0 8px 25px #8036e83d;transition:transform .2s,filter .2s}
.promo .promocard a:hover{transform:translateY(-2px);filter:brightness(1.12)}
.promo .promocard small{color:#aeb0cf;margin-top:10px;font-size:12px}
.promo .promocard .gift{position:relative;flex:0 0 205px;width:205px;height:205px;display:grid;place-items:center;margin-right:30px;border:1px solid #d3a1ff65;border-radius:50%;background:radial-gradient(circle at 45% 32%,#af67ff70,#6121ae40 47%,#32116b24 67%,transparent 70%);box-shadow:0 0 0 17px #ac70ff12,0 0 0 36px #ac70ff09,0 0 65px #a351ff55,inset 0 0 40px #c283ff40;transform:rotate(-12deg);font-size:0;text-shadow:none;filter:none}
.promo .promocard .gift:before{content:"₩";font-size:124px;font-weight:900;line-height:1;color:#fff;text-shadow:0 0 20px #c893ff,0 0 45px #ad4bff}
.promo .promocard .gift:after{content:"BONUS";position:absolute;bottom:25px;left:50%;transform:translateX(-50%);color:#ead9ff;font-size:12px;font-weight:900;letter-spacing:.3em}
@media(max-width:700px){.promo .promocard{padding:25px 22px;min-height:230px;border-radius:17px}.promo .promocard>div:first-child{max-width:73%}.promo .promocard h3{display:block;font-size:16px}.promo .promocard h3:before{display:block;width:max-content;margin-bottom:10px;font-size:9px}.promo .promocard p{font-size:19px}.promo .promocard p strong{font-size:clamp(34px,7vw,54px)}.promo .promocard .gift{width:115px;height:115px;flex-basis:115px;margin:0 3px 0 0;box-shadow:0 0 0 10px #ac70ff12,0 0 0 22px #ac70ff09,0 0 40px #a351ff44}.promo .promocard .gift:before{font-size:74px}.promo .promocard .gift:after{font-size:8px;bottom:13px}.promo .promocard a{font-size:12px;padding:9px 13px;min-height:39px}}
@media(max-width:420px){.promo .promocard{padding:23px 17px;min-height:226px}.promo .promocard>div:first-child{max-width:78%}.promo .promocard h3{font-size:14px}.promo .promocard p{font-size:16px;margin-bottom:12px}.promo .promocard p strong{font-size:38px}.promo .promocard .gift{width:75px;height:75px;flex-basis:75px;margin-right:-8px}.promo .promocard .gift:before{font-size:49px}.promo .promocard .gift:after{font-size:6px;bottom:7px}.promo .promocard a{font-size:11px;padding:8px 10px}.promo .promocard small{font-size:10px}.promo .promocard:after{font-size:8px;right:12px;bottom:10px}}