/* Poker-night brand direction: electric blue, warm gold and confident type. */
:root { --black:#080a10; --panel:#111725; --ivory:#f7f8fc; --blue:#191970; --blue-light:#91b9ff; --gold:#edc778; --muted:#b9c3d6; --line:#303b51; }
body { background:var(--black); color:var(--ivory); font-family:'Segoe UI',Arial,sans-serif; }
h1,h2,h3,.intro-section h2,.games-section h2,.first-visit h2,.visit-info h2,.faq-section h2,.final-cta h2,.map-caption,.intro-video-copy h3 { font-family:Anton,Impact,'Arial Black',sans-serif; font-weight:400; line-height:1.12; letter-spacing:0; }
h2 { font-size:clamp(36px,4.6vw,66px); }
.eyebrow,.text-link,.button,.nav-button,.mobile-menu-button,.card-index,.section-note,.hero-location,.hero-location small,.map-label,.map-note,.photo-tag,.location-pause,footer p,footer a,footer h4,.footer-bottom,.intro-video-copy .intro-playback-note,.pokeratlas-copy .pokeratlas-note,.preview-notice { font-family:'Segoe UI',Arial,sans-serif; }
.eyebrow { color:var(--gold); letter-spacing:.14em; font-size:12px; }
.preview-notice { background:#0c111c; color:#b9c3d6; font-size:11px; letter-spacing:.08em; }
.preview-notice span { color:var(--gold); }
.navbar { background:#080c15; border-bottom:1px solid #455170; padding-top:20px; padding-bottom:20px; }
.logo-link { display:flex; align-items:center; gap:14px; width:auto; max-width:310px; text-decoration:none; }
.nav-logo-img { width:64px; height:64px; flex-shrink:0; filter:drop-shadow(0 0 15px #2477ff35); }
.brand-name { font:400 19px/1.2 Anton,Impact,sans-serif; letter-spacing:.04em; }
.brand-name small { display:block; margin-top:5px; color:var(--gold); font:600 10px/1.4 'Segoe UI',Arial,sans-serif; letter-spacing:.18em; }
.navbar nav a { color:#d6def0; font-size:14px; font-weight:600; }
.navbar .nav-button { background:#162665; border-color:#4c6fce; font-size:12px; }
.mobile-menu-button { font-size:12px; min-height:44px; }
.hero-photo-header { min-height:760px; position:relative; }
.hero-photo-header .hero-photo { object-position:center; opacity:.85; }
.hero-photo-header::after { background:linear-gradient(90deg,#080a10f5 0%,#080a10da 45%,#080a10a0 100%),linear-gradient(0deg,#080a10,transparent 50%); }
.hero-photo-header .hero-copy { padding-top:94px; padding-bottom:80px; max-width:850px; position:relative; z-index:2; }
.hero-photo-header h1 { font-size:clamp(48px,5.6vw,80px); text-shadow:0 4px 25px #0008; }
.hero-photo-header h1 .blue-word { color:#a8c8ff; }
.hero-photo-header .eyebrow { color:var(--gold); font-size:12px; letter-spacing:.12em; }
.hero-photo-header .hero-description { font-size:18px; line-height:1.8; color:#dce4f4; max-width:480px; }
.hero .hero-location,.hero .hero-location small { color:#cad3e5; font-size:13px; }
.small-star,.location-mark { color:var(--gold); }
.hero-brand-art { position:absolute; right:4%; top:14%; width:clamp(250px,30vw,460px); aspect-ratio:1; display:grid; place-items:center; z-index:1; }
.hero-brand-art::before,.hero-brand-art::after { content:''; position:absolute; border-radius:50%; inset:3%; border:1px solid #eac57880; box-shadow:0 0 70px #176bff30; }
.hero-brand-art::after { inset:-6%; border:1px solid #3e68bf55; box-shadow:none; }
.hero-brand-art img { width:90%; height:auto; filter:drop-shadow(0 24px 32px #000a); }
.hero-art-label { position:absolute; bottom:-14%; text-align:center; font:600 12px/1.5 'Segoe UI',sans-serif; letter-spacing:.2em; color:var(--gold); }
.hero-energy { display:flex; gap:18px; flex-wrap:wrap; margin-top:32px; font:600 11px/1.5 'Segoe UI',sans-serif; letter-spacing:.12em; color:var(--gold); }
.hero-energy span+span::before { content:'◆'; margin-right:18px; color:#6689d5; font-size:8px; }
.button { font-size:12px; letter-spacing:.09em; padding:18px 24px; min-height:50px; border-radius:3px; }
.button-blue { background:linear-gradient(120deg,#203fa6,#191970); border-color:#476ed2; box-shadow:0 8px 26px #102c7940; }
.button-blue:hover { background:#2548bf; }
.text-link { font-size:12px; line-height:1.65; letter-spacing:.07em; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid var(--gold); }
.location-carousel { background:#111c45; border-top:1px solid #365499; border-bottom:1px solid #365499; }
.location-current { color:#fff; }
.location-pause { font-size:11px; }
.intro-section { background:radial-gradient(ellipse at top right,#152343,transparent 60%),#0b101a; }
.intro-copy { font-size:17px; line-height:1.8; color:#c6cfdf; }
.pokeratlas-feature { border:1px solid #475879; border-radius:8px; overflow:hidden; background:#111c30; box-shadow:0 20px 50px #0004; }
.pokeratlas-copy { background:linear-gradient(135deg,#14233d,#0d1525); color:#f7f8fc; }
.pokeratlas-copy .eyebrow { color:var(--gold); }
.pokeratlas-copy h3 { color:#f7f8fc; font-family:Anton,Impact,sans-serif; }
.pokeratlas-copy > p:not(.eyebrow),.pokeratlas-copy .pokeratlas-note { color:#c4cfe1; }
.pokeratlas-button { background:#b71f34; border-color:#e65a69; color:#fff; box-shadow:0 7px 25px #b71f3420; }
.pokeratlas-button:hover { background:#931a2b; }
.photo-tag { background:#080c16e8; color:var(--gold); font-size:11px; letter-spacing:.09em; }
.intro-video-copy h3 { font-size:clamp(32px,3vw,48px); }
.intro-video-copy > p { color:#c4cfe1; font-size:16px; }
.intro-player-wrap { border-radius:8px; overflow:hidden; border-color:#455778; }
.games-section { background:linear-gradient(160deg,#0a0e18,#141c2d); }
.games-section .eyebrow { color:var(--gold); }
.games-section .game-card { background:#111a2a; color:#fff; border:1px solid #465371; border-radius:8px; overflow:hidden; box-shadow:0 16px 36px #0003; }
.games-section .game-card-blue { background:linear-gradient(130deg,#122653,#10182c); border-color:#4f6fab; }
.game-card h3 { font-family:Anton,Impact,sans-serif; font-size:clamp(32px,3vw,45px); font-weight:400; line-height:1.15; }
.games-section .game-card .suit,.games-section .game-card-blue .suit { color:var(--gold); }
.games-section .game-card .eyebrow { color:var(--gold); }
.games-section .game-card > p:not(.eyebrow) { color:#c7d0df; font-size:16px; }
.first-visit { background:#0a101b; }
.first-intro > p:not(.eyebrow),.visit-steps p { font-size:16px; color:#c2ccdd; }
.visit-steps h3 { font:600 20px/1.4 'Segoe UI',Arial,sans-serif; }
.visit-steps article>span { color:var(--gold); }
.visit-section { background:#10192a; }
.address-art { border-color:#5c6c8b; border-radius:5px; }
.map-caption { color:var(--gold); font-size:25px; }
.visit-info address { font-size:17px; color:#f2f5fb; }
.visit-info > p:not(.eyebrow) { font-size:15px; }
.map-label { color:var(--gold); font-size:12px; letter-spacing:.1em; }
.map-note { font-size:12px; }
.faq-section { background:#090e18; }
.faq-list summary { font-size:16px; min-height:64px; }
.faq-list details p { font-size:15px; }
.final-cta { background:radial-gradient(ellipse at 50% 0,#315ab1,transparent 75%),linear-gradient(120deg,#131d43,#191970); border-top:1px solid #6289d9; border-bottom:1px solid #6289d9; }
.final-cta h2 { font-size:clamp(45px,6vw,86px); }
.final-cta h2 span { color:var(--gold); }
.final-cta .eyebrow { color:#dfe8ff; }
.button-cream { background:var(--gold); border-color:#f3d998; color:#11151d; }
.button-cream:hover { background:#f6d996; }
footer { background:#070a11; }
.footer-logo { width:80px; height:80px; }
.footer-brand p { font-size:14px; }
footer h4 { color:var(--gold); font-size:12px; }
footer a,footer p { font-size:14px; }
.copyright-block .planned-domain,.copyright-block .planned-pages { font-size:12px; }
.yardbird-credit span { font-size:11px; }
.wt-access-launch { background:#eac578; color:#0e193c; border-color:#eac578; }
@media (max-width:1200px) {
 .hero-brand-art { width:280px; right:2%; top:24%; opacity:.5; }
 .hero-photo-header .hero-copy { max-width:750px; }
}
@media (max-width:1050px) { .brand-name { font-size:17px; } .logo-link { max-width:260px; } }
@media (max-width:900px) {
 .hero-brand-art { display:none; }
 .hero-photo-header { min-height:650px; }
 .navbar nav a { font-size:16px; }
}
@media (max-width:760px) {
 .navbar { padding:14px 22px; }
 .logo-link { max-width:calc(100% - 100px); gap:10px; }
 .nav-logo-img { width:48px; height:48px; }
 .brand-name { font-size:15px; }
 .brand-name small { font-size:8px; letter-spacing:.12em; }
 .hero-photo-header .hero-copy { padding-top:55px; padding-bottom:54px; }
 .hero-photo-header h1 { font-size:clamp(32px,8.3vw,63px); }
 .hero-photo-header .hero-description { font-size:16px; }
 .hero-energy { gap:12px; font-size:10px; }
 .hero-energy span+span::before { margin-right:12px; }
 .hero .eyebrow { font-size:10px; }
 .button { font-size:11px; padding:16px 20px; gap:15px; }
 .intro-copy { font-size:16px; }
 .pokeratlas-button { font-size:11px; }
 .photo-tag { font-size:10px; }
 .intro-control-row .button { font-size:11px; }
 .final-cta h2 { font-size:clamp(33px,8.3vw,63px); }
 .footer-logo { width:72px; height:72px; }
}
@media (max-width:360px) {
 .brand-name { font-size:13px; } .brand-name small { font-size:7px; }
 .nav-logo-img { width:42px; height:42px; }
}