:root{--orange:#ffea45;--deep:#075c9b;--ink:#f4fbff;--muted:#b3ecff;--paper:#15c1ed}body{background:linear-gradient(145deg,#1c9ee8,#14c4ef 45%,#08ace8);color:#f2fbff}.header{position:fixed;inset:0 0 auto;height:83px;z-index:20;padding:8px 28px;background:linear-gradient(#1682de,#148ee6);border-bottom:1px solid #43b8f1;gap:20px}.header .logo{width:185px}.header-caption{margin:0 auto 0 12px;color:#bceaff;font-size:6px;letter-spacing:1.6px}.header-actions{gap:12px}.button.white{background:linear-gradient(#6aff9e,#2af581);color:#074935;border:1px solid #38ec8a;border-radius:6px;box-shadow:0 3px 9px #07558d22}.button.outline{background:linear-gradient(#12c8f3,#08a9e8);border-color:#4ddcff;color:#fff;border-radius:6px}.header-actions #menu-toggle{display:none}.navigation{position:fixed;top:83px;bottom:0;left:0;width:225px;height:calc(100vh - 83px);padding:26px 16px 20px;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;overflow:auto;z-index:15;background:linear-gradient(#158ee3,#00baf0);border-right:1px solid #42d5f5;border-bottom:0}.navigation a{justify-content:flex-start;align-items:center;gap:11px;min-height:48px;padding:8px 12px;font-size:12px;font-weight:700;color:#fff04b;border-radius:9px;background:linear-gradient(#006da9,#006da9 45%,#078fd6);box-shadow:inset 0 0 0 1px #4ac7f655,0 4px 0 #006ba326;text-shadow:0 1px 2px #00548577}.navigation a>span{font-size:22px;line-height:1.2;width:26px;text-align:center;flex-shrink:0;color:#ffed47}.navigation a>b{margin-left:auto;background:#eafbff;color:#0873ae;border-radius:50%;font:18px/18px Georgia;width:18px;height:18px;text-align:center;flex-shrink:0}.navigation a.active,.navigation a:hover{color:#fff876;background:linear-gradient(#005987,#0077bb 60%,#029bdf);box-shadow:inset 0 0 0 1px #68e2ff88,0 4px 9px #076dbd33}.sidebar-caption{font:bold 18px Georgia;color:#e0f8ff;text-align:center;margin:22px 0 0}.sidebar-caption small{font:5px 'Noto Sans Thai',sans-serif;letter-spacing:1px;display:block;margin-top:10px;color:#9ce8ff}main{margin-left:225px;padding:103px 22px 0;max-width:1800px}.hero{min-height:355px;aspect-ratio:3.2;border-radius:11px;border:1px solid #3bd9fd;background:#0879b6;box-shadow:0 8px 24px #0069a51c;overflow:hidden}.hero-image{object-position:center}.hero-copy{margin-left:41%;padding:88px 22px 24px;text-align:center}.hero-copy h1{font-size:clamp(31px,3.2vw,46px);color:#fff;line-height:1.35;text-shadow:0 2px 5px #005e8277;margin-bottom:11px}.hero-copy h1>span{color:#fff04b}.hero-copy .eyebrow{font-size:6px;color:#b9f6ff;letter-spacing:1.5px;margin-bottom:8px}.hero-lead{font-size:13px;color:#e3fbff}.hero-copy>p:not(.eyebrow):not(.hero-lead){font-size:10px;color:#b8efff;line-height:1.9;margin-bottom:16px}.button.orange{background:linear-gradient(#fff77c,#ffe434);color:#255769;border-color:#ffd524;box-shadow:0 4px 15px #035e9e33}.hero-copy .button{font-size:10px;padding:8px 17px}.hero-edition{font-size:5px;color:#a9ebfc;letter-spacing:1.4px;bottom:10px}.announcement{background:linear-gradient(#1599e1,#0888d0);color:#d7f5ff;border:1px solid #45cef5;border-radius:9px;padding:9px 13px;margin:17px 0 0;font-size:9px;box-shadow:0 4px 10px #006aaa11}.announcement>span{color:#ffed4b}.announcement a{color:#fff072;font-size:8px}.section{padding-left:8px;padding-right:8px}.quick-services{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#e4faff22;border:1px solid #67dcff66;border-radius:11px;margin:23px 0 0;overflow:hidden}.quick-services a{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:13px 3px;gap:5px;font-size:9px;color:#e7fcff;border-right:1px solid #8be7ff55}.quick-services a:last-child{border:0}.quick-services a>span{font:26px Georgia;color:#ffe94b}.quick-services a:hover{background:#005cb522}.collections{padding-top:29px}.section-heading h2{color:#fff;font-size:26px}.section-heading .eyebrow{font-size:7px;color:#a3edff;letter-spacing:1.7px}.button.subtle{color:#f7ff63;background:linear-gradient(#1299e3,#0670bd);border-color:#61d6ff;font-size:9px}.filters button{color:#edfdff;background:linear-gradient(#159cdf,#0b89d2);border-color:#72dfff88;font-size:10px}.filters button.selected{color:#3b5a20;background:linear-gradient(#fff96a,#ffe72d);border-color:#fff562}.game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.game-card{background:#56d2ef;border-color:#76e9ff;border-radius:11px;box-shadow:0 4px 11px #086c9c18}.game-card:hover{box-shadow:0 8px 19px #0565a32b;border-color:#ebfeff}.card-top{background:linear-gradient(#16a7e8,#0788d0)}.card-top small{color:#c7f4ff}.favorite{background:linear-gradient(#52d7ff,#048fd1);color:#fff}.favorite[aria-pressed="true"]{color:#fff04a}.cover{aspect-ratio:3/3.45}.cover-symbol{font-size:clamp(56px,5.6vw,86px)}.cover-name{font-size:clamp(16px,1.8vw,25px)}.game-card h3{background:linear-gradient(#38c7f1,#1bb4e7);color:#fff;min-height:44px;font-size:10px}.cover-hover{background:#006aa477}.cover-hover>span{background:#ffed4b;color:#12608a}.caption{font-size:9px;color:#b8f1ff}.empty{color:#fff47b}.about{border:1px solid #5edafa88;border-radius:12px;background:linear-gradient(120deg,#138ed2,#0b9bd8);margin:15px 0;padding:35px 25px;gap:35px}.about-brand{background:radial-gradient(ellipse,#0785c8,#0567a9);border-color:#5ddcfc66;min-height:235px}.about-brand img{width:80%;max-width:295px}.about-brand small{font-size:5px;color:#8cddfb}.about h2,.faq h2{color:#fff}.about>div>p:not(.eyebrow){font-size:11px;color:#bcefff}.eyebrow{color:#ffeb58}.text-link{color:#ffed50}.section-label{color:#a5ebfc}.article-grid{gap:16px}.article-grid article{background:linear-gradient(130deg,#128cd0,#099ddc);border-color:#61d6f788;padding:23px}.article-grid h3{color:#fff;font-size:15px}.article-grid article>span{color:#fff27b}.article-grid p{color:#bcefff}.article-grid a{color:#fff06d}.faq{gap:35px;padding-top:15px}.faq>div>p:not(.eyebrow){color:#b7f1ff}.faq-list details{border-color:#81e3ff88}.faq-list summary{color:#f4fdff;font-size:11px}.faq-list summary>span{color:#ffed4a}.faq-list p{color:#b7efff}footer{margin-left:225px;background:linear-gradient(#0979bb,#0667a3);border-color:#3ec9f3;padding:28px 30px 20px}footer .logo{width:185px}footer>p{color:#91d9fb;font-size:6px;letter-spacing:1.1px}footer nav{color:#c5f3ff}.footer-bottom{border-color:#41bfe855;color:#87d9f7}.back-top{background:linear-gradient(#fff972,#ffe42c);color:#0773aa}.mobile-bottom{background:linear-gradient(#068ad0,#065d9c);border-color:#40ccf5}.mobile-bottom a{color:#fff65f}.mobile-bottom span{color:#bdefff}.toast{background:#d3f6ff;color:#096b99;border-color:#65d8f4}.guide-layout{margin:0 auto;max-width:950px;padding:112px 30px 65px}.guide-layout h1,.guide-layout article h2{color:#fff}.guide-layout .lead,.guide-layout article p,.guide-layout article li{color:#c9f5ff}.guide-layout article h3{color:#fff483}.guide-layout article{border-color:#75ddf9}.breadcrumb{color:#a4eaff}.guide-links a{background:#0b8dcf;border-color:#80e3ff;color:#edfcff}.guide-layout+footer{margin-left:0}
.button.cta{background:linear-gradient(#ffe368,#ffb01c);color:#4a2b00;border-color:#ffc53d;border-radius:6px;font-weight:700;box-shadow:0 4px 14px #00507f33}.button.cta:hover{background:linear-gradient(#fff3a1,#ffc247)}.button.login{background:linear-gradient(#6aff9e,#2af581);color:#07492f;border-color:#38ec8a;border-radius:6px;font-weight:700;box-shadow:0 3px 9px #07558d22}.navigation a.nav-cta{background:linear-gradient(#ffe368,#ffb01c);color:#4a2b00;text-shadow:none;box-shadow:inset 0 0 0 1px #fff2b4,0 4px 0 #c9790026}.navigation a.nav-cta>span{color:#4a2b00}.navigation a.nav-cta>b{background:#4a2b00;color:#ffd84a}.navigation a.nav-cta:hover{background:linear-gradient(#fff3a1,#ffc247);color:#3b2200}.join{text-align:center;border:1px solid #5edafa88;border-radius:12px;background:linear-gradient(120deg,#138ed2,#0b9bd8);margin:18px 0;padding:35px 25px}.join h2{color:#fff}.join .join-lead{color:#c9f5ff}.join .caption{color:#bcefff}.updated{color:#a9e9ff}.updated a{color:#fff06d}.mobile-bottom a.bottom-cta{background:linear-gradient(#ffe368,#ffb01c);color:#4a2b00;border-radius:9px;margin:-3px 5px}.mobile-bottom a.bottom-cta span{color:#4a2b00;font-weight:700;font-size:7px}
@media(min-width:1660px){main{padding-left:35px;padding-right:35px}.hero-copy{padding-top:100px}.hero{min-height:400px}}
@media(max-width:1100px){.header-caption{display:none}.header{padding-left:22px;padding-right:22px}.navigation{width:200px;padding-left:12px;padding-right:12px}.navigation a{font-size:11px;gap:8px;padding-left:10px;padding-right:10px}main{margin-left:200px;padding:102px 18px 0}footer{margin-left:200px}.hero{min-height:335px}.hero-copy{margin-left:37%;padding:85px 16px 20px}.hero-copy h1{font-size:34px}.hero-lead{font-size:11px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cover-symbol{font-size:72px}.cover-name{font-size:22px}.quick-services a{font-size:8px}.quick-services a>span{font-size:24px}}
@media(max-width:760px){html{scroll-padding-top:83px}.header{height:76px;padding:8px 12px;gap:8px}.header .logo{width:126px}.header-actions{gap:7px}.header-actions .white{display:none}.header-actions .auth{font-size:9px;padding:8px 10px}.join{padding:26px 16px;margin-top:4px}.header-actions .outline{font-size:9px;padding:7px 10px}.header-actions #menu-toggle{display:block;border:0;background:none;color:#fff15a;font-size:23px;padding:0}.navigation{display:flex;position:fixed;top:76px;left:0;bottom:0;right:auto;width:235px;height:calc(100vh - 76px);padding:20px 14px;gap:9px;transform:translateX(-100%);box-shadow:15px 0 35px #0065a044;transition:transform .2s;border-right:1px solid #62dcfb}.navigation.open{display:flex;transform:translateX(0)}.navigation a{font-size:12px;padding:9px 12px;min-height:48px}.navigation a:hover,.navigation a.active{background:linear-gradient(#005987,#0077bb 60%,#029bdf);color:#fffa77}main{margin:0;padding:92px 15px 0}.hero{min-height:455px;aspect-ratio:auto}.hero-image{object-position:28% center;opacity:.87}.hero:after{background:linear-gradient(0deg,#005b9beF,#036ca8d9 34%,#078cbd11 88%)}.hero-copy{margin:0;width:100%;left:0;right:0;bottom:23px;padding:20px;z-index:1}.hero-copy h1{font-size:36px;color:white}.hero-copy .eyebrow{font-size:6px;letter-spacing:1.5px;color:#9af4ff}.hero-lead{font-size:12px}.hero-copy>p:not(.eyebrow):not(.hero-lead){font-size:10px;color:#c7f8ff}.hero-copy .button{font-size:10px}.hero-edition{bottom:9px;font-size:5px;z-index:2;color:#9de8fc}.announcement{margin:14px 0 0;padding:8px 11px;font-size:8px;gap:8px}.announcement a{font-size:8px}.quick-services{margin-top:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.quick-services a{font-size:9px;padding:12px 4px;border-bottom:1px solid #8be7ff55}.quick-services a:nth-child(3){border-right:0}.quick-services a:nth-child(n+4){border-bottom:0}.section{padding:30px 0}.collections{padding-top:27px}.section-heading h2{font-size:24px}.filters button{font-size:9px;padding:5px 12px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px}.cover{aspect-ratio:3/3.8}.cover-symbol{font-size:56px}.cover-name{font-size:15px}.game-card h3{font-size:9px;min-height:39px}.caption{font-size:8px}.about{padding:27px 18px;gap:24px}.about-brand{min-height:185px}.about h2,.faq h2{font-size:24px}.about>div>p:not(.eyebrow){font-size:11px}.journal{padding-bottom:30px}.faq{padding-top:10px;gap:6px;padding-bottom:35px}.article-grid article{padding:22px}.article-grid h3{font-size:16px}footer{margin:0;padding:27px 15px 85px}footer .logo{width:170px}.back-top{bottom:78px}.toast{bottom:80px}.guide-layout{padding:105px 19px 45px;max-width:100%}.guide-layout h1{font-size:28px}.guide-layout article p,.guide-layout article li{font-size:13px}}
@media(max-width:360px){.header .logo{width:106px}.header-actions .outline{font-size:8px;padding:6px 8px}.header-actions .auth{font-size:8px;padding:7px 8px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-symbol{font-size:70px}.cover-name{font-size:20px}.hero-copy h1{font-size:32px}}