:root{--blue:#27ace2;--blue-deep:#20a7dd;--card:#edfbff;--purple:#9847ff;--font:"Noto Sans Thai", Tahoma, Arial, sans-serif}*{box-sizing:border-box}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}html,body{min-height:100%}body{color:var(--blue-deep);font-family:var(--font);background:#effcff;margin:0}button,a{font:inherit}.page-shell{place-items:center;min-height:100vh;padding:30px 18px;display:grid;position:relative}.mobile-caption{display:none}.download-card{transform-origin:50%;background:linear-gradient(145deg,#f4fdff 0%,#e7faff 100%);border:0;width:min(62vw,760px);min-width:620px;height:414px;position:relative;overflow:hidden;transform:scale(1.33)}.desktop-caption{z-index:10;margin:0;font-size:22px;font-weight:700;line-height:1.15;position:absolute;top:0;left:20px}.brand-block{z-index:5;text-align:center;width:47%;position:absolute;top:22px;right:8px}.brand-logo{justify-content:center;align-items:center;height:126px;display:flex}.brand-logo-image{object-fit:contain;width:min(94%,292px);height:100%;display:block}.logo-symbol{flex:0 0 70px;width:70px;height:58px;position:relative}.logo-j{color:#fff;background:var(--blue-deep);border-radius:11px 5px 19px 11px;place-items:center;padding-top:2px;font:700 44px/1 Arial,sans-serif;display:grid;position:absolute;inset:0 30px 0 0}.logo-cut{z-index:2;clip-path:polygon(0 0,100% 14%,100% 86%,0 100%);background:#fff;width:11px;height:44px;position:absolute;top:6px;left:35px}.logo-play{border-top:21px solid #0000;border-bottom:21px solid #0000;border-left:27px solid var(--blue-deep);width:0;height:0;position:absolute;top:8px;left:44px}.brand-name{color:var(--blue-deep);letter-spacing:-2px;font:700 54px/1 Arial,sans-serif}.tagline{white-space:nowrap;margin:2px 0 0;font-size:clamp(20px,2.25vw,27px);line-height:1.25}.download-kicker{justify-content:center;align-items:center;height:29px;margin:1px 0 10px;display:flex}.download-kicker img{object-fit:contain;width:168px;height:auto;display:block}.phones-frame{justify-content:center;align-items:flex-end;width:49%;height:247px;display:flex;position:absolute;bottom:69px;left:-5px}.phone-mockup-image{object-fit:contain;transform-origin:bottom;width:100%;height:100%;display:block;transform:scale(1.27,1.23)}.phones{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex}.phone{color:var(--blue-deep);background:#fff;border:2px solid #181818;border-radius:17px;outline:1px solid #c9763e;flex:none;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000003d}.phone-left,.phone-right{width:31%;height:88%;margin-bottom:4px}.phone-left{margin-right:-7px;transform:rotate(-.4deg)}.phone-right{margin-left:-7px;transform:rotate(.4deg)}.phone-center{z-index:2;width:36%;height:100%}.phone-notch{z-index:4;background:#111;border-radius:0 0 8px 8px;width:38%;height:9px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.app-head{background:linear-gradient(#e7faff,#d7f3ff);align-items:center;gap:2px;height:27px;padding:13px 3px 2px;font:700 6px/1 Arial,sans-serif;display:flex}.app-head b{margin-right:auto;font-size:7px}.app-head i{background:#45d075;border-radius:3px;width:14px;height:5px}.app-head i:last-child{background:#ff8579}.people-panel{background:linear-gradient(#fff 72%,#ecf4f8);justify-content:center;align-items:flex-end;gap:1px;height:41%;padding:10px 4px 0;display:flex}.person{width:29%;height:78%;position:relative}.person span{background:#c58f72;border-radius:50%;width:13px;height:13px;margin:0 auto -1px;display:block}.person b{clip-path:polygon(23% 0,77% 0,100% 100%,0 100%);background:linear-gradient(100deg,#202935,#556170 52%,#1c2734);width:100%;height:calc(100% - 12px);display:block}.mini-copy{height:38%;padding:8px 7px}.mini-copy b,.mini-copy i{background:#23abe1;border-radius:4px;height:3px;margin-bottom:7px;display:block}.mini-copy b{width:75%}.mini-copy i:nth-child(2){width:92%}.mini-copy i:nth-child(3){width:74%}.mini-copy i:nth-child(4){width:88%}.mini-copy i:nth-child(5){width:60%}.hero-strip{background:linear-gradient(120deg,#0d91d5,#78ddf4);height:24%;padding:7px;position:relative;overflow:hidden}.hero-strip span{background:#bfeef9;border-radius:50% 50% 10% 10%;width:30px;height:43px;position:absolute;bottom:-4px;right:7px}.hero-strip b,.hero-strip i{background:#fff;border-radius:4px;width:58%;height:4px;margin:6px 0;display:block}.hero-strip i{width:45%;height:3px}.round-links{justify-content:space-around;align-items:center;height:15%;display:flex}.round-links i{border:1px solid var(--blue);border-radius:50%;width:13px;height:13px}.game-grid{grid-template-columns:repeat(3,1fr);gap:4px;height:48%;padding:2px 8px 14px;display:grid}.game-grid i{background:radial-gradient(circle at 50% 42%,#fff399 0 14%,#0000 15%),linear-gradient(135deg,#e7aa18,#795012 60%,#f1cc4b);border:1px solid #e2a600;border-radius:4px}.vip-head{text-align:center;background:linear-gradient(#d8f3ff,#7cd4f0);height:30%;padding:10px 4px 3px}.vip-head b{color:#128dc9;margin-bottom:6px;font:700 10px/1.1 Georgia,serif;display:block}.vip-head span{background:#298bb87a;border-radius:4px;width:80%;height:3px;margin:4px auto;display:block}.vip-table{grid-template-rows:repeat(8,1fr);height:55%;padding:3px 5px 12px;display:grid}.vip-table b{background:repeating-linear-gradient(90deg,#0000 0 32%,#36aee2 33% 34%);border:1px solid #36aee2;border-top:0}.phone-dock{background:#f5fcff;border-top:1px solid #62c9ee;justify-content:space-around;align-items:center;height:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.phone-dock i{border:1px solid var(--blue);border-radius:50%;width:7px;height:7px}.download-options{z-index:6;grid-template-columns:repeat(3,1fr);gap:10px;width:42%;display:grid;position:absolute;top:185px;right:calc(8px + 2.5%)}.download-option{min-width:0;color:var(--blue-deep);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:stretch;padding:0;text-decoration:none;display:flex}.option-label{text-align:center;white-space:nowrap;height:21px;font-size:10px;font-weight:700;line-height:18px;overflow:hidden}.icon-box{aspect-ratio:1;background:0 0;border:0;border-radius:8px;place-items:center;height:auto;transition:transform .18s,filter .18s;display:grid;overflow:hidden}.icon-box img{object-fit:contain;width:100%;height:100%;display:block}.mobile-option-icon{display:none!important}.download-option:hover .icon-box,.download-option:focus-visible .icon-box{filter:drop-shadow(0 7px 9px #20a7dd38);transform:translateY(-4px)}.option-cta{color:#fff;background:var(--blue-deep);border-radius:15px;place-items:center;height:24px;margin-top:7px;font-size:11px;line-height:1;transition:transform .18s,filter .18s;display:grid}.option-cta-image{background:0 0;overflow:hidden}.option-cta-image img{object-fit:fill;width:100%;height:100%;display:block}.download-option:hover .option-cta,.download-option:focus-visible .option-cta{filter:brightness(1.04);transform:translateY(-1px)scale(1.02)}.mobile-option-copy,.mobile-button-image{display:none}.partner-strip{z-index:8;justify-content:space-between;align-items:center;height:39px;display:flex;position:absolute;bottom:3px;left:12px;right:12px;overflow:visible}.partner-item{cursor:pointer;border-radius:8px;outline:none;flex:none;place-items:center;width:48px;height:36px;transition:transform .18s,background-color .18s,box-shadow .18s;display:grid;position:relative}.partner-item:hover,.partner-item:focus-visible{z-index:20;background:#ffffffc7;transform:translateY(-5px)scale(1.14);box-shadow:0 7px 18px #1ea9dd3b}.partner-logo{object-fit:contain;width:100%;height:26px;transition:filter .18s;display:block}.partner-item:hover .partner-logo,.partner-item:focus-visible .partner-logo{filter:saturate(1.25)drop-shadow(0 2px 3px #22a9de3d)}.partner-logo-square{width:26px}.partner-logo-wide{width:43px}.partner-logo-mark{width:31px}.partner-logo-aware{width:40px;height:30px}.partner-logo-bmm{width:52px;height:27px}.partner-logo-round{width:28px}@media (prefers-reduced-motion:reduce){.partner-item,.partner-logo{transition:none}}.toast{z-index:20;color:#fff;opacity:0;pointer-events:none;background:#084c6aeb;border-radius:20px;max-width:calc(100% - 30px);padding:9px 15px;font-size:12px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=640px){body{background:#edfbff}.page-shell{min-height:100svh;padding:0;display:block}.mobile-caption{display:none}.download-card{background:linear-gradient(150deg,#f3fdff,#e8faff);border:0;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;max-width:none;height:100svh;min-height:540px;margin:0;padding:0 12px;display:flex;transform:none}.desktop-caption,.download-kicker,.partner-strip{display:none}.brand-block{flex:none;width:100%;position:static}.brand-logo{height:auto}.brand-logo-image{width:clamp(200px,75%,280px);height:auto}.logo-symbol{flex-basis:69px;width:69px;height:59px}.brand-name{font-size:50px}.tagline{margin-top:2px;font-size:20px}.phones-frame{aspect-ratio:1.3;background:0 0;border:0;flex:none;width:clamp(214px,88%,330px);height:auto;margin-top:clamp(32px,6svh,44px);position:relative;inset:auto}.phones{width:89%;height:90%;margin:auto auto 6px}.phone-mockup-image{transform-origin:50%;transform:scaleX(1.15)}.phone-left,.phone-right{width:31%;height:85%}.phone-center{width:38%;height:100%}.download-options{flex-direction:column;flex:none;gap:9px;width:clamp(205px,78%,300px);margin-top:clamp(28px,5svh,36px);display:flex;position:static}.download-option{aspect-ratio:459/105;width:100%;height:auto;color:inherit;box-shadow:none;background:0 0;border-radius:0;padding:0;display:block}.ios-option{order:-1}.option-label,.option-cta,.icon-box,.mobile-option-copy{display:none}.mobile-button-image{object-fit:contain;width:100%;height:100%;display:block}.icon-box{background:0 0;border:0;flex:0 0 40px;width:40px;height:40px}.icon-box img{width:29px;height:29px}.desktop-option-icon{display:none!important}.mobile-option-icon{filter:brightness(0)invert();display:block!important}}