*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--color-page-900);color:var(--color-white);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-body);line-height:var(--leading-body);overflow-x:hidden}html[lang=th] body{line-height:var(--leading-body-th);letter-spacing:var(--tracking-th)}img,svg,video{max-width:100%;height:auto}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-black);line-height:var(--leading-heading);margin:0 0 var(--space-3)}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3,html[lang=th] h4{line-height:var(--leading-heading-th)}p{margin:0 0 var(--space-4)}a{color:var(--color-gold-400);text-decoration:none}a:hover{color:var(--color-gold-100)}:focus-visible{outline:none;box-shadow:var(--ring-focus);border-radius:var(--radius-sm)}.wrap{width:100%;max-width:var(--content-outer);margin-inline:auto;padding-inline:var(--gutter)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;left:var(--space-4);top:calc(-1 * var(--space-20));z-index:var(--z-toast);padding:var(--space-3) var(--space-5);background:var(--color-cta-100);color:var(--color-ink);font-weight:var(--weight-bold);border-radius:var(--radius-pill);transition:top var(--motion-hover) var(--ease-out)}.skip:focus{top:var(--space-4)}main{display:block;min-height:60vh}main>.wrap{padding-block:var(--space-10) var(--space-20)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:var(--space-3) var(--space-6);border:0;background:var(--gradient-cta);color:var(--color-ink);box-shadow:var(--shadow-3d-cta);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--text-body-lg);font-weight:var(--weight-black);line-height:1.25;text-align:center;white-space:nowrap;cursor:pointer;transition:transform var(--motion-hover) var(--ease-out),box-shadow var(--motion-hover) var(--ease-out)}.btn.big{min-height:56px;padding-inline:var(--space-8)}.btn.xl{min-height:66px;padding-inline:var(--space-10);font-size:var(--text-tagline)}.btn.block{display:flex;width:100%}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-3d-cta-hover)}.btn:active{transform:translateY(var(--press-translate));box-shadow:var(--shadow-3d-cta-pressed)}.btn.t-gold{background:var(--gradient-cta);color:var(--color-ink);box-shadow:var(--shadow-3d-cta)}.btn.t-gold:hover{background:var(--gradient-cta-hover);transform:translateY(-3px);box-shadow:var(--shadow-3d-cta-hover);color:var(--color-ink)}.btn.t-gold:active{transform:translateY(var(--press-translate));box-shadow:var(--shadow-3d-cta-pressed)}.btn.t-blue{background:var(--gradient-cta-blue);color:var(--color-white);box-shadow:var(--shadow-3d-blue)}.btn.t-blue:hover{background:var(--gradient-cta-blue-hover);transform:translateY(-3px);box-shadow:var(--shadow-3d-blue-hover);color:var(--color-white)}.btn.t-blue:active{transform:translateY(var(--press-translate));box-shadow:var(--shadow-3d-blue-pressed)}.btn.t-outline{background:var(--color-cream-100);border:2.5px solid var(--color-copper-600)}.btn.t-outline,.btn.t-outline:hover{color:var(--color-ink);box-shadow:var(--shadow-3d-outline)}.btn.t-outline:hover{transform:translateY(-3px)}.btn.t-outline:active{transform:translateY(var(--press-translate));box-shadow:none}.btn.t-ghost{background:var(--color-surface-row);border:1px solid var(--color-surface-row-hover)}.btn.t-ghost,.btn.t-ghost:hover{color:var(--color-white);box-shadow:none}.btn.t-ghost:hover{background:var(--color-surface-row-hover);transform:none}.btn.t-ghost:active{transform:translateY(var(--press-translate));box-shadow:none}.btn:disabled,.btn[aria-disabled=true]{background:var(--color-surface-row);color:var(--color-disabled-on-dark);box-shadow:none;transform:none;cursor:not-allowed}.btn:focus-visible{box-shadow:var(--ring-focus)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border:0;border-radius:var(--radius-pill);background:var(--color-surface-row);color:var(--color-gold-400);cursor:pointer;transition:background var(--motion-hover) var(--ease-out)}.icon-btn:hover{background:var(--color-surface-row-hover)}.icon-btn svg{width:22px;height:22px}.hdr-wrap{position:relative;z-index:var(--z-sticky)}.hdr-wrap.floating{position:absolute;inset-inline:0;top:0}.hdr-wrap.solid{background:var(--color-page-800);border-bottom:1px solid var(--color-surface-row-hover)}.hdr{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);width:100%;max-width:var(--content-outer);margin-inline:auto;padding:var(--space-4) var(--gutter)}.mark{flex:none;display:inline-flex}.plate{position:relative;display:inline-block;padding-top:14px}.plate-rope{position:absolute;inset-inline:0;top:0;height:14px}.plate-rope:after,.plate-rope:before{content:"";position:absolute;top:0;width:3px;height:30px;background:var(--color-plate-hanger);border-radius:var(--radius-pill)}.plate-rope:before{left:22%;transform:rotate(-8deg)}.plate-rope:after{right:22%;transform:rotate(8deg)}.plate-body{display:block;padding:var(--space-2) var(--space-5);background:var(--color-plate);border:3px solid var(--color-plate-edge);border-radius:var(--radius-lg);box-shadow:var(--shadow-3d-plate);text-align:center;transform-origin:50% -14px;animation:ua-swing var(--motion-swing) ease-in-out infinite}.plate-body b,.plate-body i{display:block;font-family:var(--font-display);color:var(--color-ink);font-style:normal}.plate-body b{font-size:21px;font-weight:var(--weight-black);line-height:1.05}.plate-body i{font-size:13px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline)}.plate.sm .plate-body b{font-size:19px}.plate.sm .plate-body i{font-size:12px}.hdr-search{position:relative;flex:1 1 auto;max-width:440px;margin-inline:auto;display:flex;align-items:center;min-height:54px;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-5);background:var(--color-scrim-floor);border:1px solid var(--color-surface-row-hover);border-radius:var(--radius-pill);box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hdr-search .field{flex:1 1 auto;display:block}.hdr-search input{width:100%;border:0;background:transparent;color:var(--color-white);font-family:var(--font-body);font-size:var(--text-body-lg);font-weight:var(--weight-medium)}.hdr-search input::placeholder{color:var(--color-on-dark-muted)}.hdr-search input:focus{outline:none}.hdr-search:focus-within{box-shadow:var(--ring-focus)}.hdr-search-go{flex:none;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-pill);background:var(--gradient-cta);color:var(--color-ink);cursor:pointer}.hdr-search-go svg{width:20px;height:20px}.hdr-end{flex:none;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--color-scrim-floor);border:1px solid var(--color-surface-row-hover);border-radius:var(--radius-pill);box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hdr-search-sm{display:none}.hdr-end .icon-btn{background:transparent}.hdr-end .icon-btn:hover{background:var(--color-surface-row-hover)}.lang-pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding-inline:var(--space-3);border-radius:var(--radius-pill);color:var(--color-gold-400)}.lang-pill svg{width:20px;height:20px}.lang{display:inline-flex;align-items:center;gap:var(--space-2)}.lang-link{color:var(--color-gold-100);font-weight:var(--weight-bold);font-size:var(--text-sm)}.lang-link[aria-current=true]{color:var(--color-white);text-decoration:underline;text-underline-offset:4px}.drawer-toggle{position:relative}.drawer-toggle>summary{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border:2px solid var(--color-gold-400);border-radius:var(--radius-pill);background:var(--color-surface-row-hover);color:var(--color-gold-400);cursor:pointer;list-style:none}.drawer-toggle>summary::-webkit-details-marker{display:none}.drawer-toggle>summary svg{width:22px;height:22px}.drawer-panel{position:absolute;inset-inline-end:0;top:calc(var(--tap-min) + var(--space-2));z-index:var(--z-overlay);display:grid;gap:var(--space-1);min-width:232px;padding:var(--space-3);background:var(--color-surface-dark-2);border:1px solid var(--color-surface-row-hover);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel)}.drawer-link{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-on-dark);font-weight:var(--weight-medium)}.drawer-link svg{width:21px;height:21px;flex:none}.drawer-link:hover{background:var(--color-surface-row-hover);color:var(--color-white)}.drawer-link[aria-current=page]{background:var(--color-surface-row);color:var(--color-gold-400)}.hero{position:relative;display:flex;align-items:center;min-height:100vh;padding-block:calc(var(--space-24) + var(--space-12)) var(--space-24);background:var(--gradient-hero);overflow:hidden}.hero-media{position:absolute;inset:0;z-index:var(--z-base)}.hero-bg{object-fit:cover;object-position:62% center}.hero-veil{background:var(--gradient-hero-veil)}.hero-scrim,.hero-veil{position:absolute;inset:0}.hero-scrim{background:var(--gradient-hero-vignette)}.hero-sparks{position:absolute;inset:0}.hero-sparks i{position:absolute;border-radius:50%}.hero-sparks .star{width:4px;height:4px;background:var(--color-gold-spark);animation:ua-twinkle var(--motion-twinkle) ease-in-out infinite}.hero-sparks .fly{width:7px;height:7px;background:var(--color-gold-glow);box-shadow:0 0 12px var(--color-gold-glow);animation:ua-rise var(--motion-rise) linear infinite}.hero-grid{position:relative;z-index:var(--z-panel);display:grid;grid-template-columns:1fr;gap:var(--space-10);align-items:center}.hero-lede{position:relative;width:fit-content;max-width:100%;filter:var(--filter-hero-halo)}.hero-eyebrow,.hero-tagline{paint-order:stroke fill;-webkit-text-stroke:var(--hero-halo-stroke-sm) var(--color-hero-halo)}.hero-line2{paint-order:stroke fill;-webkit-text-stroke:var(--hero-halo-stroke) var(--color-hero-halo)}.hero-eyebrow{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-tagline);font-weight:var(--weight-bold);color:var(--color-on-dark-heading)}.hero-copy h1{margin:0;letter-spacing:var(--tracking-display);line-height:var(--leading-display)}html[lang=th] .hero-copy h1{line-height:var(--leading-display-th);letter-spacing:var(--tracking-th)}.hero-line1,.hero-line2{display:block}.hero-line1{font-size:var(--text-display);background:var(--gradient-headline);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 var(--color-headline-drop))}.hero-line2{font-size:var(--text-display-2);color:var(--color-white);filter:drop-shadow(0 6px 0 var(--color-headline-drop-2))}.hero-tagline{margin:var(--space-4) 0 0;font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-white)}.hero-rule{display:block;width:min(340px,100%);height:3px;margin-block:var(--space-5);background:linear-gradient(90deg,var(--color-gold-400),transparent);border-radius:var(--radius-pill)}.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.hero-card{max-width:460px}.hero-card h2{font-size:var(--text-h3)}.hero-scroll{display:flex;align-items:center;gap:var(--space-3);margin:0;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);letter-spacing:var(--tracking-overline);color:var(--color-ink-soft)}html[lang=th] .hero-scroll{letter-spacing:var(--tracking-th);font-size:var(--text-label-th)}.hero-scroll .dot{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--gradient-cta);color:var(--color-ink);animation:ua-float var(--motion-float) ease-in-out infinite}.hero-scroll .dot svg{width:20px;height:20px}.hero-down{position:absolute;z-index:var(--z-panel);left:50%;bottom:var(--space-8);transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--color-scrim-floor);border:1px solid var(--color-surface-row-hover);color:var(--color-gold-400);animation:ua-float var(--motion-float) ease-in-out infinite}.hero-down svg{width:24px;height:24px}.cloud{position:relative;padding:var(--space-8);background:var(--color-cream-200);border-radius:var(--radius-5xl);color:var(--color-ink-body);filter:var(--filter-cloud-drop)}.cloud>h2,.cloud>h3{color:var(--color-ink)}.cloud:before{--cloud-k:1;--cloud-bleed:calc(60px * var(--cloud-k));content:"";position:absolute;inset:calc(-1 * var(--cloud-bleed));z-index:-1;pointer-events:none;background:radial-gradient(circle at calc(6% + 128px * var(--cloud-k)) calc(101px * var(--cloud-k)),var(--color-cream-200) 0 calc(74px * var(--cloud-k)),transparent calc(75px * var(--cloud-k))),radial-gradient(circle at calc(44% + 102px * var(--cloud-k)) calc(97px * var(--cloud-k)),var(--color-cream-200) 0 calc(94px * var(--cloud-k)),transparent calc(95px * var(--cloud-k))),radial-gradient(circle at calc(100% - 99px * var(--cloud-k)) calc(24% + 96px * var(--cloud-k)),var(--color-cream-200) 0 calc(64px * var(--cloud-k)),transparent calc(65px * var(--cloud-k))),radial-gradient(circle at calc(90px * var(--cloud-k)) calc(38% + 74px * var(--cloud-k)),var(--color-cream-200) 0 calc(59px * var(--cloud-k)),transparent calc(60px * var(--cloud-k))),radial-gradient(circle at calc(20% + 116px * var(--cloud-k)) calc(100% - 100px * var(--cloud-k)),var(--color-cream-200) 0 calc(79px * var(--cloud-k)),transparent calc(80px * var(--cloud-k))),radial-gradient(circle at calc(88% - 111px * var(--cloud-k)) calc(100% - 95px * var(--cloud-k)),var(--color-cream-200) 0 calc(64px * var(--cloud-k)),transparent calc(65px * var(--cloud-k)))}.discover{position:relative;display:flex;align-items:center;min-height:660px;padding-block:var(--space-16);background:var(--gradient-sky);overflow:hidden}.discover-bg{object-fit:cover;object-position:62% center}.clouds i{position:absolute;height:46px;border-radius:var(--radius-pill);background:var(--color-sky-100);opacity:.55;filter:blur(10px);animation:ua-drift var(--motion-drift) linear infinite alternate}.clouds .c1{width:240px;top:14%;left:-6%}.clouds .c2{width:180px;top:44%;left:30%;animation-duration:46s;animation-direction:alternate-reverse}.clouds .c3{width:300px;bottom:12%;left:12%;animation-duration:40s}.discover-grid{position:relative;z-index:var(--z-panel);display:grid;grid-template-columns:1fr;gap:var(--space-8)}.discover-card{max-width:560px}.discover-card h2{font-size:var(--text-h1)}.panel{position:relative;z-index:var(--z-panel);padding:var(--space-12) var(--space-8) var(--space-12);background:var(--gradient-panel);border-radius:var(--radius-4xl);box-shadow:var(--shadow-panel);color:var(--color-ink-body)}.panel.pull{margin-top:-46px}.panel-head{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.panel-head:after,.panel-head:before{content:"";flex:1 1;max-width:260px;height:1px;background:var(--color-copper-400)}.panel-head h2{margin:0;font-size:var(--text-h1);color:var(--color-ink);text-align:center}.panel-head .leaf{display:inline-flex;color:var(--color-leaf)}.panel-head .leaf svg{width:30px;height:30px}.panel-head .leaf.flip{transform:scaleX(-1)}.panel-sub{margin:var(--space-2) 0 var(--space-8);text-align:center;color:var(--color-ink-soft)}.rail-wrap{position:relative}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(196px,1fr);gap:var(--space-5);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:var(--space-3);scrollbar-width:thin}.rail>*{scroll-snap-align:start}.rail-nav{position:absolute;top:0;bottom:0;margin-block:auto;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:2px solid var(--color-copper-600);border-radius:var(--radius-pill);background:var(--color-cream-100);color:var(--color-ink);box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--motion-hover) var(--ease-out),box-shadow var(--motion-hover) var(--ease-out)}.rail-nav svg{width:24px;height:24px}.rail-nav.prev{inset-inline-start:calc(-1 * var(--space-5))}.rail-nav.next{inset-inline-end:calc(-1 * var(--space-5))}.rail-nav:hover{transform:translateY(var(--hover-lift));box-shadow:var(--shadow-card-hover)}.rail-nav:active{transform:translateY(var(--press-translate))}.rail-nav:focus-visible{outline:none;box-shadow:var(--ring-focus)}@media (max-width:767px){.rail-nav.prev{inset-inline-start:0}.rail-nav.next{inset-inline-end:0}}.panel-cta{display:flex;justify-content:center;margin-top:var(--space-8)}.cat-tile{display:block;overflow:hidden;border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);background:var(--color-cream-100);transition:transform var(--motion-hover) var(--ease-out),box-shadow var(--motion-hover) var(--ease-out)}.cat-tile:hover{transform:translateY(var(--hover-lift));box-shadow:var(--shadow-card-hover)}.cat-tile:active{transform:translateY(var(--press-translate))}.cat-art{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1}.cat-art svg{width:44%;height:44%;opacity:.75}.cat-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cat-bar{display:flex;align-items:center;gap:var(--space-2);min-height:calc(2 * 1.25 * var(--text-h4) + 2 * var(--space-3));padding:var(--space-3) var(--space-4);color:var(--color-white)}.cat-glyph{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--color-scrim-floor)}.cat-glyph svg{width:20px;height:20px}.cat-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-family:var(--font-display);font-size:var(--text-h4);font-weight:var(--weight-black);line-height:1.25}.cat-bar b{margin-inline-start:auto;font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}.cat-green .cat-bar{background:var(--color-cat-green)}.cat-green .cat-art{background:var(--color-cat-green-tint);color:var(--color-cat-green)}.cat-purple .cat-bar{background:var(--color-cat-purple)}.cat-purple .cat-art{background:var(--color-cat-purple-tint);color:var(--color-cat-purple)}.cat-coral .cat-bar{background:var(--color-cat-coral)}.cat-coral .cat-art{background:var(--color-cat-coral-tint);color:var(--color-cat-coral)}.cat-blue .cat-bar{background:var(--color-cat-blue)}.cat-blue .cat-art{background:var(--color-cat-blue-tint);color:var(--color-cat-blue)}.cat-teal .cat-bar{background:var(--color-cat-teal)}.cat-teal .cat-art{background:var(--color-cat-teal-tint);color:var(--color-cat-teal)}.cat-amber .cat-bar{background:var(--color-cat-amber)}.cat-amber .cat-art{background:var(--color-cat-amber-tint);color:var(--color-cat-amber)}.cat-magenta .cat-bar{background:var(--color-cat-magenta)}.cat-magenta .cat-art{background:var(--color-cat-magenta-tint);color:var(--color-cat-magenta)}.cat-indigo .cat-bar,.cat-tile.more .cat-bar{background:var(--color-cat-indigo)}.cat-indigo .cat-art,.cat-tile.more .cat-art{background:var(--color-cat-indigo-tint);color:var(--color-gold-400)}.cat-tile.more .cat-name{color:var(--color-gold-100)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.grid.catgrid{padding-inline-start:0;list-style:none}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--gradient-card-dark);border-radius:var(--radius-3xl);box-shadow:var(--shadow-card-dark);transition:transform var(--motion-hover) var(--ease-out)}.card:hover{transform:translateY(var(--hover-lift))}.cover{position:relative;aspect-ratio:1/1;width:100%;max-width:256px;margin-inline:auto;overflow:hidden;border-radius:var(--radius-xl);background:var(--color-surface-dark-2)}.cover img{object-fit:cover}.cover img:after{content:attr(data-initial)}.cover img:after,.poster-fallback{inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-h1);color:var(--color-gold-400);background:var(--color-surface-dark)}.badge,.cover img:after,.poster-fallback{position:absolute;font-family:var(--font-display);font-weight:var(--weight-black)}.badge{top:var(--space-2);left:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-label);letter-spacing:var(--tracking-overline)}html[lang=th] .badge{letter-spacing:var(--tracking-th);font-size:var(--text-label-th)}.badge.fresh{background:var(--color-cta-100);color:var(--color-ink)}.rank{top:var(--space-2);display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:var(--radius-pill);background:var(--color-scrim-floor);color:var(--color-gold-400);font-family:var(--font-display);font-weight:var(--weight-black)}.heart-slot,.rank{position:absolute;right:var(--space-2)}.heart-slot{bottom:var(--space-2)}.heart{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border:0;border-radius:50%;background:var(--color-scrim-floor);color:var(--color-gold-400);font-size:var(--text-body-lg);cursor:pointer}.heart[aria-pressed=true]{background:var(--color-cta-100);color:var(--color-ink)}.card h3{margin:var(--space-1) 0 0;font-size:var(--text-h4)}.title-link{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em;color:var(--color-white)}.title-link:hover{color:var(--color-gold-400)}.card-meta,.when{margin:0;font-size:var(--text-sm);color:var(--color-on-dark-muted)}.card .btn{margin-top:var(--space-2)}.band{margin-top:var(--space-16)}.sech{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.sech h1,.sech h2{font-size:var(--text-h1)}.sech h2{margin:0}.sech p{margin:var(--space-1) 0 0;color:var(--color-on-dark-muted)}.sech a{flex:none;font-weight:var(--weight-bold)}.chip-badge{display:inline-block;margin:0 0 var(--space-3);padding:var(--space-1) var(--space-4);border:1px solid var(--color-gold-400);border-radius:var(--radius-pill);color:var(--color-gold-400);font-family:var(--font-display);font-size:var(--text-label);font-weight:var(--weight-black);letter-spacing:var(--tracking-overline)}html[lang=th] .chip-badge{letter-spacing:var(--tracking-th);font-size:var(--text-label-th)}.toprows{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}.toprows li{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-surface-row);border-radius:var(--radius-xl)}.toprows li:hover{background:var(--color-surface-row-hover)}.toprows .card{flex:1 1 auto;background:none;box-shadow:none;padding:0}.rank-num{flex:none;width:34px;font-family:var(--font-display);font-size:26px;font-weight:var(--weight-black);color:var(--color-gold-400);text-align:center}.crumb{margin-bottom:var(--space-5);font-size:var(--text-sm);color:var(--color-on-dark-muted)}.crumb ol{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.crumb a{color:var(--color-on-dark)}.filterbar{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.field{display:inline-flex;align-items:center}.filterbar input,.filterbar select{min-height:var(--tap-min);padding-inline:var(--space-4);border:1px solid var(--color-copper-600);border-radius:var(--radius-pill);background:var(--color-surface-row);color:var(--color-white);font-family:var(--font-body);font-size:var(--text-body)}.catlinks{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-6) 0;padding:0;list-style:none;align-items:center}.catlinks a{display:inline-block;min-height:var(--tap-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--color-surface-row);color:var(--color-on-dark);font-weight:var(--weight-medium)}.catlinks a:hover{background:var(--color-surface-row-hover);color:var(--color-white)}.pills{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-3)}.pills.wrap{flex-wrap:wrap;overflow:visible}.pills>*{flex:0 0 196px}.prose{max-width:720px;margin-block:var(--space-8);padding:var(--space-8);background:var(--color-cream-200);border-radius:var(--radius-4xl);box-shadow:var(--shadow-card);color:var(--color-ink-body)}.prose h2,.prose h3{color:var(--color-ink)}.prose a{color:var(--color-blue-700);text-decoration:underline}.criteria{padding:var(--space-4) var(--space-5);border:1px solid var(--color-gold-400);border-radius:var(--radius-xl);color:var(--color-on-dark)}.criteria b{display:block;margin-bottom:var(--space-1);color:var(--color-gold-400)}.game-title{font-size:var(--text-h1)}.shell{position:relative;aspect-ratio:3/4;margin-bottom:var(--space-5);overflow:hidden;border-radius:var(--radius-3xl);background:var(--color-surface-dark-2);contain:layout}.shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.shell .poster{object-fit:cover;opacity:.35}.shell .poster-card{flex:0 0 auto;width:200px;height:200px;border-radius:var(--radius-2xl);box-shadow:var(--shadow-card-dark)}@media (max-height:620px),(max-width:400px){.shell .poster-card{width:140px;height:140px}}.front{position:absolute;inset:0;z-index:var(--z-panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6);text-align:center}.shell-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.play-hint{display:flex;gap:var(--space-2);font-size:var(--text-sm)}.muted-on-dark,.play-hint{color:var(--color-on-dark-muted)}.site-footer{margin-top:var(--space-20);padding-block:var(--space-16) var(--space-8);background:var(--gradient-footer);border-top:1px solid var(--color-surface-row-hover)}.ft-grid{display:grid;grid-template-columns:1fr;gap:var(--space-10)}.ft-brand p{max-width:340px;margin-top:var(--space-4);color:var(--color-on-dark-muted)}.ft-h{margin:0 0 var(--space-4);font-size:var(--text-body-lg);color:var(--color-gold-400)}.ft-links{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.ft-links a{display:inline-block;min-height:var(--tap-min);padding-block:var(--space-2);color:var(--color-on-dark);font-size:var(--text-body)}.ft-links a:hover,.ft-links a[aria-current=page]{color:var(--color-gold-400)}.ft-disc{gap:var(--space-2);color:var(--color-on-dark-muted);font-size:var(--text-sm)}.ft-base,.ft-disc{display:flex;margin-top:var(--space-10)}.ft-base{flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-surface-row-hover)}.ft-base p{margin:0;font-size:var(--text-sm);color:var(--color-on-dark-muted)}.ft-base ul{display:flex;flex-wrap:wrap;gap:var(--space-5);margin:0;padding:0;list-style:none}.ft-base a{display:inline-block;min-height:var(--tap-min);padding-block:var(--space-3);font-size:var(--text-sm);color:var(--color-on-dark)}.ft-base a:hover,.notice{color:var(--color-gold-400)}.notice{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:1px solid var(--color-gold-400);border-radius:var(--radius-xl)}.empty,.rescue{max-width:620px;margin-inline:auto;padding:var(--space-12) var(--space-8);background:var(--color-cream-200);border-radius:var(--radius-5xl);box-shadow:var(--shadow-card);color:var(--color-ink-body);text-align:center}.empty h1,.empty h2,.rescue h1,.rescue h2{color:var(--color-ink)}.empty .glyph,.rescue .glyph{font-size:var(--text-h1)}.rescue form{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-5)}.rescue input{min-height:var(--tap-min);padding-inline:var(--space-4);border:2px solid var(--color-copper-600);border-radius:var(--radius-pill);background:var(--color-cream-100);color:var(--color-ink);font-family:var(--font-body)}.exits{display:grid;gap:var(--space-3)}.skeleton{border-radius:var(--radius-xl);background:var(--color-surface-row);animation:ua-pulse 1.5s ease-in-out infinite}@keyframes ua-pulse{0%,to{opacity:1}50%{opacity:.5}}.to-top{position:fixed;right:var(--space-5);bottom:calc(var(--space-5) + env(safe-area-inset-bottom, 0px));z-index:var(--z-overlay);box-shadow:var(--shadow-card-dark)}.setgrid{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin:0;padding:0;list-style:none}.setcard{display:block;padding:var(--space-6);background:var(--color-cream-200);border-inline-start:6px solid var(--color-copper-600);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);color:var(--color-ink-body)}.setcard h3{color:var(--color-ink)}.stack3{display:inline-flex;gap:var(--space-1);margin-bottom:var(--space-3)}.stack3 img{border-radius:var(--radius-sm)}@media (min-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.exits{grid-template-columns:1fr 1fr}.setgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.hdr{padding-block:var(--space-3)}.hdr .plate-body{padding:var(--space-3) var(--space-6)}.hdr .plate-body b{font-size:25px}.hdr .plate-body i{font-size:14px}.hero-grid{grid-template-columns:1.15fr .85fr;gap:60px}.discover-grid{grid-template-columns:.82fr 1.18fr}.ft-grid{grid-template-columns:1.2fr repeat(3,.7fr)}.panel{padding:52px 46px 54px}}@media (min-width:1024px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.toprows{grid-template-columns:repeat(2,minmax(0,1fr))}.setgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.shell{aspect-ratio:16/9}}@media (min-width:1280px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:767px){.hdr-search{display:none}.hdr-search-sm{display:inline-flex}.hdr{gap:var(--space-2)}.lang-pill{padding-inline:var(--space-3)}.lang-pill>svg{display:none}.hero{min-height:auto;padding-block:calc(var(--space-24) + var(--space-8)) var(--space-16)}.cloud:before{--cloud-k:0.5}.panel{padding:var(--space-8) var(--space-5) var(--space-10);border-radius:var(--radius-2xl)}.discover{min-height:520px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}