/* Phase 1: compact discovery, real navigation links, and mobile shortcuts. */
.phase-one-header .header-inner{height:78px;gap:28px}
.phase-one-header .logo-word small{font:400 10px/1.4 var(--font);letter-spacing:0;margin-top:7px}
.phase-one-nav{align-items:center;gap:22px}
.phase-one-nav a,.phase-one-nav summary{font-size:14px;line-height:1.6;padding:24px 0;color:var(--muted);white-space:nowrap}
.phase-one-nav a[aria-current],.phase-one-nav a:hover,.phase-one-nav summary:hover{color:var(--gold)}
.nav-disclosure{position:relative}
.nav-disclosure summary{cursor:pointer;display:flex;gap:8px;align-items:center;list-style:none}
.nav-disclosure summary::-webkit-details-marker{display:none}
.nav-disclosure summary:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px}
.nav-disclosure[open] summary:after{transform:rotate(225deg);margin-top:4px}
.nav-dropdown{position:absolute;top:100%;left:-22px;width:480px;padding:22px;background:#102b24;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.3)}
.nav-dropdown>p{font-size:12px;color:var(--gold);margin-bottom:10px}
.nav-category-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.phase-one-nav .nav-dropdown a{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px;font-size:14px;white-space:normal;border-radius:6px}
.nav-dropdown a:hover{background:rgba(217,182,111,.07)}
.phase-one-nav .nav-all-games{margin-top:12px;border-top:1px solid var(--line);border-radius:0;padding-top:16px;color:var(--gold)}
.nav-dropdown-small{width:225px;padding:10px}
.phase-one-header .header-actions{gap:12px}
.phase-one-header .header-cta{display:inline-flex}
.home-phase-one .home-hero{min-height:340px;margin-top:24px;grid-template-columns:1.2fr 1fr}
.home-phase-one .hero-copy{padding:36px 16px 36px 38px}
.home-phase-one .hero-copy h1{font-size:clamp(30px,3vw,44px);line-height:1.45;max-width:620px;margin-bottom:14px;text-wrap:balance}
.home-phase-one .hero-copy .hero-description{max-width:560px;font-size:15px;line-height:1.85;margin:0}
.home-phase-one .hero-copy .eyebrow{font:500 12px/1.6 var(--font);letter-spacing:.04em;margin-bottom:14px}
.home-phase-one .hero-actions{margin-top:22px}
.home-phase-one .hero-footnote{font-size:12px;margin-top:22px;gap:10px;flex-wrap:wrap}
.home-phase-one .hero-visual{align-self:stretch;min-width:0}
.home-phase-one .hero-visual img{object-position:72% center}
.home-search{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:center;padding:22px 26px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:22px;scroll-margin-top:90px}
.home-search h2{font-size:21px;line-height:1.5;margin:0 0 4px}
.home-search p{color:var(--muted);font-size:13px;margin:0}
.home-search form{display:flex;gap:10px;min-width:0}
.home-search-input{display:flex;align-items:center;gap:10px;background:var(--bg);padding:0 14px;border:1px solid var(--line);border-radius:7px;min-width:0;flex:1}
.home-search-input:focus-within{outline:2px solid var(--gold);outline-offset:2px}
.home-search-input .icon{width:20px;height:20px;color:var(--muted)}
.home-search input{width:100%;min-width:0;height:50px;font-size:15px;background:transparent;border:0;color:var(--text);outline:none}
.home-search .button{min-height:50px;padding:10px 22px}
.home-phase-one .category-bar{margin-top:18px}
.home-phase-one .section{margin-block:46px}
.home-phase-one .section-heading h2{font-size:28px}
.home-phase-one .section-heading{margin-bottom:20px;align-items:center}
.home-phase-one .section-intro{font-size:14px;color:var(--muted);margin:-8px 0 20px}
.home-phase-one .game-name{font-size:14px;line-height:1.5}
.home-phase-one .game-provider{font-size:12px}
.home-phase-one .game-art{aspect-ratio:1}
.home-phase-one .art-caption{font-size:8px;max-width:calc(100% - 20px)}
.home-phase-one .home-providers .provider-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 18px}
.home-phase-one .provider-image-grid .provider-card strong{font-size:14px}
.home-phase-one .provider-image-grid .provider-card small{font-size:12px}
.home-provider-total{font-size:14px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap;margin:22px 0 0}
.home-provider-total a{display:inline-flex;align-items:center;gap:8px;color:var(--gold)}
.home-provider-total .icon{width:17px;height:17px}
.home-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-service-grid article{padding:26px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.home-service-grid .icon{color:var(--gold);width:26px;height:26px;margin-bottom:12px}
.home-service-grid h3{font-size:20px;font-weight:600;margin:0 0 10px}
.home-service-grid p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}
.home-search-results{scroll-margin-top:100px}
.search-result-group{margin-top:28px}
.search-result-group h3{font-size:22px;margin:0}
.home-search-empty{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:10px}
.phase-one-footer .footer-top{grid-template-columns:1.3fr 1fr 1fr;gap:48px}
.phase-one-footer .footer-brand{grid-column:auto}
.phase-one-footer .footer-brand .logo-word small{font:400 10px/1.4 var(--font);letter-spacing:0}
.phase-one-footer .footer-top nav a,.phase-one-footer .footer-link-pending{font-size:13px;line-height:1.8}
.phase-one-footer .footer-top nav a{padding-block:2px;min-height:28px}
.phase-one-footer .footer-top nav[aria-label="หมวดท้ายเว็บ"]{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
.phase-one-footer .footer-brand .footer-age{font-size:12px;line-height:1.8;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.phase-one-footer .age-note{font:600 13px/1.5 system-ui;color:var(--gold);margin:0}
.footer-link-pending{color:var(--muted);display:block;padding-top:4px}
.footer-link-pending small{display:block;color:var(--muted);font-size:11px;opacity:.8}
.phase-one-footer .footer-bottom{font-size:11px}
.phase-one-footer .footer-bottom p{font-size:11px}
.phase-one-mobile{display:none}
@media(max-width:1200px){
 .phase-one-header .header-inner{gap:20px}.phase-one-nav{gap:15px}.phase-one-nav a,.phase-one-nav summary{font-size:13px}
 .home-phase-one .game-grid,.home-phase-one .home-providers .provider-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1080px){
 .phase-one-header .menu-toggle{display:inline-flex;order:3;margin:0}
 .phase-one-header .primary-nav{display:none;top:100%;padding:16px 24px;max-height:calc(100dvh - 160px)}
 .phase-one-header .primary-nav.open{display:block}
 .phase-one-header .header-actions{margin-left:auto}
 .phase-one-nav{display:flex;align-items:stretch;gap:0;flex-direction:column}
 .phase-one-nav>li>a,.phase-one-nav summary{font-size:15px;padding:12px 10px;min-height:46px}
 .nav-dropdown{position:static;width:100%;padding:14px;margin:0 0 10px;box-shadow:none}
 .phase-one-nav .nav-dropdown a{font-size:14px}
 .phase-one-header .login-link{font-size:13px}
 .home-phase-one .home-hero{grid-template-columns:1.15fr 1fr;min-height:320px}
 .home-phase-one .hero-copy{padding:28px 0 28px 28px}
 .home-phase-one .hero-copy h1{font-size:34px}
 .home-search{grid-template-columns:1fr;gap:14px}
 .phase-one-footer .footer-top{gap:30px}
}
@media(max-width:760px){
 .phase-one-header .header-inner{height:68px;gap:10px}
 .phase-one-header .header-cta{padding:8px 12px;min-height:40px;font-size:12px}
 .phase-one-header .header-cta .icon{display:none}
 .phase-one-header .logo-word small{font-size:9px}
 .phase-one-header .primary-nav{padding:10px 16px 18px;max-height:calc(100dvh - 150px)}
 .nav-category-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .phase-one-nav .nav-category-links a{padding:8px 6px;flex-direction:column;gap:4px;font-size:13px;min-height:65px;text-align:center}
 .home-phase-one .home-hero{display:flex;flex-direction:column-reverse;min-height:0;margin-top:16px}
 .home-phase-one .hero-visual{height:142px;min-height:142px;margin:0;width:100%}
 .home-phase-one .hero-visual img{object-position:70% 56%}
 .home-phase-one .hero-copy{padding:0 20px 22px;margin-top:-2px}
 .home-phase-one .hero-copy h1{font-size:30px;line-height:1.45;max-width:none;margin-bottom:10px}
 .home-phase-one .hero-copy .eyebrow{font-size:11px;margin-bottom:10px}
 .home-phase-one .hero-copy .hero-description{font-size:14px;line-height:1.85;max-width:none}
 .home-phase-one .hero-actions{margin-top:16px;gap:10px}
 .home-phase-one .hero-actions .button{font-size:13px;min-height:44px;padding:10px 12px}
 .home-phase-one .hero-footnote{font-size:11px;margin-top:16px;gap:7px}
 .home-search{padding:18px 16px;margin-top:16px;gap:12px}
 .home-search h2{font-size:20px}.home-search p{font-size:12px}
 .home-search form{gap:8px}.home-search-input{padding:0 10px;gap:7px}
 .home-search input{font-size:14px;height:46px}
 .home-search .button{padding:8px 14px;font-size:14px;min-height:46px}
 .home-phase-one .category-bar a{font-size:12px;min-width:84px;min-height:68px}
 .home-phase-one .section{margin-block:34px}
 .home-phase-one .section-heading{gap:12px;flex-wrap:wrap;align-items:center}
 .home-phase-one .section-heading h2{font-size:24px}
 .home-phase-one .section-heading .text-link{font-size:13px;min-height:32px;white-space:normal}
 .home-phase-one .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
 .home-phase-one .game-name{font-size:14px}.home-phase-one .game-provider{font-size:12px}
 .home-phase-one .art-caption{font-size:8px}
 .home-phase-one .home-providers .provider-grid,.home-phase-one .home-search-results .provider-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}
 .home-phase-one .provider-image-grid .provider-card strong{font-size:12px;line-height:1.6}
 .home-phase-one .provider-image-grid .provider-card small{font-size:11px}
 .home-provider-total{font-size:13px;gap:8px}
 .home-service-grid{grid-template-columns:1fr;gap:12px}
 .home-service-grid article{padding:20px}.home-service-grid .icon{float:left;margin:0 12px 0 0;width:24px;height:24px}
 .home-service-grid h3{font-size:19px;margin-bottom:8px}.home-service-grid p{font-size:14px;clear:both;padding-top:4px}
 .home-phase-one .feature-copy>small{font-size:10px}.home-phase-one .feature-copy>span{font-size:12px}
 .home-phase-one .feature-copy{left:14px;right:12px}
 .home-phase-one .guide-card p{font-size:13px}.home-phase-one .guide-card .text-link{font-size:12px}
 .phase-one-footer .footer-top{grid-template-columns:1fr 1fr;gap:28px 20px}
 .phase-one-footer .footer-brand{grid-column:1/-1}
 .phase-one-footer .footer-top>div:last-child{grid-column:auto}
 .phase-one-footer .footer-top>div:last-child nav{flex-direction:column;gap:6px}
 .phase-one-footer .footer-top nav[aria-label="หมวดท้ายเว็บ"]{grid-template-columns:1fr}
 .phase-one-footer .footer-top nav a{font-size:13px;min-height:32px}
 .phase-one-footer .footer-bottom{padding-bottom:22px}
 .phase-one-mobile{display:flex;gap:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:101}
 .phase-one-mobile a,.phase-one-mobile button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:48px;font:400 11px/1.5 var(--font);color:var(--muted);background:none;border:0;padding:0;cursor:pointer}
 .phase-one-mobile a:nth-child(3){color:var(--muted)}
 .phase-one-mobile a[aria-current],.phase-one-mobile a:hover,.phase-one-mobile button[aria-expanded="true"]{color:var(--gold)}
 .phase-one-mobile .icon{width:22px;height:22px}
 .site-footer.phase-one-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
}
@media(max-width:390px){.phase-one-header .header-cta{display:none}.home-phase-one .hero-copy h1{font-size:28px}.home-phase-one .hero-footnote{font-size:10px}.home-search-input .icon{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.game-art img{transition:none}}