@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{--bg:#081727;--panel:#0d2137;--gold:#dbc08a;--white:#f5f5f0;--muted:#99a9ba}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--white);font-family:'Noto Sans Thai',sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip{position:absolute;top:-90px}.skip:focus{top:0;z-index:10;background:var(--gold);color:#07182b;padding:10px}.topline{padding:8px 6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;border-bottom:1px solid #ffffff12;color:#aebbc9}.topline b{color:var(--gold);margin-left:10px}header{padding:21px 6%;display:flex;align-items:center;justify-content:space-between;background:#081727f5;position:sticky;top:0;z-index:5;border-bottom:1px solid #ffffff0c}.logo{font-size:35px;letter-spacing:-2px;font-weight:800;line-height:1}.logo span{color:var(--gold)}.logo small{display:block;font-size:7px;letter-spacing:2px;font-weight:500;margin-top:9px;color:#b6bfca}nav{display:flex;gap:32px;font-size:13px;color:#b0bdca}nav a:hover,nav .active{color:var(--gold)}.outline{border:1px solid #dbc08a66;color:var(--gold);padding:9px 20px;font-size:12px}.outline span{margin-left:22px}.menu{display:none}.hero{position:relative;min-height:610px;padding:75px 8% 100px;overflow:hidden;background:radial-gradient(ellipse at 78% 54%,#163e5b 0,transparent 52%),linear-gradient(120deg,#0a1a2c,#0b2139)}.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0,transparent 130px,#dabc8020 131px,transparent 132px);pointer-events:none}.hero-copy{position:relative;z-index:2;width:58%}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);font-weight:500;margin:0 0 20px}.eyebrow i{display:inline-block;width:23px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}h1{font-size:clamp(36px,4.5vw,66px);line-height:1.38;letter-spacing:-2px;margin:0 0 22px;font-weight:600}h1>span{display:block;color:var(--gold)}.intro{color:#b2c0ce;font-size:14px;line-height:2}.actions{display:flex;gap:28px;align-items:center;margin-top:30px}.gold{display:inline-flex;gap:35px;align-items:center;padding:13px 25px;background:linear-gradient(110deg,#efdab0,#bd985c);color:#12243a;font-weight:600;font-size:13px;box-shadow:0 7px 35px #d5b67518}.gold:hover{filter:brightness(1.12)}.textlink{font-size:12px}.textlink span{margin-left:15px;color:var(--gold)}.hero-tags{display:flex;gap:25px;font-size:10px;color:#8297ad;margin-top:35px}.hero-bottom{position:absolute;bottom:24px;left:8%;right:8%;display:flex;justify-content:space-between;align-items:center;color:var(--gold);font-size:10px;letter-spacing:2px}.hero-bottom i{font-style:normal;color:#6b819a}.hero-bottom>span:nth-child(2){color:#7f95aa;font-size:8px}.hero-bottom a{border:1px solid #ffffff26;width:32px;height:32px;text-align:center;line-height:30px}.art{position:absolute;right:4%;top:8%;width:44%;height:490px}.orbit{position:absolute;border:1px solid #d7bc7d33;border-radius:50%;width:420px;height:420px;top:20px;left:0}.orbit.two{width:340px;height:340px;left:40px;top:60px;border-style:dashed}.card{position:absolute;width:155px;height:225px;border-radius:14px;box-shadow:0 30px 50px #0007}.card.back{left:60px;top:100px;transform:rotate(-23deg);border:4px solid #d1b37b;background:repeating-linear-gradient(45deg,#183955 0,#183955 5px,#234964 6px,#234964 8px);color:var(--gold);font-size:88px;text-align:center;padding-top:15px;outline:1px solid #e7c993;outline-offset:6px}.card.back small{display:block;font-size:15px;letter-spacing:4px}.card.front{left:198px;top:65px;transform:rotate(15deg);color:#173450;background:linear-gradient(120deg,#fffaf0,#c8c7bc);border:4px solid #d5bc83;padding:9px;line-height:1.2}.card.front span{font:27px Georgia}.card.front strong{display:block;text-align:center;font-size:125px;line-height:1}.card.front em{position:absolute;bottom:12px;right:12px;font:27px Georgia;transform:rotate(180deg)}.chip{position:absolute;border-radius:50%;display:grid;place-items:center;background:repeating-conic-gradient(#e5ce9b 0deg 15deg,#9e773e 15deg 30deg);padding:9px;box-shadow:0 20px 30px #0006}.chip span{width:100%;height:100%;border-radius:50%;border:2px solid #bda374;display:grid;place-content:center;text-align:center;background:radial-gradient(#1b4964,#071a2e);color:var(--gold);font-family:Georgia;line-height:1.1}.chip.c1{width:145px;height:145px;top:280px;left:135px;transform:rotate(-15deg)}.chip.c1 span{font-size:28px}.chip.c1 b{font-size:40px}.chip.c2{width:93px;height:93px;left:300px;top:310px;transform:rotate(23deg)}.chip.c2 span{font-size:46px}.spark{position:absolute;color:var(--gold);font-size:35px}.s1{top:40px;left:95px}.s2{top:230px;left:365px}.s3{top:355px;left:50px;font-size:16px}.art-label{position:absolute;bottom:2px;width:90%;text-align:center;letter-spacing:4px;font-size:8px;color:#af9770}.ticker{display:flex;gap:25px;align-items:center;padding:16px 8%;background:#10283e;border-block:1px solid #ffffff0a;font-size:11px;color:#b4c1cf}.ticker b{font-size:9px;color:var(--gold);letter-spacing:1.5px;white-space:nowrap}.ticker a{margin-left:auto;white-space:nowrap;color:var(--gold)}.section{padding:75px 8%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-head .eyebrow{margin-bottom:10px}h2{font-size:32px;font-weight:500;line-height:1.5;margin:0 0 10px;letter-spacing:-.8px}h2>span{color:var(--gold)}.section-head>p{font-size:12px;color:var(--muted);margin:0 0 10px}.filters{display:flex;gap:10px;margin:25px 0}.filters button{background:transparent;color:#96a8bc;border:1px solid #ffffff16;padding:7px 23px;border-radius:3px;font-size:12px}.filters button:hover,.filters .selected{color:#14253a;background:var(--gold);border-color:var(--gold)}.collection{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.game{display:block;min-width:0}.game[hidden]{display:none}.visual{height:260px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 25%,#2b6963,#102e35 65%);border:1px solid #ffffff16}.live .visual{background:radial-gradient(ellipse at 50% 20%,#6c3949,#291d35 75%)}.sport .visual{background:radial-gradient(ellipse at 50% 30%,#2d5573,#12293e 70%)}.other .visual{background:radial-gradient(ellipse at 50% 20%,#255a7e,#102338 75%)}.visual:after{content:'';position:absolute;inset:10px;border:1px solid #d9bc7b25;pointer-events:none}.badge{position:absolute;top:20px;left:21px;font-size:7px;letter-spacing:2px;color:#e4d7be}.mahjong{position:absolute;top:67px;left:14%;font-family:serif;white-space:nowrap;color:#168257;font-size:42px;letter-spacing:2px;transform:rotate(-7deg);text-shadow:1px 2px #fff;background:#eae3ce;border-radius:6px;padding:6px 12px;box-shadow:4px 7px #adab99,0 15px 40px #0008}.mahjong span{color:#ae2727}.visual-name{position:absolute;bottom:22px;left:22px;letter-spacing:1px;font:23px/1.1 Georgia;color:#f6e1b5;text-shadow:0 3px 9px #000}.visual-name b{font-size:12px;letter-spacing:4px;font-weight:400}.suits{position:absolute;left:15%;top:40px;font-size:75px;color:#dcc18b;letter-spacing:-15px;text-shadow:0 8px 20px #0008}.suits span{display:inline-block;transform:translateY(22px);color:#cf677b}.ball{position:absolute;font-size:108px;top:35px;left:24%;filter:drop-shadow(0 10px 20px #0008)}.fish{position:absolute;top:15px;left:32%;font:145px Georgia;color:#d5bc81;transform:rotate(20deg);text-shadow:0 0 35px #61caea}.game-info{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #ffffff18}.game-info small{font-size:8px;letter-spacing:1.7px;color:#859bb2}.game-info h3{font-size:15px;font-weight:500;margin:4px 0}.game-info>span{color:var(--gold);font-size:23px}.game:hover .visual{border-color:#d5bd7c}.caption{font-size:10px;color:#768b9f;margin-top:22px}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;background:#0b1e31;border-block:1px solid #ffffff0a;align-items:center}.brand-panel{height:330px;border:1px solid #d6bd7e55;background:radial-gradient(ellipse at center,#183f54,#0b2235);display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative}.brand-panel:after{content:'';position:absolute;inset:12px;border:1px solid #d5bd7e22}.seal{font-size:42px;color:var(--gold)}.brand-panel>span{font:58px Georgia;letter-spacing:7px;color:#e7ce99}.brand-panel small{text-align:center;font-size:7px;letter-spacing:2px;color:#a2b2bd;margin-top:20px}.about p:not(.eyebrow){font-size:13px;color:#a3b3c3;line-height:2}.about .textlink{display:inline-block;margin-top:10px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.articles article{border-top:1px solid #d4b77466;padding-top:22px}.number{font-size:9px;color:var(--gold);letter-spacing:2px}.articles h3{font-size:18px;font-weight:500;line-height:1.6}.articles p{font-size:12px;color:#9babbd;line-height:2}.articles summary{font-size:11px;color:var(--gold);padding:10px 0;cursor:pointer;list-style:none}.articles summary span{float:right}.muted{color:var(--muted);font-size:12px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;padding-top:35px;padding-bottom:85px}.questions details{border-bottom:1px solid #ffffff18;padding:17px 0}.questions summary{font-size:13px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.questions summary span{color:var(--gold)}.questions p{color:#9babbd;font-size:12px;margin-bottom:0}.questions details[open] summary{color:var(--gold)}footer{padding:45px 8% 20px;background:#061320;border-top:1px solid #d5bc7b33;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}footer p{font-size:11px;color:#7f92a7;margin-top:20px}.footer-links{display:flex;gap:28px;font-size:12px;color:#9eafc0}.copyright{width:100%;display:flex;justify-content:space-between;border-top:1px solid #ffffff13;margin-top:25px;padding-top:20px;color:#62788d;font-size:9px}.to-top{position:fixed;bottom:20px;right:20px;border:1px solid #d5bd7e55;background:#10263a;width:36px;height:36px;text-align:center;line-height:34px;color:var(--gold);z-index:4}@media(min-width:1500px){.hero,.section,.ticker{padding-left:max(8%,calc((100% - 1260px)/2));padding-right:max(8%,calc((100% - 1260px)/2))}}@media(max-width:1050px){nav{gap:18px}.art{right:-8%;transform:scale(.86);transform-origin:left center}.hero-copy{width:63%}.collection{gap:12px}.visual{height:230px}.mahjong{font-size:32px}.suits{font-size:60px}.ball{font-size:90px}.section{padding:55px 6%}}@media(max-width:740px){.topline{font-size:7px;padding:7px 5%;letter-spacing:1px}.topline>span:last-child{display:none}header{padding:17px 5%}.logo{font-size:29px}header .outline{margin-left:auto;margin-right:17px;font-size:10px;padding:7px 12px}.outline span{margin-left:10px}.menu{display:block;background:none;color:var(--gold);font-size:22px;border:0;padding:0}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#0c2136;padding:20px 6%;border-bottom:1px solid #ffffff22}nav.open{display:flex;flex-direction:column}.hero{padding:43px 6% 75px;min-height:860px}.hero-copy{width:100%}h1{font-size:43px;line-height:1.4}.intro{font-size:12px;max-width:440px}.desktop{display:none}.eyebrow{font-size:8px;letter-spacing:2px}.actions{gap:22px;margin-top:23px}.gold{padding:12px 20px;font-size:12px;gap:24px}.textlink{font-size:11px}.hero-tags{font-size:9px;margin-top:25px;gap:20px}.art{width:450px;left:calc(50% - 170px);top:435px;height:450px;transform:scale(.75);transform-origin:top left}.hero-bottom{left:6%;right:6%;font-size:9px}.hero-bottom>span:nth-child(2){font-size:6px;letter-spacing:1px}.ticker{padding:15px 6%;gap:12px;flex-wrap:wrap}.ticker b{font-size:8px}.ticker>span{font-size:10px;width:100%;order:3}.ticker a{font-size:10px}.section{padding:45px 6%}.section-head{align-items:start;gap:15px}.section-head>p{display:none}h2{font-size:27px}.section-head>.muted{display:none}.filters{gap:7px;overflow:auto;padding-bottom:3px;margin:20px 0}.filters button{padding:6px 16px;font-size:11px;white-space:nowrap}.collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.visual{height:230px}.game-info{padding:12px 0}.game-info h3{font-size:13px}.game-info small{font-size:7px}.mahjong{font-size:30px;left:9%;top:65px;padding:6px 7px}.suits{font-size:57px;left:16%;top:50px}.ball{font-size:86px;top:43px;left:22%}.fish{font-size:120px;left:27%;top:30px}.visual-name{font-size:20px;left:18px}.visual-name b{font-size:9px;letter-spacing:2px}.badge{font-size:6px;left:18px}.caption{font-size:9px}.about{grid-template-columns:1fr;gap:35px}.brand-panel{height:270px}.about h2{font-size:28px}.articles{grid-template-columns:1fr;gap:28px}.articles article{padding-top:18px}.articles h3{margin:10px 0}.faq{grid-template-columns:1fr;gap:10px;padding-top:15px}.questions summary{font-size:12px}footer{padding:35px 6% 20px;gap:25px}.footer-links{gap:19px;font-size:10px}.copyright{margin-top:0;flex-direction:column;gap:8px;font-size:8px}.to-top{bottom:15px;right:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}