/* Neon Arcade — static pages (about, contact, privacy, terms, More Games). Uses the tokens from design/tokens.css. Made by Vortaxis Studio. */
.na-page .gc-header { position: sticky; top: 0; }
.na-main { display: block; padding-bottom: var(--gc-space-8, 48px); }
.na-doc { max-width: 880px; padding-top: var(--gc-space-7, 40px); }
.na-doc__head { margin-bottom: var(--gc-space-6, 32px); }
.na-doc__head .gc-h1 { margin: 8px 0 12px; }
.na-lead { font-size: 1.125rem; line-height: 1.6; color: var(--gc-text-muted, #b9b3d6); margin: 0; }
.na-doc section { margin-top: var(--gc-space-6, 32px); }
.na-doc h2 { font-size: 1.35rem; margin: 0 0 10px; }
.na-doc p, .na-doc li { line-height: 1.7; color: var(--gc-text, #ece9ff); }
.na-doc ul { padding-left: 1.2em; margin: 8px 0; }
.na-doc li { margin: 6px 0; }
.na-doc a:not(.gc-btn):not(.na-more-card) { color: var(--gc-cyan, #22e5ff); text-decoration: underline; text-underline-offset: 3px; }
.na-note { margin-top: 14px; padding: 12px 16px; border-radius: 14px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); color: var(--gc-text-muted, #b9b3d6); }
.na-crumbs { font-size: .875rem; color: var(--gc-text-muted, #b9b3d6); margin-bottom: 12px; }
.na-badges { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; }

/* More Games */
.na-game { max-width: 1040px; }
.na-more-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (min-width: 640px) { .na-more-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; } }
.na-more-card { display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .1); color: inherit; text-decoration: none; transition: transform .15s, border-color .15s; }
.na-more-card:hover, .na-more-card:focus-visible { transform: translateY(-2px); border-color: var(--gc-cyan, #22e5ff); }
.na-more-card img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; background: #120d2b; }
.na-more-card__body { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px 12px; }
.na-more-card__body b { font-size: .95rem; line-height: 1.3; }
.na-more-card__body small { color: var(--gc-text-muted, #b9b3d6); }
.na-player { position: relative; width: 100%; max-height: 78vh; margin: 0 auto; border-radius: 18px; overflow: hidden; background: #000; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .12); }
.na-player--portrait { max-width: min(100%, 460px); }
.na-player > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(.45) blur(2px); transform: scale(1.05); }
.na-player__play { position: relative; z-index: 1; max-width: 90%; }
.na-player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.na-player__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin: 10px 0 0; color: var(--gc-text-muted, #b9b3d6); }
.na-promo { padding: 16px 20px; border-radius: 16px; background: linear-gradient(135deg, rgba(34, 229, 255, .08), rgba(255, 60, 172, .08)); border: 1px solid rgba(255, 255, 255, .1); }

/* home + lobby shelf (app/views.js) */
.gc-more-shelf .na-more-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 640px) { .gc-more-shelf .na-more-grid { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); } }
.na-player__bar [hidden] { display: none; }