/* Khel ON shared styles: self-hosted fonts (no third-party requests) and brand tokens. */
@font-face { font-family: 'Outfit'; font-weight: 500; font-display: swap; src: url('fonts/outfit-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Outfit'; font-weight: 700; font-display: swap; src: url('fonts/outfit-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Outfit'; font-weight: 800; font-display: swap; src: url('fonts/outfit-latin-800-normal.woff2') format('woff2'); }
@font-face { font-family: 'Nunito'; font-weight: 600; font-display: swap; src: url('fonts/nunito-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Nunito'; font-weight: 700; font-display: swap; src: url('fonts/nunito-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Nunito'; font-weight: 800; font-display: swap; src: url('fonts/nunito-latin-800-normal.woff2') format('woff2'); }
@font-face { font-family: 'Nunito'; font-weight: 900; font-display: swap; src: url('fonts/nunito-latin-900-normal.woff2') format('woff2'); }
@font-face { font-family: 'Lilita One'; font-weight: 400; font-display: swap; src: url('fonts/lilita-one-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Alegreya'; font-weight: 600; font-display: swap; src: url('fonts/alegreya-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Alegreya'; font-weight: 800; font-display: swap; src: url('fonts/alegreya-latin-800-normal.woff2') format('woff2'); }
@font-face { font-family: 'Alegreya Sans'; font-weight: 400; font-display: swap; src: url('fonts/alegreya-sans-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Alegreya Sans'; font-weight: 500; font-display: swap; src: url('fonts/alegreya-sans-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Alegreya Sans'; font-weight: 700; font-display: swap; src: url('fonts/alegreya-sans-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Alegreya Sans'; font-weight: 800; font-display: swap; src: url('fonts/alegreya-sans-latin-800-normal.woff2') format('woff2'); }

:root {
  --ko-bg: #141721; --ko-bg-2: #1b1d2e; --ko-panel: #20223a; --ko-line: rgba(255,255,255,.1);
  --ko-ink: #f5f3ff; --ko-dim: #a9a8c6;
  --ko-orange: #ff9a3c; --ko-pink: #f04fa8; --ko-purple: #8b5cf6; --ko-teal: #2fd4c8;
  --ko-grad: linear-gradient(100deg, var(--ko-orange), var(--ko-pink) 45%, var(--ko-purple));
  --ko-grad-cool: linear-gradient(100deg, var(--ko-teal), var(--ko-purple));
  --ko-display: 'Outfit', 'Segoe UI', system-ui, sans-serif;
  --ko-body: 'Nunito', 'Segoe UI', system-ui, sans-serif;
}

.in-app [data-web-only] { display: none !important; }