/* Built from assets/css-src/party.css by tools/build-css.js. Edit the source, then rebuild. */
/* Game Adda — Family Face-Off: setup screen and full-screen match. */

/* Setup (inside the page) */
html:not(#ncrk) .ncrp-setup { text-align: center; padding: 6px 0 4px; }
html:not(#ncrk) .ncrp-setup__q { font-size: 22px; font-weight: 800; color: var(--forest); margin-bottom: 12px !important; }
html:not(#ncrk) .ncrp-counts { display: flex; justify-content: center; gap: 10px; margin-bottom: 18px; }
html:not(#ncrk) .ncrp-count { width: 64px; height: 64px; border-radius: 50%; border: 3px solid var(--rule); background: #fff; font: 800 26px 'Outfit', sans-serif; color: var(--ink); cursor: pointer; }
html:not(#ncrk) .ncrp-count.is-on { background: var(--forest); border-color: var(--forest); color: #fff; }
html:not(#ncrk) .ncrp-seats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; max-width: 620px; margin: 0 auto 10px; }
html:not(#ncrk) .ncrp-seat { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 10px; border-radius: 16px; border: 3px solid var(--seat); background: #fff; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrp-seat__dot { width: 26px; height: 26px; border-radius: 50%; background: var(--seat); }
html:not(#ncrk) .ncrp-seat__input { width: 100%; min-height: 42px; padding: 6px 10px; text-align: center; border: 2px solid var(--rule); border-radius: 10px; font: 700 16px 'Outfit', sans-serif; color: var(--ink); background: var(--off); }
html:not(#ncrk) .ncrp-seat__input:focus { outline: none; border-color: var(--seat); background: #fff; }
html:not(#ncrk) .ncrp-seat__who { min-height: 36px; padding: 4px 12px; border-radius: 999px; border: 1px solid var(--rule); background: #fff; font: 600 14px 'Outfit', sans-serif; color: var(--muted); cursor: pointer; }
html:not(#ncrk) .ncrp-setup__tip { font-size: 13px; color: var(--muted); max-width: 32em; margin: 0 auto 12px !important; }
html:not(#ncrk) .ncrp-setup__how { font-weight: 700; color: var(--forest); margin-bottom: 16px !important; }
html:not(#ncrk) .ncrp-setup__keys { font-size: 12px; color: var(--muted); margin-top: 14px !important; }
@media (hover: none) { html:not(#ncrk) .ncrp-setup__keys { display: none; } }

/* Full-screen match */
html:not(#ncrk).ncrp-open, html:not(#ncrk).ncrp-open body { overflow: hidden !important; }
html:not(#ncrk) .ncrp {
  position: fixed; inset: 0; z-index: 2147483000;
  background: #10241b; color: #fff;
  font-family: 'Outfit', system-ui, sans-serif;
  touch-action: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior: none;
}
html:not(#ncrk) .ncrp-canvas { position: absolute; inset: 0; display: block; }

html:not(#ncrk) .ncrp-top { position: absolute; top: 8px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 10px; z-index: 3; }
html:not(#ncrk) .ncrp-board { display: flex; gap: 8px; padding: 6px 10px; border-radius: 999px; background: rgba(0,0,0,.45); }
html:not(#ncrk) .ncrp-chip { display: inline-flex; gap: 3px; padding: 3px 6px; border-radius: 999px; border: 2px solid var(--seat); }
html:not(#ncrk) .ncrp-pip { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.18); }
html:not(#ncrk) .ncrp-pip.is-on { background: var(--seat); }
html:not(#ncrk) .ncrp-quit { width: 38px; height: 38px; border-radius: 50%; border: 0; background: rgba(0,0,0,.45); color: #fff; font-size: 18px; cursor: pointer; }

/* Player buttons in the corners; top ones are turned to face the far side of the table. */
html:not(#ncrk) .ncrp-btn {
  position: absolute; z-index: 2;
  width: clamp(92px, 20vmin, 170px); height: clamp(92px, 20vmin, 170px);
  border-radius: 50%;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  background: var(--seat); color: #fff;
  border: 5px solid rgba(255,255,255,.85);
  box-shadow: 0 6px 0 rgba(0,0,0,.35), 0 0 0 6px rgba(0,0,0,.18);
  transition: transform .06s, box-shadow .06s;
  cursor: pointer;
}
html:not(#ncrk) .ncrp-btn.is-down { transform: translateY(5px) scale(.95); box-shadow: 0 1px 0 rgba(0,0,0,.35), 0 0 0 10px color-mix(in srgb, var(--seat) 40%, transparent); }
html:not(#ncrk) .ncrp-btn--tl, html:not(#ncrk) .ncrp-btn--tr { transform: rotate(180deg); }
html:not(#ncrk) .ncrp-btn--tl.is-down, html:not(#ncrk) .ncrp-btn--tr.is-down { transform: rotate(180deg) translateY(5px) scale(.95); }
html:not(#ncrk) .ncrp-btn--bl { left: max(14px, env(safe-area-inset-left)); bottom: max(14px, env(safe-area-inset-bottom)); }
html:not(#ncrk) .ncrp-btn--br { right: max(14px, env(safe-area-inset-right)); bottom: max(14px, env(safe-area-inset-bottom)); }
html:not(#ncrk) .ncrp-btn--tl { left: max(14px, env(safe-area-inset-left)); top: 14px; }
html:not(#ncrk) .ncrp-btn--tr { right: max(14px, env(safe-area-inset-right)); top: 14px; }
html:not(#ncrk) .ncrp-btn__name { font-weight: 800; font-size: clamp(15px, 3.2vmin, 22px); }
html:not(#ncrk) .ncrp-btn__hint { font-size: clamp(11px, 2.2vmin, 14px); font-weight: 700; letter-spacing: .1em; opacity: .9; }
html:not(#ncrk) .ncrp-btn.is-bot { opacity: .55; cursor: default; border-style: dashed; }

html:not(#ncrk) .ncrp-rotate { position: absolute; left: 50%; bottom: 40%; transform: translateX(-50%); z-index: 3; padding: 8px 14px; border-radius: 999px; background: rgba(0,0,0,.6); font-size: 14px; white-space: nowrap; pointer-events: none; }
html:not(#ncrk) .ncrp-rotate[hidden] { display: none; }

html:not(#ncrk) .ncrp-panel {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 4;
  width: min(92vw, 480px); max-height: calc(100% - 24px); overflow-y: auto; padding: 26px 22px 22px; text-align: center; overflow: hidden;
  background: #fff; color: #1A1A18; border-radius: 22px; border-top: 8px solid var(--seat);
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
}
html:not(#ncrk) .ncrp-panel[hidden] { display: none; }
html:not(#ncrk) .ncrp-panel__trophy { font-size: 64px; line-height: 1; }
html:not(#ncrk) .ncrp-panel__title { font-size: 40px; font-weight: 800; color: var(--seat); margin: 6px 0 2px; }
html:not(#ncrk) .ncrp-panel__line { color: #6B6860; margin: 0 0 18px; }
html:not(#ncrk) .ncrp .ncrk-btn { min-height: 52px; padding: 10px 24px; border-radius: 999px; font: 800 17px 'Outfit', sans-serif; cursor: pointer; border: 2px solid transparent; }
html:not(#ncrk) .ncrp .ncrk-btn--go { background: #E07B2A; color: #fff; box-shadow: 0 4px 0 #B5611C; }
html:not(#ncrk) .ncrp .ncrk-btn--ghost { background: #fff; border-color: #D8D3CA; color: #1B3A2D; }
html:not(#ncrk) .ncrp .ncrk-done__btns { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
html:not(#ncrk) .ncrp .ncrk-confetti { position: absolute; inset: -20px 0 0; pointer-events: none; overflow: hidden; }
html:not(#ncrk) .ncrp .ncrk-confetti span { position: absolute; top: -40px; font-size: 26px; animation: ncrk-fall linear forwards; }

html:not(#ncrk) .ncrp-setup__cup { display: inline-block; margin-top: 14px; font-weight: 700; color: var(--forest); text-decoration: underline !important; }

/* WhatsApp button (also used in the full-screen panel) */
html:not(#ncrk) .ncrk-btn--whatsapp, html:not(#ncrk) .ncrp .ncrk-btn--whatsapp { background: #0E7A6D; color: #fff !important; box-shadow: 0 4px 0 #095a50; }

/* Family Tournament */
html:not(#ncrk) .ncrt-cup { display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 0 auto 16px; max-width: 320px; }
html:not(#ncrk) .ncrt-cup__label { font-size: 22px; font-weight: 800; color: var(--forest); }
html:not(#ncrk) .ncrt-cup__input { width: 100%; min-height: 48px; padding: 8px 14px; text-align: center; border: 2px solid var(--rule); border-radius: 12px; font: 700 18px 'Outfit', sans-serif; color: var(--ink); background: var(--off); }
html:not(#ncrk) .ncrt-cup__input:focus { outline: none; border-color: var(--saffron); background: #fff; }
html:not(#ncrk) .ncrt-games { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 18px; }
html:not(#ncrk) .ncrt-game { display: inline-flex; align-items: center; gap: 8px; min-height: 52px; padding: 8px 16px; border-radius: 999px; border: 3px solid var(--rule); background: #fff; font: 700 16px 'Outfit', sans-serif; color: var(--muted); cursor: pointer; }
html:not(#ncrk) .ncrt-game.is-on { border-color: var(--forest); color: var(--forest); background: #EEF5F0; }
html:not(#ncrk) .ncrt-game:not(.is-on) { text-decoration: line-through; opacity: .6; }
html:not(#ncrk) .ncrt-game__icon { font-size: 24px; text-decoration: none; }

html:not(#ncrk) .ncrp .ncrt-card { max-height: calc(100vh - 80px); overflow-y: auto; }
html:not(#ncrk) .ncrt-kicker { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #6B6860; margin: 0; }
html:not(#ncrk) .ncrp-panel__title.ncrt-title { font-size: 30px; line-height: 1.15; }
html:not(#ncrk) .ncrt-table { width: 100%; border-collapse: collapse; margin: 6px 0 18px; font-size: 16px; }
html:not(#ncrk) .ncrt-table th { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6B6860; text-align: left; padding: 4px 6px; }
html:not(#ncrk) .ncrt-table th:last-child, html:not(#ncrk) .ncrt-table td:last-child { text-align: right; }
html:not(#ncrk) .ncrt-table td { padding: 8px 6px; border-top: 1px solid #EAE6DF; }
html:not(#ncrk) .ncrt-table tr.is-lead td { background: #FFF8E1; }
html:not(#ncrk) .ncrt-table__rank { width: 34px; font-size: 20px; text-align: center; }
html:not(#ncrk) .ncrt-table__who { font-weight: 700; }
html:not(#ncrk) .ncrt-table__gain { color: #2E7D32; font-weight: 700; }
html:not(#ncrk) .ncrt-table__pts { font-weight: 800; font-size: 20px; }
html:not(#ncrk) .ncrt-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 8px; vertical-align: middle; }
html:not(#ncrk) .ncrp-board:empty { display: none; }
html:not(#ncrk) .ncrp a.ncrk-btn, html:not(#ncrk) .ncrk a.ncrk-btn { text-decoration: none !important; }

/* Tournament line-up builder */
html:not(#ncrk) .ncrt-lineup { max-width: 520px; margin: 0 auto 8px; }
html:not(#ncrk) .ncrt-lineup__empty { color: var(--muted); margin-bottom: 8px !important; }
html:not(#ncrk) .ncrt-lineup__list { list-style: none; padding: 0 !important; margin: 0 0 12px !important; display: grid; gap: 6px; }
html:not(#ncrk) .ncrt-slot { display: flex; align-items: center; gap: 10px; padding: 6px 8px 6px 10px; border-radius: 12px; background: var(--off); border: 1px solid var(--rule); text-align: left; }
html:not(#ncrk) .ncrt-slot__num { width: 28px; height: 28px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--forest); color: #fff; font-weight: 800; font-size: 14px; }
html:not(#ncrk) .ncrt-slot__icon { font-size: 24px; }
html:not(#ncrk) .ncrt-slot__name { flex: 1; font-weight: 700; color: var(--ink); }
html:not(#ncrk) .ncrt-slot__btn { width: 40px; height: 40px; border-radius: 10px; border: 1px solid var(--rule); background: #fff; font-size: 17px; font-weight: 700; cursor: pointer; color: var(--forest); }
html:not(#ncrk) .ncrt-slot__btn:disabled { opacity: .3; cursor: default; }
html:not(#ncrk) .ncrt-slot__btn--rm { color: var(--bad); }
html:not(#ncrk) .ncrt-lineup__label { font-size: 13px; font-weight: 700; color: var(--muted); margin-bottom: 6px !important; }
html:not(#ncrk) .ncrt-game:disabled { opacity: .45; cursor: default; }
html:not(#ncrk) .ncrt-tools { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 8px; }
html:not(#ncrk) .ncrt-tools .ncrk-btn { min-height: 42px; padding: 6px 16px; font-size: 14px; }
html:not(#ncrk) .ncrt-start:disabled { opacity: .5; cursor: not-allowed; box-shadow: none; }

html:not(#ncrk) .ncrp-chip--pts { min-width: 34px; justify-content: center; padding: 1px 8px; font: 800 15px 'Outfit', sans-serif; color: #fff; background: var(--seat); }

/* Drag-to-aim games: the corner discs are name tags; touches go to the player's screen zone. */
html:not(#ncrk) .ncrp--drag .ncrp-btn { pointer-events: none; opacity: .85; width: clamp(70px, 14vmin, 120px); height: clamp(70px, 14vmin, 120px); }
html:not(#ncrk) .ncrp--drag .ncrp-btn__hint { font-size: clamp(9px, 1.7vmin, 12px); }

/* Difficulty picker (games with levels) */
html:not(#ncrk) .ncrp-levels { margin: 4px auto 12px; max-width: 520px; }
html:not(#ncrk) .ncrp-levels__q { font-size: 16px; font-weight: 800; color: var(--forest); margin: 0 0 8px !important; }
html:not(#ncrk) .ncrp-levels__row { display: inline-flex; gap: 0; border: 2px solid var(--forest); border-radius: 999px; overflow: hidden; background: #fff; }
html:not(#ncrk) .ncrp-level { min-width: 92px; min-height: 44px; padding: 6px 16px; border: 0; background: #fff; font: 800 16px 'Outfit', sans-serif; color: var(--forest); cursor: pointer; }
html:not(#ncrk) .ncrp-level + .ncrp-level { border-left: 2px solid var(--forest); }
html:not(#ncrk) .ncrp-level.is-on { background: var(--forest); color: #fff; }
html:not(#ncrk) .ncrp-levels__note { font-size: 13.5px; color: var(--muted); margin: 8px auto 0 !important; max-width: 30em; }

/* Tournament: head start and trophy cabinet */
html:not(#ncrk) .ncrt-head { max-width: 620px; margin: 4px auto 12px; }
html:not(#ncrk) .ncrt-head__row { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
html:not(#ncrk) .ncrt-head__btn { display: flex; flex-direction: column; align-items: center; min-width: 110px; padding: 6px 12px; border-radius: 14px; border: 2px solid var(--seat); background: #fff; font-family: 'Outfit', sans-serif; cursor: pointer; }
html:not(#ncrk) .ncrt-head__btn.is-on { background: var(--seat); }
html:not(#ncrk) .ncrt-head__btn.is-on .ncrt-head__name, html:not(#ncrk) .ncrt-head__btn.is-on .ncrt-head__pts { color: #fff; }
html:not(#ncrk) .ncrt-head__name { font-weight: 800; font-size: 15px; color: var(--ink); }
html:not(#ncrk) .ncrt-head__pts { font-size: 12.5px; color: var(--muted); }
html:not(#ncrk) .ncrt-cabinet { max-width: 620px; margin: 18px auto 0; padding: 12px; border-radius: 16px; background: #FFF8E6; border: 2px solid #F2C94C; }
html:not(#ncrk) .ncrt-cabinet__list { display: flex; flex-wrap: wrap; gap: 8px 14px; justify-content: center; font-size: 15px; }
html:not(#ncrk) .ncrt-cabinet__item strong { color: var(--forest); }
html:not(#ncrk) .ncrt-cabinet__clear { margin-top: 8px; border: 0; background: none; color: var(--muted); font: 600 12.5px 'Outfit', sans-serif; text-decoration: underline; cursor: pointer; }

/* Tournament: turn-by-turn games (Gully Cricket, Carrom) */
html:not(#ncrk) .ncrt-turnlayer { position: fixed; inset: 0; z-index: 2147483000; overflow-y: auto; background: var(--off, #F6F3EC); padding: calc(env(safe-area-inset-top) + 10px) 10px calc(env(safe-area-inset-bottom) + 10px); }
html:not(#ncrk) .ncrt-turncard { min-height: 100%; display: flex; align-items: center; justify-content: center; }
html:not(#ncrk) .ncrt-turncard .ncrt-card { width: min(100%, 460px); padding: 22px 18px; border-radius: 22px; background: #fff; border-top: 6px solid var(--seat); box-shadow: 0 8px 26px rgba(0,0,0,.12); text-align: center; }
html:not(#ncrk) .ncrt-turnstage { margin: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; }
html:not(#ncrk) .ncrt-turnlayer .ncrg, html:not(#ncrk) .ncrt-turnlayer .ncrr { height: calc(100vh - 20px); height: calc(100dvh - 20px); }

/* ── Family Game Night ───────────────────────────────────────────── */
html:not(#ncrk) .ncrn-home { max-width: 560px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px; padding: 6px 0 20px; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrn-logo { display: flex; align-items: center; justify-content: center; gap: 10px; }
html:not(#ncrk) .ncrn-logo span { font-size: 42px; }
html:not(#ncrk) .ncrn-logo strong { font: 800 30px/1 'Outfit', sans-serif; color: #3B1C6E; }
html:not(#ncrk) .ncrn-lead { margin: 0 !important; text-align: center; font: 500 15.5px/1.45 'Outfit', sans-serif; color: #4A4060; }
html:not(#ncrk) .ncrn-note { margin: 0 !important; text-align: center; font: 500 12.5px/1.4 'Outfit', sans-serif; color: var(--muted); }
html:not(#ncrk) .ncrn-joinbox, html:not(#ncrk) .ncrn-hostbox { display: flex; flex-direction: column; gap: 10px; padding: 14px; border-radius: 18px; background: #fff; border: 2px solid #E6DEF5; }
html:not(#ncrk) .ncrn-joinbox strong, html:not(#ncrk) .ncrn-hostbox > strong { font: 800 17px 'Outfit', sans-serif; color: #3B1C6E; }
html:not(#ncrk) .ncrn-joinrow { display: flex; gap: 8px; }
html:not(#ncrk) .ncrn-code { flex: 1; min-width: 0; height: 54px; padding: 0 14px; border-radius: 14px; border: 2px solid #3B1C6E; font: 800 24px 'Outfit', sans-serif; letter-spacing: 6px; text-transform: uppercase; text-align: center; color: #3B1C6E; box-sizing: border-box; }
html:not(#ncrk) .ncrn-label { font: 700 13px 'Outfit', sans-serif; color: #6B5F80; }
html:not(#ncrk) .ncrn-chips { display: flex; flex-wrap: wrap; gap: 6px; }
html:not(#ncrk) .ncrn-chip { padding: 8px 12px; border-radius: 999px; border: 2px solid #E6DEF5; background: #fff; color: #4A4060; font: 700 14px 'Outfit', sans-serif; cursor: pointer; }
html:not(#ncrk) .ncrn-chip.is-on { border-color: #6A3FC4; background: #F1EBFD; color: #3B1C6E; }
html:not(#ncrk) .ncrn-btn { min-height: 52px; padding: 0 20px; border-radius: 16px; border: 2px solid #3B1C6E; background: #fff; color: #3B1C6E; font: 800 17px 'Outfit', sans-serif; cursor: pointer; }
html:not(#ncrk) .ncrn-btn:disabled { opacity: .45; cursor: default; }
html:not(#ncrk) .ncrn-btn--main { background: linear-gradient(135deg, #7B4BD9, #4A2596); border-color: #4A2596; color: #fff; }
html:not(#ncrk) .ncrn-btn--big { width: 100%; min-height: 60px; font-size: 19px; }
html:not(#ncrk) .ncrn-err { margin: 0 !important; padding: 8px 12px; border-radius: 10px; background: #FDECEA; color: #A12A1E; font: 600 14px 'Outfit', sans-serif; text-align: center; }
html:not(#ncrk) .ncrn-err[hidden] { display: none; }

/* the TV */
html:not(#ncrk) .ncrn-tv { position: relative; display: flex; flex-direction: column; gap: 2vh; min-height: calc(var(--ncra-avail, 100vh) - 20px); padding: 1vh 2vw; box-sizing: border-box; font-family: 'Outfit', sans-serif; color: #fff; background: radial-gradient(circle at 30% 20%, #4A2596, #1E0E3D 70%); border-radius: 18px; }
html:not(#ncrk) .ncrn-tv .ncrb-exit { position: absolute; left: 10px; top: 10px; z-index: 2; }
html:not(#ncrk) .ncrn-lobby { display: flex; align-items: center; justify-content: center; gap: 5vw; flex-wrap: wrap; margin-top: 4vh; }
html:not(#ncrk) .ncrn-lobby__join { display: flex; flex-direction: column; align-items: center; gap: 1vh; }
html:not(#ncrk) .ncrn-lobby__how { margin: 0 !important; font: 600 clamp(15px, 2.2vw, 26px) 'Outfit', sans-serif; color: #D9CCF5; }
html:not(#ncrk) .ncrn-lobby__url { margin: 0 !important; font: 800 clamp(16px, 2.6vw, 32px) 'Outfit', sans-serif; color: #FFD27A; word-break: break-all; text-align: center; }
html:not(#ncrk) .ncrn-bigcode { display: flex; gap: 1vw; }
html:not(#ncrk) .ncrn-bigcode span { display: inline-flex; align-items: center; justify-content: center; width: clamp(40px, 7vw, 96px); height: clamp(52px, 9vw, 120px); border-radius: 14px; background: #fff; color: #3B1C6E; font: 900 clamp(30px, 6vw, 80px) 'Outfit', sans-serif; }
html:not(#ncrk) .ncrn-qr { width: clamp(160px, 24vw, 300px); height: auto; border-radius: 12px; background: #fff; }
html:not(#ncrk) .ncrn-players { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; min-height: 60px; }
html:not(#ncrk) .ncrn-player { padding: 10px 18px; border-radius: 999px; background: var(--c); color: #fff; font: 800 clamp(16px, 2vw, 26px) 'Outfit', sans-serif; animation: ncrd-pop .4s cubic-bezier(.2,1.6,.4,1); }
html:not(#ncrk) .ncrn-wait { margin: 0 !important; font: 600 clamp(16px, 2vw, 24px) 'Outfit', sans-serif; color: #D9CCF5; }
html:not(#ncrk) .ncrn-tv > .ncrn-btn--big { max-width: 520px; align-self: center; }
html:not(#ncrk) .ncrn-tvbar { display: flex; justify-content: space-between; gap: 10px; padding-left: 56px; font: 700 clamp(13px, 1.6vw, 20px) 'Outfit', sans-serif; color: #D9CCF5; }
html:not(#ncrk) .ncrn-tvbar__code { color: #FFD27A; }
html:not(#ncrk) .ncrn-tvbody { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.4vh; text-align: center; }
html:not(#ncrk) .ncrn-intro__icon { font-size: clamp(60px, 12vw, 160px); animation: ncrd-pop .5s cubic-bezier(.2,1.6,.4,1); }
html:not(#ncrk) .ncrn-intro h2 { margin: 0 !important; font: 900 clamp(30px, 5vw, 72px) 'Outfit', sans-serif; color: #fff; }
html:not(#ncrk) .ncrn-intro p { margin: 0 !important; font: 600 clamp(15px, 2vw, 26px) 'Outfit', sans-serif; color: #D9CCF5; }
html:not(#ncrk) .ncrn-q__emoji { font-size: clamp(56px, 10vw, 140px); line-height: 1.1; letter-spacing: .1em; }
html:not(#ncrk) .ncrn-q__text { margin: 0 !important; font: 800 clamp(22px, 3.6vw, 52px)/1.2 'Outfit', sans-serif; color: #fff; max-width: 90vw; }
html:not(#ncrk) .ncrn-q--small .ncrn-q__emoji { font-size: clamp(40px, 6vw, 80px); }
html:not(#ncrk) .ncrn-q--small .ncrn-q__text { font-size: clamp(18px, 2.6vw, 36px); }
html:not(#ncrk) .ncrn-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 1.6vh 1.6vw; width: min(100%, 1100px); }
html:not(#ncrk) .ncrn-tile { position: relative; display: flex; align-items: center; gap: 14px; min-height: clamp(56px, 9vh, 110px); padding: 0 20px; border-radius: 16px; background: var(--c); color: #fff; font: 800 clamp(16px, 2.4vw, 34px)/1.2 'Outfit', sans-serif; text-align: left; box-shadow: 0 6px 0 rgba(0,0,0,.25); }
html:not(#ncrk) .ncrn-tile b { font-size: 1.1em; opacity: .9; }
html:not(#ncrk) .ncrn-tile__n { margin-left: auto; padding: 2px 12px; border-radius: 999px; background: rgba(0,0,0,.25); font-style: normal; }
html:not(#ncrk) .ncrn-tiles.is-reveal .ncrn-tile.is-wrong { opacity: .3; }
html:not(#ncrk) .ncrn-tiles.is-reveal .ncrn-tile.is-right { box-shadow: 0 0 0 5px #fff, 0 6px 0 rgba(0,0,0,.25); animation: ncrd-pop .45s cubic-bezier(.2,1.6,.4,1); }
html:not(#ncrk) .ncrn-votehint { margin: 0 !important; grid-column: 1 / -1; font: 800 clamp(22px, 3vw, 40px) 'Outfit', sans-serif; color: #FFD27A; }
html:not(#ncrk) .ncrn-qfoot { display: flex; align-items: center; gap: 3vw; }
html:not(#ncrk) .ncrn-clock { width: clamp(60px, 8vw, 110px); aspect-ratio: 1; border-radius: 50%; display: flex; align-items: center; justify-content: center; font: 900 clamp(24px, 3.6vw, 52px) 'Outfit', sans-serif; color: #fff; background: conic-gradient(#FFD27A var(--p, 100%), rgba(255,255,255,.15) 0); }
html:not(#ncrk) .ncrn-count { font: 700 clamp(16px, 2.2vw, 30px) 'Outfit', sans-serif; color: #D9CCF5; }
html:not(#ncrk) .ncrn-revline { margin: 0 !important; font: 800 clamp(18px, 2.6vw, 36px) 'Outfit', sans-serif; color: #FFD27A; }
html:not(#ncrk) .ncrn-voted { display: flex; flex-direction: column; align-items: center; gap: 6px; }
html:not(#ncrk) .ncrn-voted span { font-size: clamp(50px, 8vw, 110px); }
html:not(#ncrk) .ncrn-voted strong { font: 900 clamp(26px, 4.4vw, 64px) 'Outfit', sans-serif; color: #FFD27A; }
html:not(#ncrk) .ncrn-votes, html:not(#ncrk) .ncrn-board { display: flex; flex-direction: column; gap: 1.2vh; width: min(100%, 900px); }
html:not(#ncrk) .ncrn-vbar, html:not(#ncrk) .ncrn-brow { display: flex; align-items: center; gap: 12px; font: 800 clamp(16px, 2.2vw, 30px) 'Outfit', sans-serif; }
html:not(#ncrk) .ncrn-vbar span, html:not(#ncrk) .ncrn-brow__name { width: 28%; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html:not(#ncrk) .ncrn-vbar i, html:not(#ncrk) .ncrn-brow i { display: block; height: clamp(18px, 3vh, 40px); border-radius: 999px; background: linear-gradient(90deg, #FFD27A, #E07B2A); transition: width .8s ease-out; }
html:not(#ncrk) .ncrn-vbar em, html:not(#ncrk) .ncrn-brow em { font-style: normal; color: #FFD27A; }
html:not(#ncrk) .ncrn-brow__n { width: 2em; }
html:not(#ncrk) .ncrn-boardtitle { margin: 0 !important; font: 900 clamp(26px, 4vw, 56px) 'Outfit', sans-serif; color: #fff; }
html:not(#ncrk) .ncrn-podium { display: flex; align-items: flex-end; justify-content: center; gap: 2vw; }
html:not(#ncrk) .ncrn-pod { display: flex; flex-direction: column; align-items: center; gap: 6px; width: clamp(90px, 16vw, 220px); }
html:not(#ncrk) .ncrn-pod__medal { font-size: clamp(36px, 6vw, 80px); }
html:not(#ncrk) .ncrn-pod strong { font: 900 clamp(16px, 2.6vw, 36px) 'Outfit', sans-serif; text-align: center; }
html:not(#ncrk) .ncrn-pod em { font-style: normal; font: 800 clamp(14px, 2vw, 26px) 'Outfit', sans-serif; color: #FFD27A; }
html:not(#ncrk) .ncrn-pod__block { width: 100%; border-radius: 12px 12px 0 0; background: linear-gradient(180deg, #FFD27A, #E07B2A); color: #3B1C6E; font: 900 clamp(26px, 4vw, 56px) 'Outfit', sans-serif; display: flex; align-items: center; justify-content: center; }
html:not(#ncrk) .ncrn-pod--1 .ncrn-pod__block { height: clamp(110px, 22vh, 260px); }
html:not(#ncrk) .ncrn-pod--2 .ncrn-pod__block { height: clamp(80px, 15vh, 180px); }
html:not(#ncrk) .ncrn-pod--3 .ncrn-pod__block { height: clamp(60px, 11vh, 130px); }

/* the phones */
html:not(#ncrk) .ncrn-phone { max-width: 520px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; padding: 6px 0 16px; font-family: 'Outfit', sans-serif; min-height: calc(var(--ncra-avail, 100vh) - 30px); }
html:not(#ncrk) .ncrn-big { text-align: center; font-size: 60px; line-height: 1.1; }
html:not(#ncrk) .ncrn-h { margin: 0 !important; text-align: center; font: 800 26px 'Outfit', sans-serif; color: #3B1C6E; }
html:not(#ncrk) .ncrn-name { height: 56px; padding: 0 16px; border-radius: 14px; border: 2px solid #3B1C6E; font: 700 19px 'Outfit', sans-serif; color: #3B1C6E; width: 100%; box-sizing: border-box; }
html:not(#ncrk) .ncrn-phead { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 10px 60px; border-radius: 14px; background: #3B1C6E; color: #fff; font: 800 17px 'Outfit', sans-serif; }
html:not(#ncrk) .ncrn-phead__pts { padding: 4px 12px; border-radius: 999px; background: #FFD27A; color: #3B1C6E; }
html:not(#ncrk) .ncrn-pbody { flex: 1; display: flex; flex-direction: column; gap: 12px; justify-content: center; }
html:not(#ncrk) .ncrn-pq__round { margin: 0 !important; text-align: center; font: 700 14px 'Outfit', sans-serif; color: #6B5F80; }
html:not(#ncrk) .ncrn-pq__emoji { text-align: center; font-size: 46px; line-height: 1.1; }
html:not(#ncrk) .ncrn-pq { margin: 0 !important; text-align: center; font: 800 20px/1.3 'Outfit', sans-serif; color: #1E0E3D; }
html:not(#ncrk) .ncrn-pbtns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
html:not(#ncrk) .ncrn-pbtns.is-vote { grid-template-columns: 1fr; }
html:not(#ncrk) .ncrn-pbtn { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 100px; padding: 10px; border: 0; border-radius: 18px; background: var(--c); color: #fff; font: 800 16px/1.25 'Outfit', sans-serif; cursor: pointer; box-shadow: 0 5px 0 rgba(0,0,0,.2); }
html:not(#ncrk) .ncrn-pbtns.is-vote .ncrn-pbtn { min-height: 58px; flex-direction: row; justify-content: flex-start; padding: 0 18px; font-size: 18px; }
html:not(#ncrk) .ncrn-pbtn b { font-size: 24px; }
html:not(#ncrk) .ncrn-pbtn.is-dim { opacity: .3; }
html:not(#ncrk) .ncrn-pbtn.is-picked { box-shadow: 0 0 0 4px #1E0E3D; }
html:not(#ncrk) .ncrn-locked { margin: 0 !important; text-align: center; font: 800 17px 'Outfit', sans-serif; color: #2E9E4F; }
html:not(#ncrk) .ncrn-pres { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 22px 16px; border-radius: 20px; text-align: center; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrn-pres.is-good { background: #E5F6EA; color: #1E7A3B; }
html:not(#ncrk) .ncrn-pres.is-bad { background: #F7F2FB; color: #4A4060; }
html:not(#ncrk) .ncrn-pres strong { font-size: 24px; }
html:not(#ncrk) .ncrn-pres span { font-size: 16px; font-weight: 600; }
html:not(#ncrk) .ncrn-pres__rank { margin-top: 6px; padding: 6px 14px; border-radius: 999px; background: #3B1C6E; color: #fff !important; }

/* ── Rishtedaar Bingo (ncrrb) ─────────────────────────────────────────── */
html:not(#ncrk) .ncrrb { --rb-deep: #2A0710; --rb-wine: #5B0F1F; --rb-gold: #FFC94A; --rb-saffron: #F08A3C; position: relative; max-width: 560px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; padding: 14px 14px 22px; border-radius: 22px; background: radial-gradient(120% 60% at 50% 0%, #7A1A2E 0%, var(--rb-wine) 45%, var(--rb-deep) 100%); color: #fff; font-family: 'Outfit', sans-serif; box-sizing: border-box; overflow: hidden; }
html:not(#ncrk) .ncrrb *, html:not(#ncrk) .ncrrb *::before, html:not(#ncrk) .ncrrb *::after { box-sizing: border-box; }
html:not(#ncrk) .ncrrb-lamps { text-align: center; font-size: 22px; letter-spacing: 6px; filter: drop-shadow(0 0 8px rgba(255,190,80,.6)); }
html:not(#ncrk) .ncrrb-logo { display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; }
html:not(#ncrk) .ncrrb-logo strong { font: 900 34px/1.05 'Outfit', sans-serif; color: var(--rb-gold); text-shadow: 0 2px 0 rgba(0,0,0,.35); }
html:not(#ncrk) .ncrrb-logo span { font: 700 13px 'Outfit', sans-serif; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,.7); }
html:not(#ncrk) .ncrrb-lead { margin: 0 !important; text-align: center; font: 500 15.5px/1.45 'Outfit', sans-serif; color: rgba(255,255,255,.88); }
html:not(#ncrk) .ncrrb-note { margin: 0 !important; text-align: center; font: 500 12.5px/1.45 'Outfit', sans-serif; color: rgba(255,255,255,.62); }
html:not(#ncrk) .ncrrb-h { margin: 4px 0 0 !important; font: 800 17px/1.3 'Outfit', sans-serif; color: var(--rb-gold); text-align: center; }
html:not(#ncrk) .ncrrb-h2 { margin: 0 !important; font: 900 24px/1.2 'Outfit', sans-serif; color: var(--rb-gold); text-align: center; }
html:not(#ncrk) .ncrrb-err { margin: 0 !important; text-align: center; font: 700 14px 'Outfit', sans-serif; color: #FFB4A8; }
html:not(#ncrk) .ncrrb-err[hidden] { display: none; }
html:not(#ncrk) .ncrrb-btn { width: 100%; min-height: 52px; padding: 8px 16px; border-radius: 16px; border: 2px solid rgba(255,255,255,.35); background: transparent; color: #fff; font: 800 16.5px 'Outfit', sans-serif; cursor: pointer; }
html:not(#ncrk) .ncrrb-btn:disabled { opacity: .55; cursor: default; }
html:not(#ncrk) .ncrrb-btn--main { border-color: transparent; background: linear-gradient(180deg, #FFD978, var(--rb-gold)); color: var(--rb-deep); box-shadow: 0 4px 0 #B07A12; }
html:not(#ncrk) .ncrrb-btn--gold { border-color: var(--rb-gold); color: var(--rb-gold); }
html:not(#ncrk) .ncrrb-btn--ghost { border-color: rgba(255,255,255,.25); color: rgba(255,255,255,.85); font-weight: 700; font-size: 15px; min-height: 46px; }
html:not(#ncrk) .ncrrb-continue { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
html:not(#ncrk) .ncrrb-continue small { font: 600 13px 'Outfit', sans-serif; opacity: .8; }
html:not(#ncrk) .ncrrb-packs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
html:not(#ncrk) .ncrrb-pack { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 14px 8px; border-radius: 18px; border: 2px solid rgba(255,201,74,.35); background: rgba(255,255,255,.07); color: #fff; font-family: 'Outfit', sans-serif; cursor: pointer; text-align: center; }
html:not(#ncrk) .ncrrb-pack.is-on { border-color: var(--rb-gold); background: rgba(255,201,74,.18); }
html:not(#ncrk) .ncrrb-pack__icon { font-size: 34px; line-height: 1.1; }
html:not(#ncrk) .ncrrb-pack strong { font-size: 16.5px; font-weight: 800; }
html:not(#ncrk) .ncrrb-pack small { font-size: 12.5px; font-weight: 500; color: rgba(255,255,255,.7); }
html:not(#ncrk) .ncrrb-how { margin: 4px 0 0 !important; padding: 12px 14px 12px 32px !important; border-radius: 16px; background: rgba(0,0,0,.2); font: 500 14px/1.45 'Outfit', sans-serif; color: rgba(255,255,255,.85); }
html:not(#ncrk) .ncrrb-how li { margin: 2px 0; }
html:not(#ncrk) .ncrrb-field { display: flex; flex-direction: column; gap: 6px; font: 700 14px 'Outfit', sans-serif; color: rgba(255,255,255,.85); }
html:not(#ncrk) .ncrrb-field input { height: 52px; padding: 0 14px; border-radius: 14px; border: 2px solid rgba(255,201,74,.5); background: #fff; color: var(--rb-deep); font: 700 18px 'Outfit', sans-serif; width: 100%; }
html:not(#ncrk) .ncrrb-hud { display: flex; align-items: center; gap: 10px; min-height: 44px; }
html:not(#ncrk) .ncrrb .ncrb-exit { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.1); color: #fff; font-size: 18px; cursor: pointer; }
html:not(#ncrk) .ncrrb-hud__title { flex: 1; min-width: 0; font: 800 18px/1.2 'Outfit', sans-serif; color: var(--rb-gold); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html:not(#ncrk) .ncrrb-clock { flex: 0 0 auto; padding: 5px 10px; border-radius: 999px; background: rgba(0,0,0,.25); font: 700 13px 'Outfit', sans-serif; color: rgba(255,255,255,.85); }
html:not(#ncrk) .ncrrb-status { margin: 0 !important; text-align: center; font: 700 15px/1.35 'Outfit', sans-serif; color: #fff; min-height: 1.35em; }
html:not(#ncrk) .ncrrb-card { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
html:not(#ncrk) .ncrrb-cell { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 3px; min-height: 96px; padding: 8px 4px 6px; border-radius: 14px; border: 1.5px solid rgba(255,201,74,.3); background: rgba(255,255,255,.08); color: #fff; font-family: 'Outfit', sans-serif; cursor: pointer; transition: transform .12s, background .15s; -webkit-tap-highlight-color: transparent; }
html:not(#ncrk) .ncrrb-cell:active { transform: scale(.95); }
html:not(#ncrk) .ncrrb-cell__emoji { font-size: 24px; line-height: 1.1; }
html:not(#ncrk) .ncrrb-cell__text { font: 600 11.5px/1.2 'Outfit', sans-serif; text-align: center; overflow-wrap: anywhere; }
html:not(#ncrk) .ncrrb-cell__tick { position: absolute; top: 3px; right: 6px; font: 900 15px 'Outfit', sans-serif; opacity: 0; }
html:not(#ncrk) .ncrrb-cell.is-on { background: linear-gradient(180deg, #F6A35A, var(--rb-saffron)); border-color: transparent; color: var(--rb-deep); }
html:not(#ncrk) .ncrrb-cell.is-on .ncrrb-cell__tick { opacity: 1; }
html:not(#ncrk) .ncrrb-cell.is-line { background: linear-gradient(180deg, #FFE08F, var(--rb-gold)); box-shadow: 0 0 14px rgba(255,201,74,.75); }
html:not(#ncrk) .ncrrb-actions { display: flex; flex-direction: column; gap: 8px; }
html:not(#ncrk) .ncrrb-cousins { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; }
html:not(#ncrk) .ncrrb-cousins::-webkit-scrollbar { display: none; }
html:not(#ncrk) .ncrrb-chip { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; padding: 6px 12px; border-radius: 14px; background: rgba(0,0,0,.25); border: 1.5px solid rgba(255,255,255,.15); color: #fff; font: 600 12.5px 'Outfit', sans-serif; }
html:not(#ncrk) .ncrrb-chip b { font-weight: 800; font-size: 13.5px; }
html:not(#ncrk) .ncrrb-chip.is-me { border-color: var(--rb-gold); }
html:not(#ncrk) .ncrrb-chip.is-bingo { background: rgba(255,201,74,.22); }
html:not(#ncrk) .ncrrb-chip--add { justify-content: center; border-style: dashed; border-color: var(--rb-gold); color: var(--rb-gold); font-weight: 800; cursor: pointer; background: transparent; }
html:not(#ncrk) .ncrrb-toast { position: absolute; left: 50%; top: 64px; transform: translateX(-50%); z-index: 6; max-width: 92%; padding: 10px 16px; border-radius: 999px; background: var(--rb-gold); color: var(--rb-deep); font: 800 15px 'Outfit', sans-serif; box-shadow: 0 6px 20px rgba(0,0,0,.35); text-align: center; animation: ncrrb-in .3s ease-out; transition: opacity .5s; }
html:not(#ncrk) .ncrrb-toast.is-out { opacity: 0; }
@keyframes ncrrb-in { from { opacity: 0; transform: translate(-50%, -10px); } to { opacity: 1; transform: translate(-50%, 0); } }
html:not(#ncrk) .ncrrb-pop { position: absolute; inset: 0; z-index: 8; display: flex; align-items: center; justify-content: center; padding: 18px; background: rgba(20,3,8,.72); }
html:not(#ncrk) .ncrrb-pop__box { width: 100%; max-width: 380px; display: flex; flex-direction: column; gap: 10px; padding: 22px 18px; border-radius: 22px; background: radial-gradient(120% 80% at 50% 0%, #8A2238, var(--rb-deep)); border: 2px solid var(--rb-gold); text-align: center; animation: ncrrb-pop .35s cubic-bezier(.2,1.4,.4,1); }
@keyframes ncrrb-pop { from { transform: scale(.6); opacity: 0; } to { transform: scale(1); opacity: 1; } }
html:not(#ncrk) .ncrrb-pop__big { font: 900 46px/1 'Outfit', sans-serif; color: var(--rb-gold); text-shadow: 0 3px 0 rgba(0,0,0,.4); }
html:not(#ncrk) .ncrrb-pop__time { margin: 0 !important; font: 800 19px 'Outfit', sans-serif; color: #fff; }
html:not(#ncrk) .ncrrb-pop__line, html:not(#ncrk) .ncrrb-pop__others { margin: 0 !important; font: 600 14.5px/1.4 'Outfit', sans-serif; color: rgba(255,255,255,.85); }
html:not(#ncrk) .ncrrb-pop__others[hidden] { display: none; }
html:not(#ncrk) .ncrrb-qr { position: absolute; inset: 0; z-index: 7; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: rgba(20,3,8,.85); color: #fff; font: 700 15px 'Outfit', sans-serif; cursor: pointer; }
html:not(#ncrk) .ncrrb-qr canvas { width: 220px; height: 220px; border-radius: 12px; background: #fff; }
@media (max-width: 380px) { html:not(#ncrk) .ncrrb { padding: 10px 8px 18px; } html:not(#ncrk) .ncrrb-card { gap: 4px; } html:not(#ncrk) .ncrrb-cell { min-height: 88px; padding: 6px 2px; } html:not(#ncrk) .ncrrb-cell__text { font-size: 10.5px; } html:not(#ncrk) .ncrrb-cell__emoji { font-size: 21px; } }
@media (min-width: 560px) { html:not(#ncrk) .ncrrb-cell { min-height: 110px; } html:not(#ncrk) .ncrrb-cell__text { font-size: 13px; } html:not(#ncrk) .ncrrb-cell__emoji { font-size: 28px; } }

/* Game Night: Diwali Night look */
html:not(#ncrk) .ncrn-diwali { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border-radius: 16px; border: 2px dashed #C9A227; background: #FFF8E6; color: #5B0F1F; text-align: left; cursor: pointer; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrn-diwali > span:first-child { font-size: 30px; line-height: 1; }
html:not(#ncrk) .ncrn-diwali strong { display: block; font-size: 17px; font-weight: 800; }
html:not(#ncrk) .ncrn-diwali small { display: block; font-size: 13px; font-weight: 500; color: #7A4B2A; }
html:not(#ncrk) .ncrn-diwali.is-on { border-style: solid; border-color: #E0A82E; background: linear-gradient(135deg, #7A1A2E, #4A0B18); color: #FFD27A; }
html:not(#ncrk) .ncrn-diwali.is-on small { color: rgba(255,255,255,.8); }
html:not(#ncrk) .ncrn-tv.is-diwali { background: radial-gradient(circle at 30% 15%, #8A1C33, #3A0914 70%); }
html:not(#ncrk) .ncrn-tv.is-diwali::before { content: '🪔 ✨ 🪔 ✨ 🪔 ✨ 🪔'; position: absolute; left: 0; right: 0; bottom: 1.2vh; text-align: center; font-size: clamp(16px, 2.4vw, 30px); letter-spacing: 1vw; opacity: .55; pointer-events: none; }
html:not(#ncrk) .ncrn-phone.is-diwali { padding: 10px 12px 16px; border-radius: 18px; background: linear-gradient(180deg, #FFF1D6, #FFF8EC 40%); box-shadow: inset 0 6px 0 #E0A82E; }
html:not(#ncrk) .ncrn-phone.is-diwali::before { content: '🪔 Diwali Night ✨'; display: block; text-align: center; font: 800 14px 'Outfit', sans-serif; color: #8A1C33; letter-spacing: 1px; }
html:not(#ncrk) .ncrrb-new { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 16px; background: rgba(255,201,74,.12); border: 1.5px solid rgba(255,201,74,.5); }
html:not(#ncrk) .ncrrb-new strong { font: 800 15px 'Outfit', sans-serif; color: var(--rb-gold); }
html:not(#ncrk) .ncrrb-new p { margin: 0 !important; font: 600 14.5px/1.35 'Outfit', sans-serif; color: #fff; }
html:not(#ncrk) .ncrrb-cell__new { position: absolute; top: 3px; left: 4px; padding: 0 5px; border-radius: 999px; background: #E53935; color: #fff; font: 800 9px/1.6 'Outfit', sans-serif; letter-spacing: .4px; }
html:not(#ncrk) .ncrn-phone.is-diwali .ncrn-phead { background: linear-gradient(135deg, #8A1C33, #4A0B18); }

/* ── Zubaan Phisli: tongue twisters (deep teal, tongue pink, mint for clean words) ── */
html:not(#ncrk) .ncrzp { --zp-deep: #082A30; --zp-teal: #0F4A52; --zp-pink: #FF6FA3; --zp-mint: #5BE3A6; --zp-sun: #FFD25E; position: relative; max-width: 560px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; padding: 14px 14px 22px; border-radius: 22px; background: radial-gradient(120% 60% at 50% 0%, #17646C 0%, var(--zp-teal) 45%, var(--zp-deep) 100%); color: #fff; font-family: 'Outfit', sans-serif; box-sizing: border-box; overflow: hidden; }
html:not(#ncrk) .ncrzp *, html:not(#ncrk) .ncrzp *::before, html:not(#ncrk) .ncrzp *::after { box-sizing: border-box; }
html:not(#ncrk) .ncrzp p, html:not(#ncrk) .ncrzp h3, html:not(#ncrk) .ncrzp ol { margin: 0 !important; }
html:not(#ncrk) .ncrzp [hidden] { display: none !important; }
html:not(#ncrk) .ncrzp-logo { display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; padding-top: 6px; }
html:not(#ncrk) .ncrzp-logo__icon { font-size: 54px; line-height: 1; animation: ncrzp-wag 2.4s ease-in-out infinite; display: inline-block; }
@keyframes ncrzp-wag { 0%, 100% { transform: rotate(0); } 20% { transform: rotate(-12deg) scale(1.05); } 40% { transform: rotate(10deg); } 60% { transform: rotate(0); } }
html:not(#ncrk) .ncrzp-logo strong { font: 900 36px/1.05 'Outfit', sans-serif; color: var(--zp-pink); text-shadow: 0 3px 0 rgba(0,0,0,.35); letter-spacing: -.5px; }
html:not(#ncrk) .ncrzp-logo span:last-child { font: 700 14px 'Outfit', sans-serif; color: rgba(255,255,255,.78); }
html:not(#ncrk) .ncrzp-btn { width: 100%; min-height: 52px; padding: 8px 16px; border-radius: 16px; border: 2px solid rgba(255,255,255,.35); background: transparent; color: #fff; font: 800 16.5px 'Outfit', sans-serif; cursor: pointer; }
html:not(#ncrk) .ncrzp-btn:disabled { opacity: .6; cursor: default; }
html:not(#ncrk) .ncrzp-btn--main { border-color: transparent; background: linear-gradient(180deg, #FF8DB7, var(--zp-pink)); color: #3A0A1E; box-shadow: 0 4px 0 #B03A68; }
html:not(#ncrk) .ncrzp-btn--gold { border-color: var(--zp-sun); color: var(--zp-sun); }
html:not(#ncrk) .ncrzp-btn--ghost { border-color: rgba(255,255,255,.25); color: rgba(255,255,255,.88); font-weight: 700; font-size: 15px; min-height: 46px; }
html:not(#ncrk) .ncrzp-btn--share { border-color: transparent; background: #25D366; color: #06331A; }
html:not(#ncrk) .ncrzp-btn--ok { border-color: transparent; background: var(--zp-mint); color: #053320; }
html:not(#ncrk) .ncrzp-btn--slip { border-color: transparent; background: var(--zp-sun); color: #3D2A00; }
html:not(#ncrk) .ncrzp-hud { display: flex; align-items: center; gap: 10px; min-height: 44px; }
html:not(#ncrk) .ncrzp-hud__title { flex: 1; min-width: 0; font: 800 18px/1.2 'Outfit', sans-serif; color: var(--zp-pink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html:not(#ncrk) .ncrzp-hud__right { font: 800 15px 'Outfit', sans-serif; color: var(--zp-sun); white-space: nowrap; }
html:not(#ncrk) .ncrzp-note { text-align: center; font: 500 13px/1.45 'Outfit', sans-serif; color: rgba(255,255,255,.66); }
html:not(#ncrk) .ncrzp-ask { text-align: center; font: 700 16px/1.35 'Outfit', sans-serif; color: rgba(255,255,255,.9); }

html:not(#ncrk) .ncrzp-today { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; width: 100%; padding: 14px 16px; border-radius: 18px; border: 2px solid var(--zp-sun); background: rgba(255,210,94,.1); color: #fff; text-align: left; cursor: pointer; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrzp-today__tag { font: 800 12px 'Outfit', sans-serif; letter-spacing: 1.5px; text-transform: uppercase; color: var(--zp-sun); }
html:not(#ncrk) .ncrzp-today strong { font: 800 19px/1.3 'Outfit', sans-serif; }
html:not(#ncrk) .ncrzp-today__go { align-self: flex-end; font: 800 15px 'Outfit', sans-serif; color: var(--zp-sun); }
html:not(#ncrk) .ncrzp-modes { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
html:not(#ncrk) .ncrzp-mode { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 16px 10px; border-radius: 18px; border: 0; background: rgba(255,255,255,.1); color: #fff; text-align: center; cursor: pointer; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrzp-mode--fam { background: rgba(255,111,163,.16); }
html:not(#ncrk) .ncrzp-mode__icon { font-size: 34px; line-height: 1.1; }
html:not(#ncrk) .ncrzp-mode strong { font: 800 17px 'Outfit', sans-serif; }
html:not(#ncrk) .ncrzp-mode span:last-child { font: 500 12.5px/1.35 'Outfit', sans-serif; color: rgba(255,255,255,.75); }

html:not(#ncrk) .ncrzp-tier { display: flex; flex-direction: column; gap: 8px; }
html:not(#ncrk) .ncrzp-tier__h { display: flex; align-items: baseline; gap: 8px; font: 800 18px 'Outfit', sans-serif; color: var(--zp-sun); }
html:not(#ncrk) .ncrzp-tier__h small { font: 600 12.5px 'Outfit', sans-serif; color: rgba(255,255,255,.6); }
html:not(#ncrk) .ncrzp-lvgrid { display: flex; flex-direction: column; gap: 6px; }
html:not(#ncrk) .ncrzp-lv { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 50px; padding: 8px 12px; border-radius: 14px; border: 0; background: rgba(255,255,255,.08); color: #fff; text-align: left; cursor: pointer; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrzp-lv.is-done { background: rgba(91,227,166,.14); }
html:not(#ncrk) .ncrzp-lv__no { flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.14); font: 800 13px 'Outfit', sans-serif; }
html:not(#ncrk) .ncrzp-lv__text { flex: 1; min-width: 0; font: 600 14.5px/1.3 'Outfit', sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html:not(#ncrk) .ncrzp-lv__stars { flex: none; font-size: 13px; letter-spacing: -1px; }

html:not(#ncrk) .ncrzp-board { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 22px 16px; border-radius: 22px; background: rgba(0,0,0,.22); border: 2px solid rgba(255,255,255,.12); text-align: center; }
html:not(#ncrk) .ncrzp-line { font: 800 clamp(24px, 7vw, 34px)/1.45 'Outfit', 'Noto Sans Devanagari', 'Mukta', sans-serif; color: #fff; }
html:not(#ncrk) .ncrzp-line.is-en { font-style: italic; }
html:not(#ncrk) .ncrzp-w { display: inline-block; padding: 0 2px; border-radius: 8px; transition: color .15s, background .15s, transform .15s; }
html:not(#ncrk) .ncrzp-w.is-hit { color: var(--zp-mint); background: rgba(91,227,166,.14); transform: translateY(-2px); }
html:not(#ncrk) .ncrzp-w.is-miss { color: var(--zp-sun); text-decoration: wavy underline var(--zp-pink); }
html:not(#ncrk) .ncrzp-deva { font: 600 17px/1.5 'Outfit', sans-serif; color: rgba(255,255,255,.62); }
html:not(#ncrk) .ncrzp-reps { display: flex; align-items: center; gap: 8px; }
html:not(#ncrk) .ncrzp-reps__x { font: 900 20px 'Outfit', sans-serif; color: var(--zp-pink); margin-right: 4px; }
html:not(#ncrk) .ncrzp-rep { width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgba(255,255,255,.4); }
html:not(#ncrk) .ncrzp-rep.is-on { background: var(--zp-mint); border-color: var(--zp-mint); }
html:not(#ncrk) .ncrzp-heard { text-align: center; font: 500 14px/1.4 'Outfit', sans-serif; color: rgba(255,255,255,.75); font-style: italic; }
html:not(#ncrk) .ncrzp-clock { align-self: center; font: 900 30px 'Outfit', sans-serif; font-variant-numeric: tabular-nums; color: var(--zp-sun); }
html:not(#ncrk) .ncrzp-row { display: flex; gap: 8px; }
html:not(#ncrk) .ncrzp-go { font-size: 20px; min-height: 60px; }
html:not(#ncrk) .ncrzp.is-listening .ncrzp-go { animation: ncrzp-pulse 1s ease-in-out infinite; }
html:not(#ncrk) .ncrzp.is-listening .ncrzp-board { border-color: var(--zp-pink); box-shadow: 0 0 0 4px rgba(255,111,163,.2); }
@keyframes ncrzp-pulse { 50% { transform: scale(.97); opacity: .85; } }
html:not(#ncrk) .ncrzp-judge { display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 18px; background: rgba(255,255,255,.08); }
html:not(#ncrk) .ncrzp-judge p { text-align: center; font: 800 17px 'Outfit', sans-serif; }

html:not(#ncrk) .ncrzp-res { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 22px 16px; border-radius: 22px; background: rgba(91,227,166,.12); border: 2px solid rgba(91,227,166,.4); text-align: center; animation: ncrzp-in .45s cubic-bezier(.2,1.3,.4,1); }
html:not(#ncrk) .ncrzp-res.is-slip { background: rgba(255,210,94,.1); border-color: rgba(255,210,94,.4); }
@keyframes ncrzp-in { from { transform: scale(.85); opacity: 0; } }
html:not(#ncrk) .ncrzp-res__stars { font-size: 40px; letter-spacing: 4px; line-height: 1.1; }
html:not(#ncrk) .ncrzp-res__verdict { font: 900 24px/1.2 'Outfit', sans-serif; color: #fff; }
html:not(#ncrk) .ncrzp-res__facts { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
html:not(#ncrk) .ncrzp-res__facts span { padding: 5px 10px; border-radius: 999px; background: rgba(0,0,0,.25); font: 700 14px 'Outfit', sans-serif; }
html:not(#ncrk) .ncrzp-res__miss { font: 700 14px/1.4 'Outfit', sans-serif; color: var(--zp-sun); }
html:not(#ncrk) .ncrzp-res__heard { font: 500 14px/1.4 'Outfit', sans-serif; font-style: italic; color: rgba(255,255,255,.75); }
html:not(#ncrk) .ncrzp-res__vs { font: 800 16px 'Outfit', sans-serif; color: var(--zp-sun); }
html:not(#ncrk) .ncrzp-acts { display: flex; flex-direction: column; gap: 8px; }
html:not(#ncrk) .ncrzp .ncrk-others { margin: 0 !important; text-align: center; color: rgba(255,255,255,.8); font: 600 14px 'Outfit', sans-serif; }

html:not(#ncrk) .ncrzp-names { display: flex; flex-direction: column; gap: 8px; }
html:not(#ncrk) .ncrzp-name { display: flex; gap: 8px; }
html:not(#ncrk) .ncrzp-name input { flex: 1; min-width: 0; min-height: 48px; padding: 8px 14px; border-radius: 14px; border: 2px solid rgba(255,255,255,.25); background: rgba(0,0,0,.2); color: #fff; font: 600 17px 'Outfit', sans-serif; }
html:not(#ncrk) .ncrzp-name input::placeholder { color: rgba(255,255,255,.45); }
html:not(#ncrk) .ncrzp-name__x { width: 48px; flex: none; min-height: 48px; padding: 0; }
html:not(#ncrk) .ncrzp-who { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px; border-radius: 16px; background: rgba(255,111,163,.18); text-align: center; }
html:not(#ncrk) .ncrzp-who strong { font: 900 24px 'Outfit', sans-serif; color: var(--zp-pink); }
html:not(#ncrk) .ncrzp-who span { font: 600 14px 'Outfit', sans-serif; color: rgba(255,255,255,.8); }
html:not(#ncrk) .ncrzp-table { list-style: none; padding: 0 !important; display: flex; flex-direction: column; gap: 6px; counter-reset: zp; }
html:not(#ncrk) .ncrzp-table li { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 14px; background: rgba(255,255,255,.08); font: 700 16px 'Outfit', sans-serif; counter-increment: zp; }
html:not(#ncrk) .ncrzp-table li::before { content: counter(zp); width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.15); font-size: 13px; }
html:not(#ncrk) .ncrzp-table li:first-child { background: rgba(255,210,94,.2); }
html:not(#ncrk) .ncrzp-table li span { flex: 1; }
html:not(#ncrk) .ncrzp-table li strong { color: var(--zp-sun); }
html:not(#ncrk) .ncrzp .ncrb-exit { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.1); color: #fff; font-size: 18px; cursor: pointer; }
html:not(#ncrk) .ncrzp, html:not(#ncrk) .ncrzp button { font-family: 'Outfit', 'Noto Sans Devanagari', 'Mukta', sans-serif; }

/* ── NCR Nitro: road racing ── */
html:not(#ncrk) .ncrnx { position: relative; box-sizing: border-box; font-family: 'Outfit', 'Noto Sans Devanagari', sans-serif; color: #fff; }
html:not(#ncrk) .ncrnx *, html:not(#ncrk) .ncrnx *::before, html:not(#ncrk) .ncrnx *::after { box-sizing: border-box; }
html:not(#ncrk) .ncrnx p, html:not(#ncrk) .ncrnx strong { margin: 0 !important; }
html:not(#ncrk) .ncrnx [hidden] { display: none !important; }
html:not(#ncrk) .ncrnx-btn { width: 100%; min-height: 50px; padding: 8px 16px; border-radius: 14px; border: 2px solid rgba(255,255,255,.3); background: transparent; color: #fff; font: 800 16.5px 'Outfit', sans-serif; cursor: pointer; }
html:not(#ncrk) .ncrnx-btn--go { border-color: transparent; background: linear-gradient(180deg, #FF6B3D, #E2401B); box-shadow: 0 4px 0 #9E2A10; }
html:not(#ncrk) .ncrnx-btn--gold { border-color: #FFC83D; color: #FFC83D; }
html:not(#ncrk) .ncrnx-btn--share { border-color: transparent; background: #25D366; color: #06331A; }
html:not(#ncrk) .ncrnx-btn--ghost { color: rgba(255,255,255,.85); font-weight: 700; min-height: 44px; font-size: 15px; border-color: rgba(255,255,255,.22); }

html:not(#ncrk) .ncrnx-home { max-width: 620px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; padding: 16px 14px 22px; border-radius: 22px; background: radial-gradient(130% 70% at 50% 0%, #3A1D5C 0%, #1A1033 55%, #0B0717 100%); overflow: hidden; }
html:not(#ncrk) .ncrnx-logo { display: flex; flex-direction: column; align-items: center; padding: 10px 0 4px; text-align: center; }
html:not(#ncrk) .ncrnx-logo strong { font: 900 italic clamp(38px, 10vw, 54px)/1 'Outfit', sans-serif; letter-spacing: 1px; background: linear-gradient(180deg, #FFE36B, #FF7A1A 60%, #E2401B); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 4px 18px rgba(255,120,30,.35); transform: skewX(-8deg); }
html:not(#ncrk) .ncrnx-logo span { font: 700 13px 'Outfit', sans-serif; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,.7); margin-top: 6px; }
html:not(#ncrk) .ncrnx-roads { display: flex; flex-direction: column; gap: 10px; }
html:not(#ncrk) .ncrnx-road { display: flex; align-items: center; gap: 12px; width: 100%; padding: 14px; border-radius: 18px; border: 0; color: #fff; text-align: left; cursor: pointer; font-family: 'Outfit', sans-serif; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
html:not(#ncrk) .ncrnx-road--ring { background: linear-gradient(110deg, #2C6E9E, #4FA3D8); }
html:not(#ncrk) .ncrnx-road--yamuna { background: linear-gradient(110deg, #C2571F, #F2A33A); }
html:not(#ncrk) .ncrnx-road--gurgaon { background: linear-gradient(110deg, #26124A, #6A1B9A); }
html:not(#ncrk) .ncrnx-road.is-locked { filter: grayscale(.85) brightness(.6); cursor: default; }
html:not(#ncrk) .ncrnx-road__icon { font-size: 34px; flex: none; }
html:not(#ncrk) .ncrnx-road__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
html:not(#ncrk) .ncrnx-road__text strong { font: 800 19px 'Outfit', sans-serif; }
html:not(#ncrk) .ncrnx-road__text span { font: 600 13px/1.3 'Outfit', sans-serif; color: rgba(255,255,255,.85); }
html:not(#ncrk) .ncrnx-road__stars { flex: none; font-size: 15px; letter-spacing: -1px; }
html:not(#ncrk) .ncrnx-ctl { display: flex; align-items: center; justify-content: center; gap: 8px; font: 700 14px 'Outfit', sans-serif; color: rgba(255,255,255,.75); }
html:not(#ncrk) .ncrnx-chip { width: auto; min-height: 40px; padding: 4px 14px; border-radius: 999px; font-size: 14.5px; }
html:not(#ncrk) .ncrnx-chip.is-on { background: #fff; color: #1A1033; border-color: #fff; }
html:not(#ncrk) .ncrnx-tip { text-align: center; font: 500 13px/1.45 'Outfit', sans-serif; color: rgba(255,255,255,.65); }
html:not(#ncrk) .ncrnx .ncrk-chban { margin: 0; }

html:not(#ncrk) .ncrnx-race { width: 100%; height: min(78vh, 62vw); min-height: 300px; max-height: 760px; border-radius: 18px; overflow: hidden; background: #000; touch-action: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
html:not(#ncrk) .ncra .ncrnx-race { height: var(--ncra-avail, 100vh); max-height: none; border-radius: 0; }
html:not(#ncrk) .ncrnx-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
html:not(#ncrk) .ncrnx-hud { position: absolute; left: 0; right: 0; top: 0; display: flex; align-items: center; gap: 10px; padding: 8px 10px; padding-top: calc(8px + env(safe-area-inset-top)); pointer-events: none; }
html:not(#ncrk) .ncrnx-hud > * { pointer-events: auto; }
html:not(#ncrk) .ncrnx .ncrb-exit { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(255,255,255,.35); background: rgba(0,0,0,.35); color: #fff; font-size: 18px; cursor: pointer; }
html:not(#ncrk) .ncrnx-time { display: flex; flex-direction: column; padding: 4px 10px; border-radius: 12px; background: rgba(0,0,0,.4); }
html:not(#ncrk) .ncrnx-time strong { font: 900 22px/1.1 'Outfit', sans-serif; font-variant-numeric: tabular-nums; }
html:not(#ncrk) .ncrnx-time span { font: 700 11px 'Outfit', sans-serif; color: rgba(255,255,255,.75); }
html:not(#ncrk) .ncrnx-prog { position: relative; flex: 1; height: 8px; border-radius: 4px; background: rgba(0,0,0,.4); box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); pointer-events: none !important; }
html:not(#ncrk) .ncrnx-prog__flag { position: absolute; right: -6px; top: -12px; font-size: 16px; }
html:not(#ncrk) .ncrnx-prog__me, html:not(#ncrk) .ncrnx-prog__ghost { position: absolute; top: 50%; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: #FF3D3D; border: 2px solid #fff; }
html:not(#ncrk) .ncrnx-prog__ghost { background: rgba(255,255,255,.55); border-color: rgba(255,255,255,.8); }
html:not(#ncrk) .ncrnx-speed { display: flex; flex-direction: column; align-items: flex-end; padding: 4px 10px; border-radius: 12px; background: rgba(0,0,0,.4); min-width: 74px; }
html:not(#ncrk) .ncrnx-speed strong { font: 900 26px/1 'Outfit', sans-serif; font-variant-numeric: tabular-nums; }
html:not(#ncrk) .ncrnx-speed span { font: 700 10px 'Outfit', sans-serif; color: rgba(255,255,255,.75); }
html:not(#ncrk) .ncrnx-speed.is-boost strong { color: #FFB13D; text-shadow: 0 0 10px rgba(255,120,30,.9); }
html:not(#ncrk) .ncrnx-toast { position: absolute; left: 50%; top: 22%; transform: translate(-50%, -10px); padding: 8px 16px; border-radius: 999px; background: rgba(0,0,0,.55); font: 900 18px 'Outfit', sans-serif; opacity: 0; transition: opacity .2s, transform .2s; pointer-events: none; white-space: nowrap; }
html:not(#ncrk) .ncrnx-toast.is-show { opacity: 1; transform: translate(-50%, 0); }
html:not(#ncrk) .ncrnx-toast.is-good { background: rgba(255,120,30,.85); }
html:not(#ncrk) .ncrnx-toast.is-bad { background: rgba(198,40,40,.85); }
html:not(#ncrk) .ncrnx-count { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%) scale(.6); font: 900 italic clamp(60px, 16vw, 120px)/1 'Outfit', sans-serif; color: #FFE36B; text-shadow: 0 6px 0 #E2401B, 0 0 30px rgba(255,120,30,.8); opacity: 0; pointer-events: none; }
html:not(#ncrk) .ncrnx-count.is-pop { animation: ncrnx-pop .55s cubic-bezier(.2,1.4,.4,1) forwards; }
html:not(#ncrk) .ncrnx-count.is-go { color: #7CFF6B; text-shadow: 0 6px 0 #1B7F2B, 0 0 30px rgba(120,255,100,.7); }
html:not(#ncrk) .ncrnx-count.is-gone { display: none; }
@keyframes ncrnx-pop { from { opacity: 0; transform: translate(-50%, -50%) scale(1.8); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
html:not(#ncrk) .ncrnx-pad { position: absolute; bottom: calc(14px + env(safe-area-inset-bottom)); width: 86px; height: 86px; border-radius: 50%; border: 3px solid rgba(255,255,255,.6); background: rgba(0,0,0,.35); color: #fff; font: 900 14px 'Outfit', sans-serif; letter-spacing: 1px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; touch-action: none; cursor: pointer; }
html:not(#ncrk) .ncrnx-pad--brake { left: 14px; }
html:not(#ncrk) .ncrnx-pad--nitro { right: 14px; border-color: #FF8A3D; }
html:not(#ncrk) .ncrnx-pad.is-down { transform: scale(.94); background: rgba(255,255,255,.25); }
html:not(#ncrk) .ncrnx-pad__icon { position: relative; z-index: 1; font-size: 26px; line-height: 1; }
html:not(#ncrk) .ncrnx-pad__label { position: relative; z-index: 1; font-size: 11px; }
html:not(#ncrk) .ncrnx-pad__fill { position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: linear-gradient(0deg, rgba(255,90,20,.85), rgba(255,200,60,.7)); transition: height .15s; }
html:not(#ncrk) .ncrnx-pad--nitro.is-ready { box-shadow: 0 0 18px rgba(255,120,30,.8); }
html:not(#ncrk) .ncrnx-pad--nitro.is-on { animation: ncrnx-flame .25s infinite alternate; }
@keyframes ncrnx-flame { to { box-shadow: 0 0 28px rgba(255,160,40,1); } }
html:not(#ncrk) .ncrnx-hints { position: absolute; left: 110px; right: 110px; bottom: calc(40px + env(safe-area-inset-bottom)); display: flex; justify-content: space-between; pointer-events: none; transition: opacity .6s; }
html:not(#ncrk) .ncrnx-hints span { padding: 6px 12px; border-radius: 999px; background: rgba(0,0,0,.35); font: 800 14px 'Outfit', sans-serif; color: rgba(255,255,255,.85); }
html:not(#ncrk) .ncrnx-hints span.is-tilt { margin: 0 auto; }
html:not(#ncrk) .ncrnx-hints.is-gone { opacity: 0; }
html:not(#ncrk) .ncrnx-over { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 12px; background: rgba(5,3,15,.62); overflow-y: auto; }
html:not(#ncrk) .ncrnx-card { width: min(420px, 100%); display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 18px 16px; border-radius: 22px; background: linear-gradient(180deg, #2A1550, #120A26); box-shadow: 0 16px 40px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.12); text-align: center; animation: ncrnx-in .4s cubic-bezier(.2,1.3,.4,1); }
@keyframes ncrnx-in { from { transform: scale(.85); opacity: 0; } }
html:not(#ncrk) .ncrnx-card__stars { font-size: 36px; letter-spacing: 4px; }
html:not(#ncrk) .ncrnx-card__title { font: 900 26px 'Outfit', sans-serif; color: #FFE36B; }
html:not(#ncrk) .ncrnx-card__time { font: 800 18px 'Outfit', sans-serif; }
html:not(#ncrk) .ncrnx-card__facts { font: 600 13.5px/1.4 'Outfit', sans-serif; color: rgba(255,255,255,.78); }
html:not(#ncrk) .ncrnx-card__vs { font: 800 16px 'Outfit', sans-serif; color: #FFB13D; }
html:not(#ncrk) .ncrnx-card__btns { width: 100%; display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
@media (max-height: 420px) { html:not(#ncrk) .ncrnx-card { padding: 12px; gap: 5px; } html:not(#ncrk) .ncrnx-card__btns { display: grid; grid-template-columns: 1fr 1fr; } html:not(#ncrk) .ncrnx-card__stars { font-size: 28px; } }

/* Tournament: tap the games to pick them */
html:not(#ncrk) .ncrt-picks { display: grid; grid-template-columns: repeat(auto-fill, minmax(136px, 1fr)); gap: 12px; max-width: 640px; margin: 0 auto 14px; }
html:not(#ncrk) .ncrt-pick { position: relative; display: flex; flex-direction: column; padding: 0; border: 3px solid #fff; border-radius: 18px; overflow: hidden; background: #fff; cursor: pointer; text-align: left; box-shadow: 0 5px 0 rgba(0,0,0,.18), 0 10px 18px rgba(0,0,0,.12); transition: transform .12s, box-shadow .12s, border-color .12s; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrt-pick:hover:not(:disabled) { transform: translateY(-2px); }
html:not(#ncrk) .ncrt-pick:active:not(:disabled) { transform: translateY(4px); box-shadow: 0 1px 0 rgba(0,0,0,.18); }
html:not(#ncrk) .ncrt-pick:disabled { opacity: .45; cursor: default; }
html:not(#ncrk) .ncrt-pick:focus-visible { outline: 3px solid var(--saffron); outline-offset: 2px; }
html:not(#ncrk) .ncrt-pick.is-on { border-color: #1E9E38; box-shadow: 0 0 0 3px #7CF26B, 0 5px 0 #137A2A, 0 10px 18px rgba(0,0,0,.15); animation: ncrt-pop .25s cubic-bezier(.2,1.4,.4,1); }
@keyframes ncrt-pop { from { transform: scale(.92); } to { transform: none; } }
html:not(#ncrk) .ncrt-pick__art { position: relative; display: block; aspect-ratio: 1200 / 630; background: #EEF2EF; }
html:not(#ncrk) .ncrt-pick__art img { width: 100%; height: 100%; object-fit: cover; display: block; }
html:not(#ncrk) .ncrt-pick__icon { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 40px; }
html:not(#ncrk) .ncrt-pick__no { position: absolute; top: 6px; right: 6px; width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(180deg, #7CF26B, #1E9E38); color: #fff; font: 900 18px/34px 'Outfit', sans-serif; text-align: center; box-shadow: 0 0 0 3px #fff, 0 3px 6px rgba(0,0,0,.3); }
html:not(#ncrk) .ncrt-pick__name { padding: 8px 10px 10px; font-weight: 800; font-size: 15px; line-height: 1.2; color: var(--forest); }
html:not(#ncrk) .ncrt-pick.is-on .ncrt-pick__name { color: #137A2A; }

html:not(#ncrk) .ncrk-css-party{position:absolute;z-index:7}