@font-face{font-family:Noto Thai;src:url('assets/fonts/noto-sans-thai-regular.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:Noto Thai;src:url('assets/fonts/noto-sans-thai-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{color-scheme:dark;--thai:'Noto Thai','Leelawadee UI',Thonburi,Tahoma,sans-serif;--gold:#eac879;--row:19.05cqw}
*{box-sizing:border-box}html{min-height:100%;background:#24150f}body{margin:0;font-family:var(--thai);color:#fff;line-height:1.65;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 50% 45%,#a2472855,transparent 60%),#24150f}body:before{content:'';position:fixed;inset:-30px;background:linear-gradient(#1a110cdb,#29100de8),url('assets/mw2/key-art.jpg') center/cover;filter:blur(18px);z-index:-1;pointer-events:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #fff0a9;outline-offset:4px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[hidden]{display:none!important}
.game-stage{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:16px}.cabinet{position:relative;isolation:isolate;container-type:inline-size;width:min(calc(100vw - 32px),calc((100svh - 32px)*.56153846),480px);aspect-ratio:292/520;background:#bb5140 url('assets/mw2/game-frame.png') center/100% 100% no-repeat;box-shadow:0 20px 100px #000b,0 0 0 1px #c28d554d;flex-shrink:0;overflow:hidden;border-radius:3px}
.game-header{position:absolute;top:0;left:0;right:0;height:3.3%;display:flex;align-items:center;justify-content:space-between;padding:0 1.5%;background:linear-gradient(90deg,#b83f33,#da6c48,#b74231);text-shadow:0 1px 2px #5f2118;z-index:4}.game-header h1{font:3.15cqw Arial,sans-serif;margin:0;font-weight:400;color:#fff8df}.demo-label{font-size:2.65cqw;color:#fff5db;display:flex;align-items:center;gap:1cqw}.demo-label i{width:1.1cqw;height:1.1cqw;border-radius:50%;background:#fff0a0;box-shadow:0 0 4px #fff8b7}.ways-label{position:absolute;top:3.2%;left:15%;right:15%;height:3.7%;font:bold italic 5.15cqw Georgia,serif;color:#b95f38;display:flex;align-items:center;justify-content:center;gap:1.6cqw;text-shadow:0 1px #e6a276,0 -1px #893c2a88;letter-spacing:.1cqw}.ways-label span{font-size:3.1cqw;font-style:normal;color:#f1ca77;filter:drop-shadow(0 1px 2px #8a3c22)}
.multipliers{position:absolute;top:6.65%;left:0;right:0;height:5.3%;border:1px solid #d9b06299;border-radius:20% 20% 14% 14%/45% 45% 50% 50%;display:grid;grid-template-columns:repeat(4,1fr);padding:0 9%;gap:4%;background:linear-gradient(#63cdb7,#39b29e 45%,#199780);box-shadow:inset 0 1px #b3f4cf99,0 2px 2px #753d2888;z-index:3}.multipliers span{font:bold italic 10cqw Georgia,'Times New Roman',serif;line-height:.9;display:flex;justify-content:center;align-items:center;color:#236e62;text-shadow:0 1px #5dcab2;transform:rotate(-7deg)}.multipliers .active{color:#fff0a0;text-shadow:0 0 7px #ffe42d,1px 2px #bd8234,-1px -1px #fff9dc;filter:drop-shadow(0 0 4px #ffc039)}
.game-grid{position:absolute;left:6.6%;right:6.6%;top:14.6%;height:95.25cqw;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;align-items:center;background:transparent;isolation:isolate;z-index:1}.reel{height:95.25cqw;position:relative;overflow:hidden;min-width:0;background:linear-gradient(#cd6745,#b34c35)}.reel.short{height:76.2cqw}.reel-track{display:flex;flex-direction:column;will-change:transform}.tile{height:var(--row);flex-shrink:0;position:relative;padding:0 .15cqw;display:flex;align-items:center;justify-content:center;isolation:isolate}.tile img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;filter:drop-shadow(0 .35cqw .35cqw #63341d70)}.tile[data-symbol="wild"]{background:linear-gradient(110deg,#f2dc7a,#e9b644);border:1px solid #fce8a0;border-radius:2.2cqw;padding:1.4cqw .6cqw;box-shadow:inset 0 0 2cqw #ae741d}.tile[data-symbol="wild"] img{object-fit:contain}.matched .tile[data-symbol="green-dragon"]:after{content:'';position:absolute;inset:.3cqw;border:1px solid #ffe4a2;border-radius:2cqw;box-shadow:inset 0 0 1.8cqw #f9cd3f99,0 0 2.5cqw #ffe055;animation:tile-glow 1s ease-in-out 2}.is-spinning .tile img{filter:blur(.1cqw) drop-shadow(0 .35cqw .35cqw #63341d70)}
.result-banner{position:absolute;top:70.3%;left:2%;right:2%;height:6.25%;padding:0 3%;border:1px solid #e5b861;border-radius:10% 10% 18% 18%/40% 40% 55% 55%;background:linear-gradient(#a91f26,#bb2731 35%,#a71926 70%,#7e1b23);box-shadow:inset 0 1px #edb85877,inset 0 -2px #5f1b1a66,0 2px 2px #823120;display:flex;align-items:center;justify-content:center;text-align:center;color:#ffe7b0;text-shadow:1px 2px #622226;font-size:3.1cqw;font-weight:700;line-height:1.5;z-index:3}.result-banner:before,.result-banner:after{content:'◆';position:absolute;top:50%;transform:translateY(-50%);font-size:2.8cqw;color:#e4ac52}.result-banner:before{left:1.5%}.result-banner:after{right:1.5%}.matched~.result-banner{color:#fff1ad;text-shadow:0 0 9px #e59b24,1px 2px #722123}
.demo-meters{position:absolute;top:77.05%;left:0;right:0;height:7.3%;padding:.7% 1%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1%;background:#a04a2b;z-index:4}.demo-meters>div{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1.3cqw;background:linear-gradient(#783920,#71301e);box-shadow:inset 0 1px 3px #4e281b77;line-height:1.35}.demo-meters span{font-size:2.5cqw;color:#e8bd83}.demo-meters strong{font:4cqw Arial,sans-serif;color:#e5efcd;letter-spacing:.1cqw}.demo-meters>div:last-child strong{color:#f6d38d}
.game-controls{position:absolute;top:84.25%;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0,#bd642e,#9d4826 58%,#893b26);z-index:4}.game-controls:after{content:'';position:absolute;left:-12%;right:-12%;bottom:1%;height:50%;border-bottom:1px solid #e2ae63;border-radius:0 0 50% 50%;pointer-events:none}.control-row{position:absolute;top:0;left:4%;right:4%;height:70%;display:flex;align-items:center;justify-content:space-between;gap:0}.small-control{display:grid;place-items:center;width:9cqw;height:9cqw;flex-shrink:0;border:1px solid #e9b96788;border-radius:50%;color:#efc07e;background:#8a3f2155;box-shadow:inset 0 1px #f5bc6333;transition:filter .2s}.small-control svg{width:5.7cqw;height:5.7cqw}.small-control:hover{filter:brightness(1.2)}.round-control{width:11cqw;height:11cqw;border:0;padding:0;background:none;opacity:.9;display:grid;place-items:center}.round-control img{display:block;width:100%;height:100%;object-fit:contain}.round-control:hover{filter:brightness(1.3)}.spin-button{position:relative;display:flex;align-items:center;justify-content:center;width:22cqw;height:22cqw;padding:0;flex-shrink:0;border:0;border-radius:50%;background:transparent;filter:drop-shadow(0 1cqw 1cqw #64361d77);transition:filter .2s,transform .2s}.spin-button>img{width:100%;height:100%;display:block;user-select:none}.spin-button:hover{filter:brightness(1.1) drop-shadow(0 0 2cqw #ffe19566);transform:scale(1.03)}.spin-button:active{transform:scale(.97)}.spin-button:disabled{transform:none;filter:saturate(.6)}.spin-button:disabled>img{animation:spin-rotate .9s linear infinite}.spin-button>span{position:absolute;top:99%;left:-30%;right:-30%;text-align:center;color:#fff1b1;font-size:3cqw;line-height:1.4;font-weight:700;text-shadow:0 1px 2px #61361e;white-space:nowrap}.has-jackpot .spin-button>span{font-size:2.9cqw}.demo-note{position:absolute;left:0;right:0;bottom:.6%;margin:0;text-align:center;font-size:2.2cqw;color:#f2d4aa;line-height:1.3;z-index:1}
/* The result panel follows the supplied black-and-yellow composition. */
dialog{margin:auto;color:#fff;border:0;font-family:var(--thai)}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}.jackpot-dialog{width:calc(100% - 24px);max-width:510px;max-height:calc(100svh - 24px);padding:0;background:#000;outline:5px solid #5d4b1799;box-shadow:0 18px 90px #000b;overflow:auto}.jackpot-dialog[open]{animation:panel-in .22s ease-out}.jackpot-header{height:54px;background:#ffb511;color:#000;position:relative;display:flex;align-items:center;justify-content:center}.jackpot-header h2{font:30px 'Times New Roman',Georgia,serif;font-weight:400;margin:0;line-height:1}.jackpot-close{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;padding:4px;background:none;border:1px solid #5d46002e;border-radius:50%;color:#3d2a00}.jackpot-close svg{width:16px;height:16px}.jackpot-content{padding:25px 25px 18px;text-align:left}.jackpot-content>p{font-size:14px;margin:0 0 25px;line-height:1.8;color:#fff}.jackpot-content .success-line{font-weight:700}.jackpot-content .signup-invitation{margin-bottom:14px}.countdown-section{text-align:center;margin:2px 0 23px}.countdown-caption{display:block;font-size:10px;color:#c0bdb2;margin-bottom:8px}.countdown{display:flex;justify-content:center;gap:13px;text-align:center;line-height:1.4}.countdown>div{min-width:56px}.countdown strong{display:block;font:700 21px 'Times New Roman',serif}.countdown>div>span{font-size:13px}.register-button{display:flex;align-items:center;justify-content:center;margin:0 auto;min-height:52px;width:72%;border:1px solid #b68c00;border-radius:10px;background:#000;color:#fff;font-weight:700;font-size:16px;box-shadow:inset 0 0 0 1px #8a681512;transition:border-color .2s,background .2s}.register-button:hover{border-color:#ffd568;background:#29200c}.jackpot-content .jackpot-note{text-align:center;color:#a6a295;font-size:9px;line-height:1.7;margin:15px 0 0}
.how-dialog{max-width:440px;width:calc(100% - 32px);max-height:calc(100svh - 32px);padding:31px 27px 25px;background:linear-gradient(140deg,#451e17,#29180f);border:1px solid #c39551;border-radius:10px;box-shadow:0 20px 80px #000b;overflow:auto}.dialog-close{position:absolute;right:11px;top:11px;display:grid;place-items:center;width:28px;height:28px;border:1px solid #b78c5144;border-radius:50%;background:none;color:#e2c79e}.dialog-close svg{width:15px;height:15px}.dialog-eyebrow{font:9px Arial,sans-serif;letter-spacing:1.4px;color:#d6b17a}.how-dialog h2{font-size:25px;color:#f1d2a0;margin:16px 0}.how-dialog p{font-size:12px;line-height:1.9;color:#d2c3b3;margin:12px 0}.how-dialog .disclosure{font-size:10px;border-top:1px solid #ba8d4933;padding-top:14px;color:#b7a58e}.outlined-button{width:100%;min-height:44px;border:1px solid #be9656;border-radius:5px;color:#f3d5a2;background:#382218;margin-top:12px}.noscript-message{position:fixed;bottom:0;left:0;right:0;padding:15px;margin:0;background:#210d08;text-align:center;color:#ffdf9c;font-size:12px;z-index:20}
@keyframes spin-rotate{to{transform:rotate(360deg)}}@keyframes tile-glow{50%{box-shadow:inset 0 0 2.5cqw #fff273bb,0 0 4cqw #ffe680}}@keyframes panel-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.game-stage{padding:0}.cabinet{width:min(100vw,calc(100svh * .56153846),480px);border-radius:0}.jackpot-dialog{width:calc(100% - 20px)}.jackpot-content{padding:23px 22px 16px}.jackpot-content>p{font-size:12px;margin-bottom:23px}.register-button{font-size:15px;width:78%;min-height:49px}.jackpot-header{height:49px}.jackpot-header h2{font-size:29px}}
@media(max-height:650px){.jackpot-content{padding:19px 20px 13px}.jackpot-content>p{font-size:12px;margin-bottom:19px}.jackpot-content .signup-invitation{margin-bottom:10px}.countdown-section{margin-bottom:18px}.countdown-caption{font-size:9px;margin-bottom:5px}.countdown strong{font-size:20px}.countdown>div>span{font-size:12px}.register-button{min-height:46px}.jackpot-content .jackpot-note{font-size:8px;margin-top:12px}.jackpot-header{height:45px}.jackpot-header h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.round-control{border:1px solid #f1c47f99;border-radius:50%;color:#e8b977;background:#a4522c66;box-shadow:inset 0 1px #edbd5b44}.round-control span{font:7.3cqw Arial,sans-serif;line-height:1;transform:translateY(-.3cqw)}

/* Place the victory section inside .cabinet; toggle its hidden attribute. */
.win-celebration{position:absolute;inset:3.3% 0 0;z-index:9;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#185b39d9 0,#071f1de8 47%,#061611f5 100%);animation:win-reveal .28s ease-out both}
.win-rays{position:absolute;left:50%;top:45%;width:220cqw;height:220cqw;z-index:-1;opacity:.32;background:repeating-conic-gradient(from 0deg,#fbdc64 0deg,#ffeec500 8deg,#ffeec500 18deg,#fbdc64 20deg);mask-image:radial-gradient(circle,#000 0,transparent 61%);transform:translate(-50%,-50%);animation:win-rays-turn 14s linear infinite}
.win-plaque{position:relative;width:93%;margin-top:-10cqw;text-align:center;padding:8cqw 2cqw 9cqw;color:#ffe4a6;animation:win-plaque-in .48s cubic-bezier(.16,.85,.3,1.2) both}
.win-plaque:before,.win-plaque:after{content:'';position:absolute;left:4%;right:4%;height:16cqw;pointer-events:none;border:1px solid #f2c26399;border-radius:50%;z-index:-1}
.win-plaque:before{top:9cqw;border-bottom:0;box-shadow:0 -.5cqw 1.5cqw #f5ce4f26}
.win-plaque:after{bottom:4cqw;border-top:0;box-shadow:0 .5cqw 1.5cqw #f5ce4f26}
.win-crown{height:10cqw;color:#fff1b7;font-size:9cqw;line-height:1;text-shadow:0 0 3cqw #f8c649,0 0 8cqw #d9971d}
.win-eyebrow{font:700 3.2cqw/1.2 Arial,sans-serif;letter-spacing:1.45cqw;padding-left:1.45cqw;margin:2.4cqw 0 2cqw;color:#f7d697}
.win-title{font:900 italic 13.1cqw/.96 Georgia,'Times New Roman',serif;letter-spacing:-.45cqw;margin:0;color:#ffe09a;text-shadow:0 -.3cqw #fff7d0,0 .55cqw #be7c22,0 1.1cqw #77380d,0 1.9cqw 1cqw #00190e,0 0 8cqw #f4bb3d66;white-space:nowrap;transform:rotate(-3deg)}
.win-rule{display:flex;align-items:center;justify-content:center;gap:2cqw;margin:5cqw 10cqw 3cqw;color:#f2ca73;font-size:2.6cqw;line-height:1}
.win-rule:before,.win-rule:after{content:'';width:26cqw;height:1px;background:linear-gradient(90deg,transparent,#f3d18a)}
.win-rule:after{transform:rotate(180deg)}
.win-total{position:relative;display:flex;flex-direction:column;align-items:center;padding:4cqw 0 2cqw;background:linear-gradient(90deg,transparent,#6a2019cc 18%,#802a21ee 50%,#6a2019cc 82%,transparent);border-block:1px solid #edc37a66;box-shadow:0 1.5cqw 6cqw #0005}
.win-total strong{font:900 18cqw/1.08 Georgia,'Times New Roman',serif;font-variant-numeric:tabular-nums;letter-spacing:-.6cqw;color:#ffdfa0;text-shadow:0 -.35cqw #fff3cf,0 .65cqw #ad681f,0 1.1cqw #461b0f,0 0 7cqw #eeb23955;white-space:nowrap}
.win-currency{font-size:5.8cqw;font-weight:700;line-height:1.45;color:#ffe3a3;text-shadow:0 .5cqw #5a2815}
.win-demo-note{font-size:3cqw;line-height:1.6;color:#eadbc0;margin:4cqw 0 0;text-shadow:0 1px 2px #000}
.win-coins{position:absolute;inset:0;z-index:2;pointer-events:none}
.win-coins i{position:absolute;left:var(--x);top:-13cqw;width:7.3cqw;height:7.3cqw;border:1cqw solid #edb545;border-radius:50%;background:linear-gradient(135deg,#fff1a0,#e7aa2e 50%,#ffdf79);box-shadow:inset 0 0 0 .45cqw #a87421,0 .4cqw .7cqw #0005;color:#ad761e;animation:win-coin-fall 2.3s var(--delay) linear infinite}
.win-coins i:before{content:'฿';position:absolute;inset:0;display:grid;place-items:center;font:700 4.3cqw/1 Georgia,serif;text-shadow:0 .25cqw #ffe794}
.win-sparkles{position:absolute;inset:0;pointer-events:none}
.win-sparkles span{position:absolute;font:5cqw/1 Georgia,serif;color:#fff4bc;text-shadow:0 0 2cqw #ffc231;animation:win-sparkle 1.3s ease-in-out infinite alternate}
.win-sparkles span:nth-child(1){left:9%;top:27%}.win-sparkles span:nth-child(2){right:10%;top:33%;animation-delay:-.6s}.win-sparkles span:nth-child(3){left:15%;top:64%;animation-delay:-.3s}.win-sparkles span:nth-child(4){right:12%;top:68%;animation-delay:-1s}.win-sparkles span:nth-child(5){left:46%;top:19%;animation-delay:-.8s}.win-sparkles span:nth-child(6){right:28%;top:77%;animation-delay:-.4s}
@keyframes win-reveal{from{opacity:0}to{opacity:1}}
@keyframes win-plaque-in{from{opacity:0;transform:scale(.72) translateY(5cqw)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes win-rays-turn{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes win-coin-fall{0%{transform:translate3d(0,0,0) rotate(0);opacity:0}8%{opacity:.95}88%{opacity:.95}100%{transform:translate3d(var(--drift),190cqw,0) rotate(var(--turn));opacity:0}}
@keyframes win-sparkle{from{opacity:.25;transform:scale(.65)}to{opacity:1;transform:scale(1.15)}}
@media(prefers-reduced-motion:reduce){.win-celebration,.win-plaque,.win-rays,.win-coins i,.win-sparkles span{animation:none!important}.win-coins{display:none}.win-rays{opacity:.2}.win-sparkles span{opacity:.65}.win-plaque{transform:none}}