/*
 * Guesslandia — oldalváz (ARCHITECTURE 6.2, design/screens/Asztali-jatekter.dc.html).
 * Mobilon a játéktér 360 px-től kitölti a szélességet; asztali gépen fejléc, alatta
 * jégkék háttéren középre igazított, legfeljebb 480 px széles játéktér.
 */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; min-width: 360px; background: var(--surface); color: var(--ink); font-family: var(--font-body); font-size: 16px; line-height: 24px; }
a { color: var(--sky); }
a:hover { color: var(--ink); }
h1, h2, h3, p { margin: 0; }

.gl-app { min-height: 100vh; display: flex; flex-direction: column; }

/* Asztali fejléc (72 px): logó, menü, témakapcsoló */
.gl-topbar { display: none; }
.gl-topbar__nav { display: flex; align-items: center; gap: var(--space-2); }

/* Játéktér */
.gl-playfield-wrap { flex: 1; display: flex; justify-content: center; }
.gl-playfield { position: relative; width: 100%; max-width: var(--game-max); min-width: 0; display: flex; flex-direction: column; background: var(--surface); }
.gl-playfield__corner { position: absolute; top: var(--space-2); right: var(--space-2); z-index: 2; display: flex; gap: var(--space-1); }

@media (min-width: 720px) {
  .gl-topbar { display: flex; flex-shrink: 0; height: 72px; align-items: center; justify-content: space-between; padding: 0 var(--space-8); background: var(--surface-raised); border-bottom: 1px solid var(--line); }
  .gl-playfield-wrap { background: var(--surface-sunken); }
  .gl-playfield { border-left: 1px solid var(--line); border-right: 1px solid var(--line); }
  .gl-playfield__corner { display: none; }
}

/* Admin: asztali, csak világos téma */
.gl-admin { min-height: 100vh; display: flex; flex-direction: column; }
.gl-admin__bar { display: flex; align-items: center; height: 72px; padding: 0 var(--space-8); background: var(--surface-raised); border-bottom: 1px solid var(--line); }
.gl-admin__main { flex: 1; width: 100%; max-width: 1280px; margin: 0 auto; padding: var(--space-8); }

/* Egyszerű szövegoldal a játéktérben (pl. „hamarosan”) */
.gl-page { display: flex; flex-direction: column; gap: var(--space-6); padding: var(--space-12) var(--space-4); }
.gl-page__intro { display: flex; flex-direction: column; gap: var(--space-2); }
.gl-muted { color: var(--ink-muted); }