*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Noto Sans Thai,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.static{position:static}.relative{position:relative}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-2\.5{margin-bottom:.625rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-\[190px\]{min-height:190px}.w-\[46\%\]{width:46%}.w-full{width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2\.5{gap:.625rem}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-y-2{row-gap:.5rem}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.pb-2{padding-bottom:.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--navy-950:#06172b;--navy-900:#0a203c;--navy-800:#103254;--gold-500:#e8ad36;--gold-400:#f4c456;--cream-50:#fffdf7;--cream-100:#fbf6e9;--orange-500:#dd7d28;--ink:#16263a;--muted:#596473;--white:#fff;--line:#e8e0d1;--shadow:0 12px 36px rgba(26,34,45,.12);--radius:18px;--base-font-size:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--base-font-size)}body{margin:0;color:var(--ink);background:var(--cream-50);font-family:Noto Sans Thai,system-ui,sans-serif;line-height:1.55;overflow-x:hidden}body.font-large{--base-font-size:20px}body.font-small{--base-font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffcf58;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;left:16px;top:-80px;padding:12px 18px;background:var(--gold-400);color:var(--navy-950);border-radius:8px;font-weight:800;transition:top .2s}.skip-link:focus{top:12px}.site-header{position:sticky;z-index:100;top:0;color:var(--white);background:rgba(6,23,43,.97);box-shadow:0 4px 18px rgba(0,0,0,.18)}.header-inner{min-height:74px;max-width:1800px;margin:auto;padding:8px clamp(16px,2.2vw,42px);gap:24px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:9px;flex:0 0 auto}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(244,196,86,.5);border-radius:12px;background:linear-gradient(145deg,rgba(244,196,86,.18),rgba(244,196,86,.03));font-size:25px}.brand-copy{display:grid;line-height:.95;color:var(--gold-400)}.brand-copy strong{font-family:Playfair Display,serif;font-size:.92rem;letter-spacing:.06em}.brand-copy>span{font-size:.62rem;letter-spacing:.08em;font-weight:700}.brand-copy small{margin-top:5px;color:#d8e0e9;font-size:.48rem}.desktop-nav{align-self:stretch;display:flex;align-items:stretch;margin-right:auto}.desktop-nav a{position:relative;min-width:68px;padding:7px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:11px;color:#eef3f7;font-size:.62rem;font-weight:600;white-space:nowrap;transition:background .25s,color .25s,transform .25s}.desktop-nav a>span{font-size:1.08rem}.desktop-nav a:hover{color:var(--gold-400);transform:translateY(-1px)}.desktop-nav a.active{color:var(--navy-950);background:linear-gradient(180deg,#ffe183,var(--gold-400));box-shadow:0 5px 16px rgba(244,196,86,.3)}.header-actions{gap:6px}.header-actions,.header-search{display:flex;align-items:center}.header-search{width:clamp(150px,13vw,245px);height:43px;padding:0 12px;gap:8px;color:#5f6975;background:#fff;border-radius:11px}.header-search input{width:100%;border:0;outline:0;color:var(--ink);font-size:.65rem}.font-button,.icon-button,.menu-button{min-width:44px;height:44px;border:0;color:#fff;background:transparent;border-radius:10px;cursor:pointer}.icon-button{position:relative;font-size:1rem}.font-button:hover,.icon-button:hover{background:hsla(0,0%,100%,.1)}.notification-dot{position:absolute;top:2px;right:2px;width:17px;height:17px;display:grid;place-items:center;color:#fff;background:#d94848;border-radius:50%;font-size:10px;font-weight:800}.font-button{min-width:37px;font-size:.66rem;font-weight:800}.profile-chip{display:flex;align-items:center;gap:9px;margin-left:4px}.avatar{width:43px;height:43px;display:grid;place-items:center;color:var(--navy-900);background:#f1d0b8;border:2px solid hsla(0,0%,100%,.7);border-radius:50%;font-weight:800}.profile-chip>span:last-child{display:grid;line-height:1.2}.profile-chip small{color:#dce2e8;font-size:.58rem}.profile-chip strong{font-size:.72rem;white-space:nowrap}.menu-button{display:none;padding:11px}.menu-button span{display:block;height:2px;margin:4px 0;background:#fff;border-radius:5px}.mobile-menu{padding:8px 16px 16px;grid-template-columns:repeat(2,1fr);gap:8px}.mobile-menu:not([hidden]){display:grid}.mobile-menu a{min-height:48px;padding:10px;display:flex;align-items:center;gap:10px;background:#102d4c;border-radius:10px}.hero{position:relative;min-height:430px;overflow:hidden;color:#fff;background:radial-gradient(circle at 12% 70%,rgba(230,151,47,.26),transparent 28%),linear-gradient(100deg,#07192d,#123a59 48%,#392c25)}.hero:before{content:"";position:absolute;inset:0;opacity:.27;background-image:linear-gradient(30deg,transparent 40%,hsla(0,0%,100%,.05) 41%,transparent 42%);background-size:30px 30px}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,19,36,.2),transparent 70%)}.hero-content{position:relative;z-index:2;width:min(46%,710px);min-height:430px;padding:50px 24px 38px clamp(24px,7vw,130px);display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--gold-400);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:7px 0 10px;font-size:clamp(2.1rem,3.5vw,3.6rem);line-height:1.03;letter-spacing:-.04em}.hero h1 em{color:var(--gold-400);font-style:normal}.hero-lead{margin:0 0 18px;color:#f2f3f4;font-size:clamp(.92rem,1.25vw,1.18rem)}.benefits{display:flex;gap:clamp(12px,2vw,32px);margin:4px 0 22px}.benefits span{font-weight:700;font-size:.76rem;line-height:1.25}.benefits b{margin-right:4px;color:var(--gold-400);font-size:1.15rem}.benefits small{margin-left:34px;color:#ccd6de;font-size:.58rem;font-weight:500}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:50px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:999px;font-weight:800;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-2px)}.button-primary{color:#172331;background:linear-gradient(180deg,#ffd977,#e8aa33);box-shadow:0 9px 24px rgba(232,173,54,.28)}.button-secondary{border-color:hsla(0,0%,100%,.65);color:#fff;background:rgba(5,22,40,.38)}.hero-people{position:absolute;z-index:1;left:45%;bottom:0;width:37%;height:100%}.sun-orb{width:330px;height:330px;left:10%;bottom:-100px;border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(255,210,127,.38),rgba(224,126,43,.13) 50%,transparent 70%)}.person,.sun-orb{position:absolute}.person{bottom:34px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.3))}.person span{display:block;font-size:clamp(120px,15vw,220px);line-height:1}.person-one{left:0;transform:rotate(-2deg)}.person-two{left:32%;transform:rotate(3deg)}.tablet{position:absolute;z-index:3;left:23%;bottom:5px;width:230px;height:145px;padding:32px;color:#e7bd64;text-align:center;font-size:.72rem;letter-spacing:.12em;background:linear-gradient(145deg,#26394b,#071421);border:7px solid #344252;border-radius:16px;box-shadow:0 18px 24px rgba(0,0,0,.35);transform:rotate(-4deg)}.tablet b{font-size:1.7rem}.daily-card{position:absolute;z-index:4;right:clamp(20px,4vw,78px);top:50%;width:min(310px,28vw);padding:15px;border:1px solid rgba(255,210,112,.5);border-radius:18px;background:rgba(12,27,43,.85);box-shadow:0 18px 38px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateY(-50%)}.daily-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.target-icon{width:36px;height:36px;display:grid;place-items:center;color:var(--gold-400);border:2px solid var(--gold-400);border-radius:50%;font-size:1.3rem}.daily-heading small{color:#c6d0da;font-size:.47rem;letter-spacing:.1em}.daily-heading h2{margin:-2px 0 0;font-size:.86rem}.daily-heading a{color:#d5dce2;font-size:.52rem}.challenge-box{margin-top:12px;padding:13px;color:var(--ink);background:#fff;border-radius:12px}.challenge-box p{margin:0;font-size:.68rem;font-weight:700}.challenge-box>strong{font-size:.63rem;color:var(--muted)}.challenge-box>strong span{color:var(--orange-500);font-size:.88rem}.progress-row{display:flex;justify-content:space-between;margin-top:8px;font-size:.55rem;color:var(--muted)}.progress-row b{color:var(--navy-800)}.progress-track{height:7px;margin:5px 0 10px;overflow:hidden;background:#e3e5e7;border-radius:99px}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-500),#f5ca64);border-radius:inherit}.challenge-button{min-height:40px;padding:8px 15px;justify-content:center;color:#172331;background:linear-gradient(180deg,#ffda75,#e8aa33);border-radius:99px;font-size:.64rem;font-weight:800}.challenge-button,.checkin-row{display:flex;align-items:center}.checkin-row{gap:9px;padding:11px 5px 0}.checkin-row>span{font-size:1.25rem}.checkin-row div{flex:1;display:grid;line-height:1.2}.checkin-row strong{font-size:.62rem}.checkin-row small{color:#bec9d2;font-size:.48rem}.checkin-row>b{color:var(--gold-400);font-size:.66rem}.content-layout{max-width:1800px;margin:auto;padding:26px clamp(16px,2.2vw,42px) 55px;display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:24px}.section-heading{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading>div{display:flex;align-items:center;gap:10px}.section-heading small{display:block;color:var(--muted);font-size:.56rem}.section-heading h2{margin:0;color:var(--navy-900);font-size:1.35rem;line-height:1.1}.section-icon{font-size:1.6rem}.game-count{color:var(--muted);font-size:.6rem;white-space:nowrap}.section-heading>a{color:#22608e;font-size:.68rem;font-weight:700}.section-heading>a span{font-size:1.1rem}.category-filter{margin:14px 0 18px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.category-filter::-webkit-scrollbar{display:none}.category-filter button{min-height:42px;padding:8px 17px;flex:0 0 auto;border:1px solid #ded5c6;color:#415064;background:#fff;border-radius:999px;cursor:pointer;font-size:.68rem;font-weight:700}.category-filter button.active{color:#fff;background:var(--navy-800);border-color:var(--navy-800)}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px}.game-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(26,36,46,.07);transition:transform .28s,box-shadow .28s}.game-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.game-card[hidden]{display:none}.game-art{position:relative;height:118px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#263c57,#de9841)}.game-art.has-image{height:auto;display:block;background:#122033}.game-art.has-image:after,.game-art.has-image:before{display:none}.game-art-image{width:100%;height:auto;aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;display:block}.game-art:after,.game-art:before{content:"";position:absolute;border-radius:50%;background:hsla(0,0%,100%,.15)}.game-art:before{width:120px;height:120px;left:-35px;top:-65px}.game-art:after{width:80px;height:80px;right:-15px;bottom:-35px}.art-portrait{background:linear-gradient(135deg,#2c1820,#c47b39)}.art-map{background:linear-gradient(135deg,#3a7d68,#d8bd55)}.art-brain{background:linear-gradient(135deg,#3a205f,#c64b84)}.art-numbers{background:linear-gradient(135deg,#19445a,#72a7a0)}.art-detective{background:linear-gradient(135deg,#596c70,#c8964f)}.art-letters{background:linear-gradient(135deg,#365837,#baca68)}.art-music{background:linear-gradient(135deg,#2a1f33,#c47a48)}.art-market{background:linear-gradient(135deg,#b44d2e,#e0bb52)}.art-story{background:linear-gradient(135deg,#34281f,#977854)}.art-fortune{background:linear-gradient(135deg,#711d24,#e78c35)}.game-art-icon{position:relative;z-index:2;font-size:3.2rem;font-weight:800;text-shadow:0 6px 12px rgba(0,0,0,.2);transition:transform .3s}.game-card:hover .game-art-icon{transform:scale(1.08) rotate(-2deg)}.game-number{position:absolute;z-index:3;left:8px;top:8px;min-width:28px;height:28px;padding:0 5px;display:grid;place-items:center;color:var(--navy-900);background:var(--gold-400);border:2px solid #fff;border-radius:8px;font-size:.62rem;font-weight:900}.art-glow{position:absolute;width:80px;height:80px;background:rgba(255,215,139,.22);filter:blur(15px);border-radius:50%}.game-card-body{height:auto;padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px}.game-card h3{margin:0 0 4px;color:var(--navy-900);font-size:.78rem;line-height:1.3}.game-card p{display:-webkit-box;margin:0 0 10px;overflow:hidden;color:var(--muted);font-size:.58rem;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.game-tags{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:5px}.game-tags span{padding:4px 8px;color:#225f84;background:#e8f4f8;border-radius:99px;font-size:.49rem;font-weight:700}.game-tags .difficulty.easy{color:#27723c;background:#e4f5e8}.game-tags .difficulty.medium{color:#946311;background:#fff1ca}.game-tags .difficulty.challenging{color:#a63b43;background:#fbe2e4}.game-tags .difficulty.fun{color:#6c3d8d;background:#f0e7f7}.game-meta{margin:10px 0 8px;display:flex;justify-content:space-between;color:var(--muted);font-size:.48rem}.play-button{min-height:42px;padding:8px 13px;display:flex;align-items:center;justify-content:center;gap:12px;color:#1e2a36;background:linear-gradient(180deg,#ffdc7e,#e9ac35);border-radius:99px;font-size:.64rem;font-weight:800}.play-button:hover{box-shadow:0 5px 14px rgba(222,157,41,.3)}.side-column{padding-top:5px;display:flex;flex-direction:column;gap:13px}.promo-card,.stats-card,blockquote{border-radius:13px;overflow:hidden}.stats-card{padding:14px;border:1px solid var(--line);background:#fff;box-shadow:0 5px 16px rgba(26,36,46,.06)}.side-heading{display:flex;align-items:center;justify-content:space-between}.side-heading h2{margin:0;color:var(--navy-900);font-size:.82rem}.side-heading a{color:#26719e;font-size:.48rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.stats-grid div{min-height:71px;padding:9px;display:grid;grid-template-columns:auto 1fr;align-items:center;-moz-column-gap:7px;column-gap:7px;background:#fbf8f1;border-radius:9px}.stats-grid span{grid-row:span 2;font-size:1.15rem}.stats-grid strong{font-size:.83rem;line-height:1}.stats-grid small{color:var(--muted);font-size:.46rem;line-height:1.2}.promo-card{min-height:112px;padding:16px;display:flex;align-items:center;justify-content:space-between;color:#fff}.promo-card span{display:grid}.promo-card small{color:#ffd572;font-size:.49rem}.promo-card strong{margin:2px 0 9px;font-size:.78rem;line-height:1.3}.promo-card b{width:-moz-max-content;width:max-content;padding:5px 10px;color:var(--navy-900);background:var(--gold-400);border-radius:99px;font-size:.48rem}.promo-card i{font-size:2.8rem;font-style:normal;transition:transform .25s}.promo-card:hover i{transform:rotate(6deg) scale(1.08)}.invite-card{background:linear-gradient(135deg,#153e62,#071a31)}.book-card{background:linear-gradient(135deg,#3a2418,#151515)}blockquote{margin:0;min-height:96px;padding:17px;display:grid;place-items:center;color:#fff;text-align:center;font-family:Playfair Display,Noto Sans Thai,serif;font-size:.78rem;background:linear-gradient(rgba(22,50,68,.3),rgba(22,50,68,.75)),linear-gradient(135deg,#7596a4,#cb9f62)}.library-page{min-height:75vh}.page-banner{padding:55px 24px;color:#fff;text-align:center;background:radial-gradient(circle at 50% 120%,rgba(233,173,54,.4),transparent 35%),linear-gradient(135deg,var(--navy-950),var(--navy-800))}.page-banner h1{margin:5px 0 3px;color:var(--gold-400);font-size:clamp(2rem,4vw,3.2rem)}.page-banner p{margin:0;color:#dbe4eb}.library-container{max-width:1540px;margin:auto;padding:32px clamp(16px,3vw,48px) 60px}.library-container .game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-placeholder-page{min-height:72vh;padding:50px 16px;display:grid;place-items:center;background:var(--cream-100)}.game-placeholder{width:min(650px,100%);padding:clamp(28px,6vw,60px);text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.placeholder-icon{display:block;font-size:4rem}.placeholder-cover{width:min(100%,360px);aspect-ratio:1;margin:0 auto 18px;-o-object-fit:cover;object-fit:cover;border-radius:20px;box-shadow:0 12px 28px rgba(16,32,48,.18)}.game-placeholder h1{margin:8px 0;color:var(--navy-900);font-size:clamp(1.7rem,4vw,2.7rem)}.game-placeholder p{color:var(--muted)}.notice-box{margin:22px 0;padding:15px;color:#725315;background:#fff4d5;border-radius:12px}.game-placeholder .button-secondary{color:var(--navy-800);border-color:var(--navy-800)}.site-footer{padding:34px clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#d8e1e9;background:var(--navy-950)}.site-footer strong{color:var(--gold-400)}.site-footer p{margin:3px 0 0;font-size:.65rem}.site-footer nav{display:flex;gap:24px;font-size:.65rem}.bottom-nav{display:none}@media (max-width:1480px){.desktop-nav a{min-width:57px;padding-inline:6px;font-size:.56rem}.header-search{display:none}.game-grid,.library-container .game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1180px){.desktop-nav{display:none}.header-actions{margin-left:auto}.menu-button{display:block}.hero-content{width:53%;padding-left:40px}.hero-people{left:42%;width:41%;opacity:.78}.daily-card{right:20px;width:280px}.content-layout{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1.2fr 1fr 1fr}.side-column blockquote{display:none}}@media (max-width:820px){.site-header{position:sticky}.header-inner{min-height:68px}.font-button,.icon-button,.profile-chip{display:none}.hero{min-height:auto;padding-bottom:20px}.hero-content{width:100%;min-height:490px;padding:38px 24px 180px;text-align:center;align-items:center}.benefits{justify-content:center}.benefits small{display:none}.hero-people{left:50%;bottom:168px;width:360px;height:210px;opacity:.58;transform:translateX(-50%)}.person{bottom:0}.person span{font-size:120px}.person-one{left:45px}.person-two{left:145px}.tablet{left:100px;bottom:-10px;width:150px;height:85px;padding:13px}.daily-card{position:relative;right:auto;top:auto;width:calc(100% - 32px);max-width:520px;margin:-150px auto 0;transform:none}.content-layout{padding-top:20px}.game-grid,.library-container .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.side-column{grid-template-columns:1fr 1fr}.stats-card{grid-column:1/-1}.bottom-nav{position:fixed;z-index:99;left:0;right:0;bottom:0;min-height:68px;display:grid;grid-template-columns:repeat(5,1fr);padding:5px max(5px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom));color:#dbe2e8;background:rgba(6,23,43,.98);box-shadow:0 -3px 18px rgba(0,0,0,.2)}.bottom-nav a{min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:.55rem}.bottom-nav a span{font-size:1rem}.bottom-nav a.active{color:var(--gold-400)}.site-footer{padding-bottom:95px}}@media (max-width:620px){.brand-mark{width:43px;height:43px}.hero-content{min-height:465px;padding-inline:18px}.hero h1{font-size:2.35rem}.hero-lead br{display:none}.benefits{width:100%;gap:5px}.benefits span{flex:1;font-size:.64rem}.hero-actions{width:100%}.hero-actions .button{flex:1 1 100%}.section-heading{align-items:flex-end}.game-count,.section-heading small{display:none}.section-heading h2{font-size:1.08rem}.game-grid,.library-container .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-art{height:105px}.game-art.has-image{height:auto;aspect-ratio:1/1}.game-card-body{padding:10px}.game-card h3{font-size:.72rem}.game-meta{display:none}.play-button{margin-top:9px}.side-column{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start}.site-footer nav{flex-wrap:wrap;gap:12px}}@media (max-width:390px){.game-grid,.library-container .game-grid{grid-template-columns:1fr}.game-art{height:130px}.game-art.has-image{height:auto;aspect-ratio:1/1}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}