.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-5)}.page{min-height:calc(100vh - var(--header-h));padding-block:var(--sp-6) var(--sp-8)}.page__header{margin-bottom:var(--sp-6)}.page__title{font-size:var(--fs-2xl);text-transform:uppercase;letter-spacing:0.02em}.page__title::after{content:"";display:block;width:56px;height:2px;margin-top:var(--sp-3);border-radius:2px;background:var(--gold-grad)}html[lang=th] .page__title{text-transform:none;letter-spacing:0}.page__subtitle{color:var(--text-muted);margin-top:var(--sp-3);max-width:70ch}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.spacer{flex:1 1 auto}.brand-wordmark{font-family:var(--font-display);font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--text)}.brand-wordmark b{font-weight:700;background:var(--gold-foil);-webkit-background-clip:text;background-clip:text;color:transparent}.site-header{--bg: #000;--bg-elevated: #1a1a1a;--bg-hover: #242424;--border: #333;--border-strong: #4d4d4d;--text: #fff;--text-muted: #e6e6e6;--text-faint: #9a9a9a;--nav-active: #fff;--accent: #fff;--accent-soft: rgba(255, 255, 255, 0.1);--accent-grad: #fff;--on-accent: #000;--gold: #fff;--gold-hover: #fff;--gold-soft: rgba(255, 255, 255, 0.08);--gold-line: #333;--gold-grad: linear-gradient(#fff, #fff);--gold-foil: linear-gradient(#fff, #fff);--on-gold: #000;--hdr-h: var(--header-h-lg);--hdr-logo: 80px;--hdr-word: 2.9rem;--hdr-nav: 2rem;--hdr-btn: 40px;--hdr-acct-btn: 48px;--hdr-acct-icon: 26px;--hdr-login-size: 1.125rem;--hdr-login-pad: 18px;--hdr-wallet-icon: 22px;--hdr-wallet-amount: 12px;--hdr-pad-top: 8px;--hdr-pad-bottom: 18px;position:sticky;top:0;z-index:var(--z-header);height:var(--hdr-h);margin-bottom:0;background:var(--bg);color:var(--text);border-bottom:1px solid #222;transition:height var(--t-base),margin-bottom var(--t-base)}#site-header:not(.site-header){display:block;height:var(--header-h-lg);background:#000;border-bottom:1px solid #222}.site-header.is-condensed{--hdr-h: var(--header-h);--hdr-logo: 50px;--hdr-word: 2rem;--hdr-nav: 1.5rem;--hdr-btn: 32px;--hdr-acct-btn: 40px;--hdr-acct-icon: 22px;--hdr-login-size: 1rem;--hdr-wallet-icon: 18px;--hdr-wallet-amount: 10.5px;--hdr-pad-top: 2px;--hdr-pad-bottom: 12px;margin-bottom:calc(var(--header-h-lg) - var(--header-h))}.site-header__inner{display:grid;max-width:none;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"brand top" "brand nav";column-gap:var(--sp-6);align-items:center;height:100%;padding-block:var(--hdr-pad-top) var(--hdr-pad-bottom);transition:padding var(--t-base)}.site-header__burger{grid-area:burger}.site-header__brand{display:flex;align-items:center;gap:10px;flex:none;font-size:1.15rem;white-space:nowrap}.site-header__brand .brand-logo{width:36px;height:36px;flex:none;border-radius:50%;transition:transform var(--t-base)}.site-header__brand:hover .brand-logo{transform:scale(1.06)}.site-header .site-header__brand{grid-area:brand;gap:14px}.site-header .site-header__brand .brand-logo{width:var(--hdr-logo);height:var(--hdr-logo);transition:width var(--t-base),height var(--t-base),transform var(--t-base)}.site-header .site-header__brand .brand-wordmark{font-family:"Bebas Neue",var(--font-body);font-size:var(--hdr-word);font-weight:400;letter-spacing:0.05em;line-height:1;transition:font-size var(--t-base)}.site-header .brand-wordmark b{font-weight:400}.site-header__top{grid-area:top;display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);min-width:0}.site-nav{grid-area:nav;display:flex;align-items:center;gap:2px;margin-inline-start:-10px}.site-nav__link{display:block;padding:2px 10px;color:var(--text-faint);font-family:"Bebas Neue",var(--font-body);font-size:calc(var(--hdr-nav) * var(--hdr-nav-scale, 1) * var(--hdr-nav-fit, 1));font-weight:400;letter-spacing:0.03em;line-height:1.25;text-transform:uppercase;white-space:nowrap;transition:color var(--t-fast),font-size var(--t-base)}html[lang=th] .site-nav__link{font-size:calc(var(--hdr-nav) * var(--hdr-nav-scale, 1) * var(--hdr-nav-fit, 1) * 0.7);font-weight:700}.site-nav--fitting .site-nav__link{transition:none}.site-nav__link:hover,.site-nav__link.is-active{color:var(--nav-active)}.site-header__actions{display:flex;align-items:center;gap:var(--sp-1);flex:none}.site-header__prefs{display:flex;align-items:center;gap:var(--sp-1);padding-inline-end:var(--sp-2);margin-inline-end:var(--sp-1);border-inline-end:1px solid var(--border)}.icon-btn{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--text-muted);transition:color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}.icon-btn:hover{color:var(--gold);background:var(--gold-soft)}.icon-btn svg{width:20px;height:20px}.site-header__burger{display:none}.lang-switch,.currency-switch{display:flex;align-items:center;padding:3px;gap:2px;border:1px solid var(--border);border-radius:var(--radius-pill)}.lang-switch__btn,.currency-switch__btn{padding:3px 11px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:700;letter-spacing:0.08em;color:var(--text-faint);transition:color var(--t-fast),background var(--t-fast)}.lang-switch__btn:hover,.currency-switch__btn:hover:not(:disabled,.is-active){color:var(--text)}.currency-switch__btn:disabled{opacity:0.4;cursor:not-allowed}.lang-switch__btn.is-active,.currency-switch__btn.is-active{background:var(--accent);color:var(--on-accent)}.site-header .icon-btn{width:var(--hdr-btn);height:var(--hdr-btn);color:var(--text);transition:color var(--t-fast),background var(--t-fast),width var(--t-base),height var(--t-base)}.site-header .icon-btn:hover{color:var(--nav-active);background:rgba(255,255,255,0.08)}.header-login{display:inline-flex;flex:none;align-items:center;height:var(--hdr-acct-btn);padding-inline:var(--hdr-login-pad);border:2px solid var(--accent);border-radius:var(--radius-md);background:var(--accent);font-size:var(--hdr-login-size);font-weight:700;line-height:1;white-space:nowrap;color:var(--on-accent);transition:color var(--t-fast),background var(--t-fast),height var(--t-base),font-size var(--t-base)}.header-login:hover{border-color:#e6e6e6;color:var(--on-accent);background:#e6e6e6}.header-account-icon{display:block;border-radius:50%;object-fit:cover}.header-wallet{position:relative;display:flex;flex:none}.header-wallet__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:var(--hdr-acct-btn);height:var(--hdr-acct-btn);padding-inline:10px;border-radius:var(--radius-pill);background:#262626;color:var(--text);transition:color var(--t-fast),background var(--t-fast),height var(--t-base),min-width var(--t-base)}.header-wallet__btn .header-account-icon{flex:none;width:var(--hdr-acct-icon);height:var(--hdr-acct-icon);transition:width var(--t-base),height var(--t-base)}.header-wallet__btn.has-amount .header-account-icon{width:var(--hdr-wallet-icon);height:var(--hdr-wallet-icon)}.header-wallet__amount{font-size:var(--hdr-wallet-amount);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap;color:#4ade80;transition:font-size var(--t-base)}.header-wallet__btn:hover,.header-wallet__btn[aria-expanded=true]{color:var(--nav-active);background:#333}.header-wallet__menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;display:grid;min-width:220px;padding:6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:0 16px 40px rgba(0,0,0,0.5)}.header-wallet__item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding-inline:12px;border-radius:calc(var(--radius) - 2px);color:var(--text);font-size:var(--fs-sm);font-weight:600;text-align:start;white-space:nowrap}.header-wallet__item svg{flex:none;width:20px;height:20px;color:var(--text-faint)}.header-wallet__item:hover,.header-wallet__item:focus-visible{background:var(--bg-hover);color:var(--text)}.header-wallet__item:hover svg,.header-wallet__item:focus-visible svg{color:var(--nav-active)}.site-header :is(.lang-switch,.currency-switch){border-color:transparent;background:#262626}.site-header :is(.lang-switch__btn,.currency-switch__btn):hover:not(:disabled,.is-active){color:var(--text)}.mobile-nav-backdrop{position:fixed;inset:0;z-index:calc(var(--z-sheet) + 5);background:rgba(0,0,0,0.62);backdrop-filter:blur(3px);opacity:0;transition:opacity var(--t-slow)}.mobile-nav-backdrop.is-open{opacity:1}.mobile-nav{position:fixed;inset-block:0;inset-inline-start:0;z-index:calc(var(--z-sheet) + 6);display:flex;flex-direction:column;gap:var(--sp-4);width:min(88vw,380px);padding:var(--sp-4) var(--sp-5) var(--sp-5);background:var(--bg-elevated);border-inline-end:1px solid var(--gold-line);box-shadow:var(--shadow-pop);overflow-y:auto;overscroll-behavior:contain;transform:translateX(-102%);visibility:hidden;transition:transform var(--t-slow),visibility var(--t-slow)}.mobile-nav.is-open{transform:none;visibility:visible}.mobile-nav__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border)}.mobile-nav .search-bar{flex:none;max-width:none}.mobile-nav__group{display:flex;flex-direction:column}.mobile-nav__title{margin-bottom:var(--sp-1);font-size:var(--fs-xs);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold)}html[lang=th] .mobile-nav__title{letter-spacing:0.04em}.mobile-nav__link{display:flex;align-items:center;gap:var(--sp-3);min-height:48px;padding:var(--sp-2) var(--sp-1);border-bottom:1px solid var(--border);color:var(--text);font-size:var(--fs-md);font-weight:500}.mobile-nav__link>span:first-child{flex:1}.mobile-nav__link svg{color:var(--text-faint);transition:transform var(--t-fast),color var(--t-fast)}.mobile-nav__link:hover{color:var(--gold)}.mobile-nav__link:hover svg{color:var(--gold);transform:translateX(3px)}.mobile-nav__link.is-active{color:var(--gold)}.mobile-nav__link.is-active svg{color:var(--gold)}.mobile-nav__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:auto;padding-top:var(--sp-4);border-top:1px solid var(--border)}.browse{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);gap:var(--sp-5);align-items:start}.browse__sidebar{position:sticky;top:calc(var(--header-h) + var(--sp-4));max-height:calc(100vh - var(--header-h) - var(--sp-7));overflow-y:auto;padding-inline-end:var(--sp-2)}.browse__main{min-width:0}.card-grid{display:grid;grid-template-columns:repeat(var(--grid-cols, 5),minmax(0,1fr));gap:var(--sp-4)}.section{margin-block:var(--sp-8)}.section__head{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-5)}.section__head::after{content:"";order:1;flex:1 1 32px;height:1px;background:linear-gradient(90deg,var(--gold-line),transparent)}.section__head>*+*{order:2}.section__title{font-size:var(--fs-xl);text-transform:uppercase;letter-spacing:0.02em}html[lang=th] .section__title{text-transform:none;letter-spacing:0}.section__link{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:600;letter-spacing:0.02em;white-space:nowrap}.section__link::after{content:"→";transition:transform var(--t-fast)}.section__link:hover::after{transform:translateX(3px)}.site-footer{position:relative;margin-top:var(--sp-8);padding-block:var(--sp-8) var(--sp-5);background:var(--bg-sunken);color:var(--text-muted);font-size:var(--fs-sm)}.site-footer::before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-line) 20%,var(--gold) 50%,var(--gold-line) 80%,transparent)}.site-footer__grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--sp-6)}.site-footer__about{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3);max-width:44ch}.site-footer__brand{display:flex;align-items:center;gap:10px;font-size:var(--fs-lg)}.site-footer__brand .brand-logo{width:44px;height:44px;border-radius:50%;object-fit:cover}.site-footer__desc,.site-footer__fineprint{margin:0}.site-footer__fineprint{font-size:var(--fs-xs);color:var(--text-faint)}.site-footer__social{display:flex;gap:var(--sp-2);margin-top:var(--sp-1)}.site-footer__social-btn{width:40px;height:40px;border:1px solid var(--gold-line);color:var(--gold)}.site-footer__social-btn:hover{border-color:var(--gold);background:var(--gold-soft)}.site-footer__title{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--sp-4)}html[lang=th] .site-footer__title{letter-spacing:0.04em;font-size:var(--fs-sm)}.site-footer__list li+li{margin-top:var(--sp-3)}.site-footer__list a{color:var(--text-muted)}.site-footer__list a:hover{color:var(--gold)}.site-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-top:var(--sp-7);padding-top:var(--sp-4);border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-faint)}.site-footer__copy{color:var(--text-muted);letter-spacing:0.04em}.site-footer__terms{margin-inline-start:auto;color:var(--text-faint)}.site-footer__terms:hover{color:var(--gold)}