/* ALL IN ONE oyun paketi — ortak kiosk stili */
:root { --aio: #0E47A1; --koyu: #1B1B1B; --gri: #555555; --acik: #EEF1F6; --cizgi: #C9D3E3; }
html, body {
  margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden;
  background: #000; color: #fff;
  font-family: Bahnschrift, Barlow, Arial, Helvetica, sans-serif;
  touch-action: none; -webkit-user-select: none; user-select: none;
  -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; overscroll-behavior: none;
}
canvas { display: block; }
.kiosk, .kiosk * { cursor: none !important; }
.k-gate { position: fixed; inset: 0; background: #000; display: flex; align-items: center; justify-content: center; z-index: 1000; }
.k-gate-box { text-align: center; max-width: 72vw; }
.k-gate-title { font-size: clamp(28px, 5vw, 96px); font-weight: 700; letter-spacing: .02em; text-transform: uppercase; margin-bottom: .3em; }
.k-gate-text { font-size: clamp(16px, 2vw, 40px); color: var(--cizgi); margin-bottom: 1.2em; line-height: 1.4; }
.k-gate-btn { display: inline-block; background: var(--aio); color: #fff; padding: .6em 1.6em; font-size: clamp(18px, 2.4vw, 48px); font-weight: 700; letter-spacing: .05em; }
.k-error { position: fixed; left: 0; right: 0; bottom: 0; background: #7a1212; color: #fff; padding: 1em; font-size: clamp(14px, 1.6vw, 32px); z-index: 1001; }
.k-hud { position: fixed; left: 24px; bottom: 24px; font-size: clamp(14px, 1.4vw, 28px); color: var(--cizgi); opacity: .6; pointer-events: none; z-index: 10; }