/* Built from assets/css-src/puzzle.css by tools/build-css.js. Edit the source, then rebuild. */
/* Game Adda — Brain Games: Mithai Match. Uses board.css for cards/overlay/message. */
html:not(#ncrk) .ncrm-map { text-align: center; }
html:not(#ncrk) .ncrm-map__head { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: 14px; }
html:not(#ncrk) .ncrm-map__icons { display: flex; gap: 6px; }
html:not(#ncrk) .ncrm-map__stars { font-weight: 800; color: #B8860B; font-size: 18px; }
html:not(#ncrk) .ncrm-levels { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; max-width: 560px; margin: 0 auto 14px; }
html:not(#ncrk) .ncrm-lvl { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; aspect-ratio: 1; border-radius: 16px; border: 3px solid #E9C98D; background: linear-gradient(#FFF6E3, #FBE3B5); cursor: pointer; font-family: 'Outfit', sans-serif; box-shadow: 0 3px 0 #D9A65A; }
html:not(#ncrk) .ncrm-lvl:active:not(:disabled) { transform: translateY(2px); box-shadow: 0 1px 0 #D9A65A; }
html:not(#ncrk) .ncrm-lvl.is-done { border-color: #E07B2A; }
html:not(#ncrk) .ncrm-lvl.is-locked { opacity: .45; cursor: default; box-shadow: none; }
html:not(#ncrk) .ncrm-lvl__n { font-size: 22px; font-weight: 800; color: #5D3A1A; }
html:not(#ncrk) .ncrm-lvl__stars { font-size: 12px; letter-spacing: 1px; color: #D9CDB5; }
html:not(#ncrk) .ncrm-lvl__stars .is-on { color: #F5B700; }
html:not(#ncrk) .ncrm-tip { font-size: 14px; color: var(--muted); max-width: 32em; margin: 0 auto !important; }

html:not(#ncrk) .ncrm { display: flex; flex-direction: column; gap: 10px; }
html:not(#ncrk) .ncrm-top { display: flex; align-items: center; gap: 10px; }
html:not(#ncrk) .ncrm-top__title { flex: 1; font-size: 22px; font-weight: 800; color: var(--forest); }
html:not(#ncrk) .ncrm-hud { display: grid; grid-template-columns: auto auto 1fr; gap: 8px; max-width: 640px; width: 100%; margin: 0 auto; }
html:not(#ncrk) .ncrm-pill { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 6px 12px; border-radius: 14px; background: #FFF6E3; border: 2px solid #E9C98D; min-width: 72px; }
html:not(#ncrk) .ncrm-pill__label { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #8D6A3C; }
html:not(#ncrk) .ncrm-pill__n { font-size: 22px; font-weight: 800; color: #5D3A1A; line-height: 1.1; }
html:not(#ncrk) .ncrm-pill.is-low { border-color: #C62828; background: #FDECEA; }
html:not(#ncrk) .ncrm-pill.is-low .ncrm-pill__n { color: #C62828; }
html:not(#ncrk) .ncrm-pill--goal.is-done { border-color: #2E7D32; background: #E8F5E9; }
html:not(#ncrk) .ncrm-goal { display: flex; align-items: center; gap: 4px; }
html:not(#ncrk) .ncrm-pill--score { align-items: stretch; }
html:not(#ncrk) .ncrm-pill--score .ncrm-pill__label, html:not(#ncrk) .ncrm-pill--score .ncrm-pill__n { text-align: center; }
html:not(#ncrk) .ncrm-bar { position: relative; height: 10px; border-radius: 999px; background: #EADBC0; margin: 6px 6px 4px; }
html:not(#ncrk) .ncrm-bar__fill { display: block; height: 100%; width: 0; border-radius: 999px; background: linear-gradient(90deg, #F6A623, #E86A0C); transition: width .3s; }
html:not(#ncrk) .ncrm-bar__star { position: absolute; top: -9px; transform: translateX(-50%); font-size: 18px; color: #D9CDB5; text-shadow: 0 1px 0 #fff; }
html:not(#ncrk) .ncrm-bar__star.is-on { color: #F5B700; }
html:not(#ncrk) .ncrm-board { position: relative; width: 100%; max-width: 640px; margin: 0 auto; aspect-ratio: 1; border-radius: 18px; overflow: hidden; box-shadow: 0 6px 20px rgba(0,0,0,.18); border: 6px solid #5D3A1A; background: #5D3A1A; }
html:not(#ncrk) .ncrm-canvas { display: block; width: 100%; height: 100%; touch-action: none; cursor: pointer; }
html:not(#ncrk) .ncrm-card__line { color: var(--muted); margin: 0 0 16px !important; }
@media (max-width: 520px) {
  html:not(#ncrk) .ncrm-hud { grid-template-columns: 1fr 1fr; }
  html:not(#ncrk) .ncrm-pill--score { grid-column: 1 / -1; }
  html:not(#ncrk) .ncrm-levels { grid-template-columns: repeat(4, 1fr); }
}

/* Daily challenge and boosters */
html:not(#ncrk) .ncrm-daily { display: flex; align-items: center; gap: 12px; max-width: 560px; margin: 0 auto 10px; padding: 12px 14px; border-radius: 16px; background: linear-gradient(135deg, #FFF3D6, #FFE0B2); border: 2px solid #F5B700; text-align: left; }
html:not(#ncrk) .ncrm-daily.is-done { background: #E8F5E9; border-color: #2E7D32; }
html:not(#ncrk) .ncrm-daily__text { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html:not(#ncrk) .ncrm-daily__text strong { font-size: 17px; color: #5D3A1A; }
html:not(#ncrk) .ncrm-daily__text span { font-size: 13.5px; color: #6B5233; line-height: 1.35; }
html:not(#ncrk) .ncrm-daily__text .ncrm-daily__streak { font-weight: 800; color: #C2410C; }
html:not(#ncrk) .ncrm-daily .ncrk-btn { flex-shrink: 0; }
html:not(#ncrk) .ncrm-map__boosters { font-size: 13.5px; color: var(--muted); margin: 0 auto 12px !important; max-width: 34em; }
html:not(#ncrk) .ncrm-boosters { display: flex; justify-content: center; gap: 8px; max-width: 640px; width: 100%; margin: 0 auto; }
html:not(#ncrk) .ncrm-boost { position: relative; display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 6px 14px 6px 10px; border-radius: 999px; border: 2px solid #E9C98D; background: #FFF6E3; font: 700 14px 'Outfit', sans-serif; color: #5D3A1A; cursor: pointer; }
html:not(#ncrk) .ncrm-boost__icon { font-size: 20px; line-height: 1; }
html:not(#ncrk) .ncrm-boost__n { min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: #E07B2A; color: #fff; font-size: 13px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
html:not(#ncrk) .ncrm-boost.is-empty { opacity: .5; }
html:not(#ncrk) .ncrm-boost.is-empty .ncrm-boost__n { background: #B9A88A; }
html:not(#ncrk) .ncrm-boost.is-armed { border-color: #C62828; background: #FDECEA; box-shadow: 0 0 0 3px rgba(198,40,40,.25); }
html:not(#ncrk) .ncrm-card__reward { font-weight: 800; color: #C2410C; margin: 0 0 12px !important; }
@media (max-width: 420px) { html:not(#ncrk) .ncrm-boost__name { display: none; } html:not(#ncrk) .ncrm-boost { padding: 6px 12px; } }

/* Worlds on the level map */
html:not(#ncrk) .ncrm-world { max-width: 560px; margin: 0 auto 16px; padding: 10px 10px 2px; border-radius: 18px; border-top: 6px solid var(--world, #5D3A1A); background: rgba(255,255,255,.55); }
html:not(#ncrk) .ncrm-world__head { display: flex; align-items: baseline; gap: 8px; margin: 2px 4px 6px !important; text-align: left; }
html:not(#ncrk) .ncrm-world__icon { font-size: 22px; }
html:not(#ncrk) .ncrm-world__name { font-size: 18px; font-weight: 800; color: var(--world, #5D3A1A); flex: 1; }
html:not(#ncrk) .ncrm-world__range { font-size: 12.5px; color: var(--muted); font-weight: 700; }
html:not(#ncrk) .ncrm-world__note { font-size: 13px; color: var(--muted); margin: -2px 4px 8px !important; text-align: left; }
html:not(#ncrk) .ncrm-world .ncrm-levels { margin-bottom: 8px; }

/* ── Auto Jam ── */
html:not(#ncrk) .ncrj-lobby { max-width: 560px; margin: 0 auto; }
html:not(#ncrk) .ncrj-lobby__top { display: flex; align-items: center; gap: 14px; margin: 4px 0 12px; }
html:not(#ncrk) .ncrj-lobby__icon { font-size: 54px; filter: drop-shadow(0 6px 8px rgba(0,0,0,.15)); }
html:not(#ncrk) .ncrj-lobby__stats { display: flex; flex-direction: column; }
html:not(#ncrk) .ncrj-lobby__stats strong { font: 800 22px 'Outfit', sans-serif; color: var(--forest); }
html:not(#ncrk) .ncrj-lobby__stats span { font: 600 14px 'Outfit', sans-serif; color: var(--muted); }
html:not(#ncrk) .ncrj-daily { display: flex; align-items: center; gap: 12px; width: 100%; padding: 14px; margin-bottom: 14px; border-radius: 18px; border: 2px solid var(--saffron); background: linear-gradient(135deg, #FFF6EC, #fff); cursor: pointer; text-align: left; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrj-daily__icon { font-size: 32px; }
html:not(#ncrk) .ncrj-daily__text { flex: 1; display: flex; flex-direction: column; gap: 2px; }
html:not(#ncrk) .ncrj-daily__text strong { font-size: 18px; color: var(--forest); }
html:not(#ncrk) .ncrj-daily__text span { font-size: 13.5px; color: var(--muted); }
html:not(#ncrk) .ncrj-daily__go { font-size: 30px; font-weight: 800; color: var(--saffron); }
html:not(#ncrk) .ncrj-world { margin: 0 0 14px; padding: 12px; border-radius: 18px; background: #fff; border-top: 5px solid var(--world); box-shadow: 0 2px 10px rgba(27,58,45,.07); }
html:not(#ncrk) .ncrj-world__title { display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 10px !important; font: 800 18px 'Outfit', sans-serif; color: var(--forest); }
html:not(#ncrk) .ncrj-world__stars { font-size: 13px; color: var(--muted); }
html:not(#ncrk) .ncrj-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 7px; }
html:not(#ncrk) .ncrj-lv { display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1; min-width: 0; padding: 0; border-radius: 12px; border: 2px solid #E7DECD; background: #FBF7EF; cursor: pointer; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrj-lv.is-next { border-color: var(--saffron); background: #FFF1DF; box-shadow: 0 0 0 3px rgba(224,123,42,.2); }
html:not(#ncrk) .ncrj-lv.is-perfect { background: #FFF8DC; }
html:not(#ncrk) .ncrj-lv.is-locked { opacity: .45; cursor: default; }
html:not(#ncrk) .ncrj-lv__n { font-size: 16px; font-weight: 800; color: var(--forest); line-height: 1.1; }
html:not(#ncrk) .ncrj-lv__stars { font-size: 10px; color: #E0A23B; letter-spacing: 1px; }
/* playing */
html:not(#ncrk) .ncrj { position: relative; display: flex; flex-direction: column; gap: 10px; max-width: 560px; margin: 0 auto; }
html:not(#ncrk) .ncrj-hud { display: flex; align-items: center; gap: 8px; }
html:not(#ncrk) .ncrj-hud .ncrb-exit { flex-shrink: 0; }
html:not(#ncrk) .ncrj-title { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html:not(#ncrk) .ncrj-title strong { font: 800 19px/1.1 'Outfit', sans-serif; color: var(--forest); }
html:not(#ncrk) .ncrj-title span { font: 600 13px 'Outfit', sans-serif; color: var(--muted); }
html:not(#ncrk) .ncrj-moves { display: flex; align-items: baseline; gap: 5px; padding: 6px 12px; border-radius: 12px; background: #fff; border: 2px solid var(--rule); font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrj-moves strong { font-size: 22px; font-weight: 800; color: var(--forest); font-variant-numeric: tabular-nums; }
html:not(#ncrk) .ncrj-moves span { font-size: 13px; color: var(--muted); }
html:not(#ncrk) .ncrj-moves em { font-style: normal; font-size: 12px; color: #B5611C; font-weight: 700; margin-left: 4px; }
html:not(#ncrk) .ncrj-boardwrap { position: relative; padding-right: 26px; }
html:not(#ncrk) .ncrj-board { position: relative; width: 100%; aspect-ratio: 1; border-radius: 16px; background:
  linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px) 0 0 / calc(100% / 6) 100%,
  linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px) 0 0 / 100% calc(100% / 6),
  #4A4F57; box-shadow: inset 0 0 0 6px #6B7079, 0 8px 20px rgba(0,0,0,.2); touch-action: none; }
html:not(#ncrk) .ncrj-board::after { content: ''; position: absolute; left: 0; right: 0; top: calc(100% / 3); height: calc(100% / 6); background: repeating-linear-gradient(90deg, rgba(255,214,0,.35) 0 14px, transparent 14px 28px) center / 100% 3px no-repeat; pointer-events: none; }
html:not(#ncrk) .ncrj-exit { position: absolute; right: -26px; top: calc(100% / 3); height: calc(100% / 6); width: 26px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 0 10px 10px 0; background: #2E9E5B; color: #fff; font: 800 9px 'Outfit', sans-serif; letter-spacing: .05em; }
html:not(#ncrk) .ncrj-exit span:last-child { font-size: 16px; line-height: 1; }
html:not(#ncrk) .ncrj-car { position: absolute; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; border: 0; background: transparent; cursor: grab; touch-action: none; transition: left .14s ease, top .14s ease; z-index: 1; }
html:not(#ncrk) .ncrj-car::before { content: ''; position: absolute; inset: 5%; border-radius: 12px; background: linear-gradient(160deg, color-mix(in srgb, var(--car) 70%, #fff), var(--car) 45%, color-mix(in srgb, var(--car) 75%, #000)); box-shadow: 0 4px 0 rgba(0,0,0,.28), inset 0 0 0 2px rgba(255,255,255,.25); }
html:not(#ncrk) .ncrj-car.is-drag { cursor: grabbing; z-index: 5; transition: none; }
html:not(#ncrk) .ncrj-car.is-drag::before { box-shadow: 0 8px 14px rgba(0,0,0,.35), inset 0 0 0 2px rgba(255,255,255,.35); }
html:not(#ncrk) .ncrj-car__icon { position: relative; font-size: min(8vw, 40px); line-height: 1; filter: drop-shadow(0 2px 1px rgba(0,0,0,.3)); pointer-events: none; }
html:not(#ncrk) .ncrj-car.is-v .ncrj-car__icon { transform: rotate(90deg); }
html:not(#ncrk) .ncrj-car__paint { position: absolute; font: 900 8px/1 'Outfit', sans-serif; color: rgba(255,255,255,.9); letter-spacing: .06em; pointer-events: none; }
html:not(#ncrk) .ncrj-car.is-h .ncrj-car__paint { bottom: 12%; }
html:not(#ncrk) .ncrj-car.is-v .ncrj-car__paint { writing-mode: vertical-rl; right: 14%; }
html:not(#ncrk) .ncrj-car.is-auto::before { background: linear-gradient(160deg, #FFE680, #F5C518 50%, #2E7D32 51%, #1B5E20); }
html:not(#ncrk) .ncrj-car.is-hint::before { box-shadow: 0 0 0 4px #7CFF8E, 0 0 18px #7CFF8E; animation: ncrj-pulse .8s ease-in-out infinite alternate; }
@keyframes ncrj-pulse { to { box-shadow: 0 0 0 2px #7CFF8E, 0 0 6px #7CFF8E; } }
html:not(#ncrk) .ncrj-car.is-out { transition: left .55s cubic-bezier(.5,0,1,.5); left: 110% !important; }
html:not(#ncrk) .ncrj-car:focus-visible::before { outline: 3px solid #fff; outline-offset: 2px; }
html:not(#ncrk) .ncrj-toast { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); margin: 0 !important; padding: 7px 14px !important; max-width: 92%; border-radius: 999px; background: rgba(15,30,22,.9); color: #fff; font: 700 13.5px 'Outfit', sans-serif; text-align: center; opacity: 0; pointer-events: none; transition: opacity .2s; z-index: 6; }
html:not(#ncrk) .ncrj-toast.is-show { opacity: 1; }
html:not(#ncrk) .ncrj-tools { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
html:not(#ncrk) .ncrj-tool { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 56px; border-radius: 14px; border: 2px solid var(--rule); background: #fff; color: var(--forest); cursor: pointer; padding: 2px; }
html:not(#ncrk) .ncrj-tool:disabled { opacity: .4; cursor: default; }
html:not(#ncrk) .ncrj-tool__icon { font-size: 20px; line-height: 1.1; }
html:not(#ncrk) .ncrj-tool__label { font: 700 12px 'Outfit', sans-serif; }
html:not(#ncrk) .ncrj-done__stars { margin: 0 !important; font-size: 34px; color: #E0A23B; letter-spacing: 4px; }

/* ── Metrodle ─────────────────────────────────────────────────────── */
html:not(#ncrk) .ncrd-home { max-width: 520px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; padding: 6px 0 20px; }
html:not(#ncrk) .ncrd-home__logo { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 6px; }
html:not(#ncrk) .ncrd-home__logo strong { font: 800 34px/1 'Outfit', sans-serif; color: #12305C; letter-spacing: -.5px; }
html:not(#ncrk) .ncrd-home__lead { margin: 0 !important; text-align: center; font: 500 15.5px/1.45 'Outfit', sans-serif; color: var(--muted); }
html:not(#ncrk) .ncrd-home__note { margin: 4px 0 0 !important; text-align: center; font: 500 12.5px/1.4 'Outfit', sans-serif; color: var(--muted); }
html:not(#ncrk) .ncrd-sign__m { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex-shrink: 0; border-radius: 50%; background: #E53935; color: #fff; font: 900 20px/1 'Outfit', sans-serif; box-shadow: 0 0 0 3px #fff, 0 0 0 5px #12305C; }
html:not(#ncrk) .ncrd-day { display: flex; align-items: center; gap: 12px; width: 100%; padding: 14px; border-radius: 18px; border: 2px solid #1E66D0; background: linear-gradient(135deg, #EAF2FF, #fff); cursor: pointer; text-align: left; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrd-day--alt { border-color: #d9dee8; background: #fff; }
html:not(#ncrk) .ncrd-day__icon { font-size: 30px; }
html:not(#ncrk) .ncrd-day__text { flex: 1; display: flex; flex-direction: column; gap: 2px; }
html:not(#ncrk) .ncrd-day__text strong { font-size: 18px; color: #12305C; }
html:not(#ncrk) .ncrd-day__text span { font-size: 13.5px; color: var(--muted); }
html:not(#ncrk) .ncrd-day__go { font-size: 30px; font-weight: 800; color: #1E66D0; }
html:not(#ncrk) .ncrd-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 14px; font: 600 13px 'Outfit', sans-serif; color: var(--muted); }
html:not(#ncrk) .ncrd-legend span { display: inline-flex; align-items: center; gap: 5px; }
html:not(#ncrk) .ncrd-legend i, html:not(#ncrk) .ncrd-end__grid span { display: inline-block; width: 14px; height: 14px; border-radius: 4px; }
html:not(#ncrk) .ncrd-row.is-hit, html:not(#ncrk) .ncrd-legend .is-hit, html:not(#ncrk) .ncrd-end__grid .is-hit { --band: #2E9E4F; }
html:not(#ncrk) .ncrd-row.is-hot, html:not(#ncrk) .ncrd-legend .is-hot, html:not(#ncrk) .ncrd-end__grid .is-hot { --band: #E9B10A; }
html:not(#ncrk) .ncrd-row.is-warm, html:not(#ncrk) .ncrd-legend .is-warm, html:not(#ncrk) .ncrd-end__grid .is-warm { --band: #E07B2A; }
html:not(#ncrk) .ncrd-row.is-cool, html:not(#ncrk) .ncrd-legend .is-cool, html:not(#ncrk) .ncrd-end__grid .is-cool { --band: #9C6B4E; }
html:not(#ncrk) .ncrd-row.is-cold, html:not(#ncrk) .ncrd-legend .is-cold, html:not(#ncrk) .ncrd-end__grid .is-cold { --band: #3B4252; }
html:not(#ncrk) .ncrd-legend i, html:not(#ncrk) .ncrd-end__grid span { background: var(--band); }

html:not(#ncrk) .ncrd { position: relative; display: flex; flex-direction: column; gap: 10px; max-width: 560px; margin: 0 auto; }
html:not(#ncrk) .ncrd-hud, html:not(#ncrk) .ncrd-sign { flex-shrink: 0; }
html:not(#ncrk) .ncrd-hud { display: flex; align-items: center; gap: 8px; }
html:not(#ncrk) .ncrd-hud .ncrb-exit { flex-shrink: 0; }
html:not(#ncrk) .ncrd-title { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html:not(#ncrk) .ncrd-title strong { font: 800 19px/1.1 'Outfit', sans-serif; color: #12305C; }
html:not(#ncrk) .ncrd-title span { font: 600 13px 'Outfit', sans-serif; color: var(--muted); }
html:not(#ncrk) .ncrd-count { padding: 6px 12px; border-radius: 999px; background: #12305C; color: #fff; font: 700 14px 'Outfit', sans-serif; white-space: nowrap; }
html:not(#ncrk) .ncrd-board { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; padding: 2px; }
html:not(#ncrk) .ncrd-sign { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 12px; background: #0E1B2E; color: #FFC43D; font: 700 15px/1.25 'Outfit', sans-serif; letter-spacing: .3px; box-shadow: inset 0 0 0 2px #23395A; }
html:not(#ncrk) .ncrd-sign .ncrd-sign__m { width: 24px; height: 24px; font-size: 14px; box-shadow: 0 0 0 2px #0E1B2E, 0 0 0 3px #FFC43D; }
html:not(#ncrk) .ncrd-sign__t { flex: 1; min-width: 0; }
html:not(#ncrk) .ncrd-rows { display: flex; flex-direction: column; gap: 6px; }
html:not(#ncrk) .ncrd-row { display: flex; align-items: stretch; gap: 8px; min-height: 54px; padding: 0; border-radius: 12px; background: #fff; border: 1.5px solid #E2E6EE; overflow: hidden; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrd-row.is-empty { align-items: center; justify-content: center; border-style: dashed; background: transparent; color: #B7BECB; font-weight: 700; min-height: 44px; }
html:not(#ncrk) .ncrd-row:not(.is-empty) { border-left: 6px solid var(--band); }
html:not(#ncrk) .ncrd-row.is-new { animation: ncrd-in .35s ease-out; }
@keyframes ncrd-in { from { transform: translateY(8px) scale(.98); opacity: 0; } to { transform: none; opacity: 1; } }
html:not(#ncrk) .ncrd-row__main { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 7px 0 7px 10px; }
html:not(#ncrk) .ncrd-row__name { display: flex; align-items: center; gap: 7px; font: 700 15.5px/1.2 'Outfit', sans-serif; color: #12305C; }
html:not(#ncrk) .ncrd-row__name > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html:not(#ncrk) .ncrd-row__meta { display: flex; flex-wrap: wrap; gap: 4px; }
html:not(#ncrk) .ncrd-row__dist { width: 64px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--band); color: #fff; }
html:not(#ncrk) .ncrd-row__dist strong { font: 800 22px/1 'Outfit', sans-serif; }
html:not(#ncrk) .ncrd-row__dist span { font: 600 11px/1.2 'Outfit', sans-serif; opacity: .9; }
html:not(#ncrk) .ncrd-dots { display: inline-flex; gap: 2px; flex-shrink: 0; }
html:not(#ncrk) .ncrd-dots i { display: block; width: 10px; height: 10px; border-radius: 50%; box-shadow: 0 0 0 1.5px #fff; }
html:not(#ncrk) .ncrd-chip { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; font: 700 11.5px/1.4 'Outfit', sans-serif; color: var(--line); border: 1.5px solid var(--line); background: #fff; }
html:not(#ncrk) .ncrd-chip.is-on { background: var(--line); color: #fff; }
html:not(#ncrk) .ncrd-tag { display: inline-flex; padding: 2px 8px; border-radius: 999px; background: #F1F3F7; color: #4A5468; font: 600 11.5px/1.4 'Outfit', sans-serif; }
html:not(#ncrk) .ncrd-hint { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-height: 0; font: 600 14px/1.4 'Outfit', sans-serif; color: #12305C; }
html:not(#ncrk) .ncrd-hint:empty { display: none; }
html:not(#ncrk) .ncrd-bottom { flex-shrink: 0; display: flex; flex-direction: column; gap: 6px; padding: 4px 0 2px; }
html:not(#ncrk) .ncrd-bottom[hidden] { display: none; }
html:not(#ncrk) .ncrd-sugg { display: flex; flex-direction: column; gap: 4px; }
html:not(#ncrk) .ncrd-sugg:empty { display: none; }
html:not(#ncrk) .ncrd-sugg__item { display: flex; align-items: center; gap: 8px; width: 100%; padding: 10px 12px; border-radius: 10px; border: 1.5px solid #D9DEE8; background: #fff; color: #12305C; font: 600 15px/1.2 'Outfit', sans-serif; text-align: left; cursor: pointer; }
html:not(#ncrk) .ncrd-sugg__item.is-used { opacity: .45; text-decoration: line-through; }
html:not(#ncrk) .ncrd-bar { display: flex; gap: 6px; margin: 0; }
html:not(#ncrk) .ncrd-input { flex: 1; min-width: 0; height: 50px; padding: 0 14px; border-radius: 12px; border: 2px solid #12305C; background: #fff; color: #12305C; font: 600 16px 'Outfit', sans-serif; outline: none; box-sizing: border-box; }
html:not(#ncrk) .ncrd-input:focus { box-shadow: 0 0 0 3px rgba(30,102,208,.25); }
html:not(#ncrk) .ncrd-browse, html:not(#ncrk) .ncrd-go { height: 50px; border: 0; border-radius: 12px; cursor: pointer; font: 800 16px 'Outfit', sans-serif; }
html:not(#ncrk) .ncrd-browse { width: 50px; background: #E8EDF6; color: #12305C; font-size: 20px; }
html:not(#ncrk) .ncrd-go { padding: 0 18px; background: #1E66D0; color: #fff; }
html:not(#ncrk) .ncrd-toast { position: absolute; left: 50%; top: 56px; transform: translateX(-50%); padding: 7px 16px; border-radius: 999px; background: rgba(14,27,46,.9); color: #fff; font: 700 14px 'Outfit', sans-serif; z-index: 5; pointer-events: none; white-space: nowrap; }

html:not(#ncrk) .ncrd-pick, html:not(#ncrk) .ncrd-end { position: fixed; inset: 0; z-index: 30; display: flex; align-items: flex-end; justify-content: center; background: rgba(10,20,35,.55); }
html:not(#ncrk) .ncrd-pick__box { width: min(560px, 100%); max-height: 82vh; display: flex; flex-direction: column; border-radius: 20px 20px 0 0; background: #fff; overflow: hidden; }
html:not(#ncrk) .ncrd-pick__head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 6px; font: 800 18px 'Outfit', sans-serif; color: #12305C; }
html:not(#ncrk) .ncrd-pick__x, html:not(#ncrk) .ncrd-end__x { width: 38px; height: 38px; border: 0; border-radius: 50%; background: #F1F3F7; color: #12305C; font-size: 16px; cursor: pointer; }
html:not(#ncrk) .ncrd-pick__tabs { flex-shrink: 0; display: flex; gap: 6px; padding: 6px 12px 10px; overflow-x: auto; scrollbar-width: none; }
html:not(#ncrk) .ncrd-pick__tab { flex-shrink: 0; height: auto; min-height: 36px; line-height: 1.2; white-space: nowrap; padding: 7px 12px; border-radius: 999px; border: 2px solid var(--line); background: #fff; color: #12305C; font: 700 13.5px 'Outfit', sans-serif; cursor: pointer; }
html:not(#ncrk) .ncrd-pick__tab.is-on { background: var(--line); color: #fff; }
html:not(#ncrk) .ncrd-pick__list { flex: 1; overflow-y: auto; padding: 4px 12px 18px 22px; }
html:not(#ncrk) .ncrd-pick__st { position: relative; display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 6px; border: 0; border-left: 5px solid var(--line); background: none; color: #12305C; font: 600 15px/1.25 'Outfit', sans-serif; text-align: left; cursor: pointer; }
html:not(#ncrk) .ncrd-pick__st > i { position: absolute; left: -11px; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 3px solid var(--line); box-sizing: border-box; }
html:not(#ncrk) .ncrd-pick__st > span { flex: 1; }
html:not(#ncrk) .ncrd-pick__st.is-used { opacity: .4; text-decoration: line-through; }

html:not(#ncrk) .ncrd-end { align-items: center; padding: 16px; overflow-y: auto; }
html:not(#ncrk) .ncrd-end__card { position: relative; width: min(420px, 100%); margin: auto; padding: 20px 18px 16px; border-radius: 22px; background: #fff; text-align: center; font-family: 'Outfit', sans-serif; animation: ncrd-in .3s ease-out; }
html:not(#ncrk) .ncrd-end__x { position: absolute; top: 10px; right: 10px; }
html:not(#ncrk) .ncrd-end__big { font-size: 46px; line-height: 1; }
html:not(#ncrk) .ncrd-end__card h3 { margin: 6px 0 10px !important; font: 800 24px/1.15 'Outfit', sans-serif; color: #12305C; }
html:not(#ncrk) .ncrd-end__station { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 12px; border-radius: 14px; background: #0E1B2E; color: #fff; }
html:not(#ncrk) .ncrd-end__station small { font: 600 12px 'Outfit', sans-serif; color: #9FB2CC; text-transform: uppercase; letter-spacing: .6px; }
html:not(#ncrk) .ncrd-end__station strong { font: 800 21px/1.2 'Outfit', sans-serif; color: #FFC43D; }
html:not(#ncrk) .ncrd-end__lines { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; }
html:not(#ncrk) .ncrd-end__nb { font: 500 12.5px/1.35 'Outfit', sans-serif; color: #C9D5E6; }
html:not(#ncrk) .ncrd-end__grid { display: flex; justify-content: center; gap: 5px; margin: 12px 0 4px; }
html:not(#ncrk) .ncrd-end__grid span { width: 22px; height: 22px; border-radius: 6px; }
html:not(#ncrk) .ncrd-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 10px 0 6px; }
html:not(#ncrk) .ncrd-stats div { display: flex; flex-direction: column; align-items: center; padding: 6px 0; border-radius: 10px; background: #F4F6FA; }
html:not(#ncrk) .ncrd-stats strong { font: 800 22px/1.1 'Outfit', sans-serif; color: #12305C; }
html:not(#ncrk) .ncrd-stats span { font: 600 11.5px 'Outfit', sans-serif; color: var(--muted); }
html:not(#ncrk) .ncrd-dist { display: flex; flex-direction: column; gap: 3px; margin: 4px 0 12px; }
html:not(#ncrk) .ncrd-dist__row { display: flex; align-items: center; gap: 6px; font: 700 13px 'Outfit', sans-serif; color: #12305C; }
html:not(#ncrk) .ncrd-dist__row i { display: block; padding: 1px 6px; border-radius: 4px; background: #AEB8C9; color: #fff; font-style: normal; text-align: right; box-sizing: border-box; }
html:not(#ncrk) .ncrd-dist__row i.is-now { background: #2E9E4F; }
html:not(#ncrk) .ncrd-end__acts { display: flex; gap: 8px; }
html:not(#ncrk) .ncrd-btn { flex: 1; height: 48px; border-radius: 14px; border: 2px solid #12305C; background: #fff; color: #12305C; font: 800 16px 'Outfit', sans-serif; cursor: pointer; }
html:not(#ncrk) .ncrd-btn--main { background: #2E9E4F; border-color: #2E9E4F; color: #fff; }
html:not(#ncrk) .ncrd-end__link { display: block; margin-top: 12px; font: 700 14px 'Outfit', sans-serif; color: #1E66D0 !important; text-decoration: none; }
html:not(#ncrk) .ncrd-end__next { margin: 6px 0 0 !important; font: 500 12.5px 'Outfit', sans-serif; color: var(--muted); }
/* Metrodle: the riddle panel, Easy mode, teaser */
html:not(#ncrk) .ncrd .ncrk-chban { flex-shrink: 0; }
html:not(#ncrk) .ncrd-riddle { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 12px 12px; border-radius: 16px; background: linear-gradient(180deg, #12305C, #0B1A30); box-shadow: inset 0 0 0 2px #23395A; color: #fff; flex-shrink: 0; }
html:not(#ncrk) .ncrd-riddle__status { align-self: stretch; display: flex; align-items: center; gap: 8px; color: #FFC43D; font: 700 15px/1.25 'Outfit', sans-serif; }
html:not(#ncrk) .ncrd-riddle__status .ncrd-sign__m { width: 22px; height: 22px; font-size: 13px; box-shadow: 0 0 0 2px #0E1B2E, 0 0 0 3px #FFC43D; }
html:not(#ncrk) .ncrd-riddle__emoji { font-size: clamp(46px, 13vw, 66px); line-height: 1.15; letter-spacing: 6px; text-align: center; animation: ncrd-pop .5s cubic-bezier(.2,1.6,.4,1); }
@keyframes ncrd-pop { from { transform: scale(.4); opacity: 0; } to { transform: none; opacity: 1; } }
html:not(#ncrk) .ncrd-riddle__nudge { display: flex; flex-direction: column; align-items: center; gap: 4px; }
html:not(#ncrk) .ncrd-nudge { padding: 6px 14px; border-radius: 999px; border: 1.5px solid #FFC43D; background: transparent; color: #FFC43D; font: 700 13.5px 'Outfit', sans-serif; cursor: pointer; }
html:not(#ncrk) .ncrd-nudge:disabled { opacity: .5; border-style: dashed; cursor: default; }
html:not(#ncrk) .ncrd-nudge[hidden], html:not(#ncrk) .ncrd-nudge__text[hidden], html:not(#ncrk) .ncrd-mode[hidden], html:not(#ncrk) .ncrd-picks[hidden], html:not(#ncrk) .ncrd-bar[hidden], html:not(#ncrk) .ncrd-sugg[hidden] { display: none !important; }
html:not(#ncrk) .ncrd-nudge__text { margin: 0 !important; max-width: 420px; text-align: center; font: 600 14.5px/1.35 'Outfit', sans-serif; color: #DCE6F5; }
html:not(#ncrk) .ncrd-mode { display: flex; gap: 4px; padding: 3px; border-radius: 999px; background: rgba(255,255,255,.1); }
html:not(#ncrk) .ncrd-mode__b { padding: 6px 14px; border-radius: 999px; border: 0; background: transparent; color: #C9D5E6; font: 700 13.5px 'Outfit', sans-serif; cursor: pointer; }
html:not(#ncrk) .ncrd-mode__b.is-on { background: #fff; color: #12305C; }
html:not(#ncrk) .ncrd-row.is-empty { min-height: 30px; }
html:not(#ncrk) .ncrd-picks { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
html:not(#ncrk) .ncrd-pickbtn { display: flex; align-items: center; gap: 7px; min-height: 54px; padding: 8px 10px; border-radius: 12px; border: 2px solid #12305C; background: #fff; color: #12305C; font: 700 14.5px/1.2 'Outfit', sans-serif; text-align: left; cursor: pointer; }
html:not(#ncrk) .ncrd-pickbtn.is-used { opacity: .4; text-decoration: line-through; border-style: dashed; }
html:not(#ncrk) .ncrd-teaser { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 100%; padding: 16px 14px 14px; border: 0; border-radius: 20px; background: linear-gradient(180deg, #12305C, #0B1A30); color: #fff; cursor: pointer; font-family: 'Outfit', sans-serif; box-shadow: 0 8px 24px rgba(18,48,92,.3); }
html:not(#ncrk) .ncrd-teaser__q { color: #FFC43D; font-weight: 700; font-size: 15.5px; }
html:not(#ncrk) .ncrd-teaser__emoji { font-size: 72px; line-height: 1.15; letter-spacing: 8px; animation: ncrd-pop .5s cubic-bezier(.2,1.6,.4,1); }
html:not(#ncrk) .ncrd-teaser__go { margin-top: 4px; padding: 9px 22px; border-radius: 999px; background: #2E9E4F; color: #fff; font-weight: 800; font-size: 16px; }
html:not(#ncrk) .ncrd-end__emoji { font-size: 40px; line-height: 1.1; letter-spacing: 4px; }
html:not(#ncrk) .ncrd-end__vs { margin: -4px 0 10px !important; padding: 6px 10px; border-radius: 10px; font: 800 15px 'Outfit', sans-serif; }
html:not(#ncrk) .ncrd-end__vs.is-win { background: #E5F6EA; color: #1E7A3B; }
html:not(#ncrk) .ncrd-end__vs.is-tie { background: #FFF6DA; color: #8A6400; }
html:not(#ncrk) .ncrd-end__vs.is-lose { background: #F4F6FA; color: #4A5468; }
html:not(#ncrk) .ncrd-end__acts + .ncrd-end__acts { margin-top: 8px; }

/* ── Mohalla Mystery ─────────────────────────────────────────────── */
html:not(#ncrk) .ncrq-home { max-width: 540px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; padding: 6px 0 20px; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrq-home__logo { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 4px; }
html:not(#ncrk) .ncrq-home__logo span { font-size: 40px; }
html:not(#ncrk) .ncrq-home__logo strong { font: 800 30px/1 'Outfit', sans-serif; color: #2B1B3D; }
html:not(#ncrk) .ncrq-today { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 100%; padding: 16px 14px; border: 0; border-radius: 20px; background: linear-gradient(180deg, #3A2554, #1D1230); color: #fff; cursor: pointer; font-family: 'Outfit', sans-serif; box-shadow: 0 8px 24px rgba(43,27,61,.3); }
html:not(#ncrk) .ncrq-today__tag { color: #FFC43D; font-weight: 700; font-size: 14.5px; }
html:not(#ncrk) .ncrq-today__icon { font-size: 62px; line-height: 1.1; animation: ncrd-pop .5s cubic-bezier(.2,1.6,.4,1); }
html:not(#ncrk) .ncrq-today__title { font-size: 21px; font-weight: 800; line-height: 1.25; }
html:not(#ncrk) .ncrq-today__go { margin-top: 4px; padding: 9px 22px; border-radius: 999px; background: #2E9E4F; color: #fff; font-weight: 800; font-size: 16px; }
html:not(#ncrk) .ncrq-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
html:not(#ncrk) .ncrq-stats div { display: flex; flex-direction: column; align-items: center; padding: 6px 0; border-radius: 10px; background: #F3EFF8; }
html:not(#ncrk) .ncrq-stats strong { font: 800 21px/1.1 'Outfit', sans-serif; color: #2B1B3D; }
html:not(#ncrk) .ncrq-stats span { font: 600 11.5px 'Outfit', sans-serif; color: var(--muted); }
html:not(#ncrk) .ncrq-home__h { margin: 6px 0 0 !important; font: 800 17px 'Outfit', sans-serif; color: #2B1B3D; }
html:not(#ncrk) .ncrq-diff { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
html:not(#ncrk) .ncrq-diff__b { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 6px; border-radius: 16px; border: 2px solid #DCD3E8; background: #fff; color: #2B1B3D; cursor: pointer; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrq-diff__icon { font-size: 28px; }
html:not(#ncrk) .ncrq-diff__b strong { font-size: 16px; }
html:not(#ncrk) .ncrq-diff__b small { font-size: 12px; color: var(--muted); text-align: center; line-height: 1.25; }
html:not(#ncrk) .ncrq-home__how { margin: 4px 0 0 !important; padding-left: 22px !important; color: #3D3350; font: 500 14.5px/1.45 'Outfit', sans-serif; }
html:not(#ncrk) .ncrq-home__how li { margin: 3px 0; }
html:not(#ncrk) .ncrq-home__note { margin: 0 !important; text-align: center; font: 500 12.5px/1.4 'Outfit', sans-serif; color: var(--muted); }

html:not(#ncrk) .ncrq { position: relative; display: flex; flex-direction: column; gap: 8px; max-width: 560px; margin: 0 auto; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrq-hud { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
html:not(#ncrk) .ncrq-hud .ncrb-exit { flex-shrink: 0; }
html:not(#ncrk) .ncrq-title { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html:not(#ncrk) .ncrq-title strong { font: 800 19px/1.1 'Outfit', sans-serif; color: #2B1B3D; }
html:not(#ncrk) .ncrq-title span { font: 600 13px 'Outfit', sans-serif; color: var(--muted); }
html:not(#ncrk) .ncrq-lives { display: flex; gap: 2px; font-size: 20px; }
html:not(#ncrk) .ncrq-lives span:not(.is-on) { opacity: .45; }
html:not(#ncrk) .ncrq .ncrk-chban { flex-shrink: 0; }
html:not(#ncrk) .ncrq-body { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; padding: 2px; }
html:not(#ncrk) .ncrq-case { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; background: #F3EFF8; flex-shrink: 0; }
html:not(#ncrk) .ncrq-case__icon { font-size: 34px; line-height: 1; }
html:not(#ncrk) .ncrq-case__text { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
html:not(#ncrk) .ncrq-case__text strong { font: 800 16px/1.2 'Outfit', sans-serif; color: #2B1B3D; }
html:not(#ncrk) .ncrq-case__text span { font: 500 13px/1.35 'Outfit', sans-serif; color: #5A4F6B; }
html:not(#ncrk) .ncrq-clue { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 14px; background: #fff; border: 1.5px solid #E4DCEF; }
html:not(#ncrk) .ncrq-clue.is-big { background: linear-gradient(180deg, #3A2554, #1D1230); border: 0; color: #fff; }
html:not(#ncrk) .ncrq-clue.is-new { animation: ncrd-in .35s ease-out; }
html:not(#ncrk) .ncrq-clue__face { font-size: 30px; line-height: 1; flex-shrink: 0; }
html:not(#ncrk) .ncrq-clue__text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
html:not(#ncrk) .ncrq-clue__who { font: 700 12px 'Outfit', sans-serif; color: #8A7AA3; }
html:not(#ncrk) .ncrq-clue.is-big .ncrq-clue__who { color: #FFC43D; }
html:not(#ncrk) .ncrq-clue p { margin: 0 !important; font: 700 15.5px/1.35 'Outfit', sans-serif; color: #2B1B3D; }
html:not(#ncrk) .ncrq-clue.is-big p { color: #fff; font-size: 17px; }
html:not(#ncrk) .ncrq-sus { display: flex; flex-direction: column; gap: 6px; }
html:not(#ncrk) .ncrq-row { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 62px; padding: 7px 10px; border-radius: 14px; border: 1.5px solid #E4DCEF; background: #fff; color: #2B1B3D; text-align: left; cursor: pointer; font-family: 'Outfit', sans-serif; transition: opacity .15s, transform .1s; }
html:not(#ncrk) .ncrq-row:active { transform: scale(.98); }
html:not(#ncrk) .ncrq-row__face { font-size: 34px; line-height: 1; width: 40px; text-align: center; flex-shrink: 0; }
html:not(#ncrk) .ncrq-row__mid { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
html:not(#ncrk) .ncrq-row__name { display: flex; align-items: baseline; gap: 6px; }
html:not(#ncrk) .ncrq-row__name strong { font-size: 16px; font-weight: 800; }
html:not(#ncrk) .ncrq-row__name small { font-size: 12px; font-weight: 600; color: #8A7AA3; }
html:not(#ncrk) .ncrq-row__chips { display: flex; flex-wrap: wrap; gap: 4px; }
html:not(#ncrk) .ncrq-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px 2px 6px; border-radius: 999px; background: #F3EFF8; color: #3D3350; font: 600 12.5px/1.4 'Outfit', sans-serif; white-space: nowrap; }
html:not(#ncrk) .ncrq-chip b { font-weight: 400; font-size: 13px; }
html:not(#ncrk) .ncrq-dot { display: inline-block; width: 11px; height: 11px; border-radius: 50%; }
html:not(#ncrk) .ncrq-row__mark { width: 26px; flex-shrink: 0; text-align: center; font-size: 20px; font-weight: 900; color: #C0392B; }
html:not(#ncrk) .ncrq-row.is-out { opacity: .42; }
html:not(#ncrk) .ncrq-row.is-out .ncrq-row__name strong { text-decoration: line-through; }
html:not(#ncrk) .ncrq-row.is-wrong { opacity: .3; cursor: default; }
html:not(#ncrk) .ncrq-row.is-culprit { opacity: 1; border-color: #2E9E4F; box-shadow: 0 0 0 3px rgba(46,158,79,.25); }
html:not(#ncrk) .ncrq-row:disabled { cursor: default; }
html:not(#ncrk) .ncrq-sus.is-shake { animation: ncrk-shake .4s; }
html:not(#ncrk) .ncrq-tip { margin: 0 !important; text-align: center; font: 500 12.5px/1.4 'Outfit', sans-serif; color: var(--muted); }
html:not(#ncrk) .ncrq-older { border-radius: 12px; background: #F8F6FB; padding: 6px 10px; }
html:not(#ncrk) .ncrq-older[hidden] { display: none; }
html:not(#ncrk) .ncrq-older summary { cursor: pointer; font: 700 14px 'Outfit', sans-serif; color: #2B1B3D; padding: 4px 0; }
html:not(#ncrk) .ncrq-older__list { display: flex; flex-direction: column; gap: 6px; padding: 6px 0 4px; }
html:not(#ncrk) .ncrq-bar { display: flex; gap: 8px; flex-shrink: 0; padding-top: 2px; }
html:not(#ncrk) .ncrq-bar[hidden] { display: none; }
html:not(#ncrk) .ncrq-btn { flex: 1; min-height: 50px; padding: 0 14px; border-radius: 14px; border: 2px solid #2B1B3D; background: #fff; color: #2B1B3D; font: 800 16px 'Outfit', sans-serif; cursor: pointer; }
html:not(#ncrk) .ncrq-btn:disabled { opacity: .45; cursor: default; }
html:not(#ncrk) .ncrq-btn--next { flex: 1.4; background: #3A2554; border-color: #3A2554; color: #fff; }
html:not(#ncrk) .ncrq-btn--acc { background: #E07B2A; border-color: #E07B2A; color: #fff; }
html:not(#ncrk) .ncrq-btn--main { background: #2E9E4F; border-color: #2E9E4F; color: #fff; }
html:not(#ncrk) .ncrq-btn--ghost { width: 100%; margin-top: 10px; }
html:not(#ncrk) .ncrq-toast { position: absolute; left: 50%; top: 56px; transform: translateX(-50%); max-width: 92%; padding: 8px 16px; border-radius: 999px; background: rgba(160,28,28,.94); color: #fff; font: 700 14px/1.3 'Outfit', sans-serif; z-index: 6; text-align: center; pointer-events: none; }
html:not(#ncrk) .ncrq-sheet, html:not(#ncrk) .ncrq-end { position: fixed; inset: 0; z-index: 30; display: flex; align-items: flex-end; justify-content: center; background: rgba(20,12,31,.6); }
html:not(#ncrk) .ncrq-sheet__box { width: min(560px, 100%); padding: 16px 14px 18px; border-radius: 20px 20px 0 0; background: #fff; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrq-sheet__title { margin: 0 !important; font: 800 20px 'Outfit', sans-serif; color: #2B1B3D; text-align: center; }
html:not(#ncrk) .ncrq-sheet__sub { margin: 2px 0 12px !important; font: 500 13.5px 'Outfit', sans-serif; color: var(--muted); text-align: center; }
html:not(#ncrk) .ncrq-sheet__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
html:not(#ncrk) .ncrq-pick { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 4px; border-radius: 14px; border: 2px solid #E07B2A; background: #FFF6EC; color: #2B1B3D; font: 800 13.5px/1.2 'Outfit', sans-serif; cursor: pointer; text-align: center; }
html:not(#ncrk) .ncrq-pick.is-out { border-color: #DCD3E8; background: #fff; opacity: .55; }
html:not(#ncrk) .ncrq-pick__face { font-size: 34px; line-height: 1; }
html:not(#ncrk) .ncrq-end { align-items: center; padding: 16px; overflow-y: auto; }
html:not(#ncrk) .ncrq-end__card { position: relative; width: min(430px, 100%); margin: auto; padding: 20px 18px 16px; border-radius: 22px; background: #fff; text-align: center; font-family: 'Outfit', sans-serif; animation: ncrd-in .3s ease-out; }
html:not(#ncrk) .ncrq-end__x { position: absolute; top: 10px; right: 10px; width: 38px; height: 38px; border: 0; border-radius: 50%; background: #F3EFF8; color: #2B1B3D; cursor: pointer; }
html:not(#ncrk) .ncrq-end__face { font-size: 58px; line-height: 1; }
html:not(#ncrk) .ncrq-end__card h3 { margin: 6px 0 2px !important; font: 800 24px/1.15 'Outfit', sans-serif; color: #2B1B3D; }
html:not(#ncrk) .ncrq-end__vs { margin: 2px 0 4px !important; font: 700 14px 'Outfit', sans-serif; color: #5A4F6B; }
html:not(#ncrk) .ncrq-end__stars { margin: 0 !important; font-size: 30px; color: #F2B705; letter-spacing: 4px; }
html:not(#ncrk) .ncrq-end__conf { margin: 8px 0; padding: 12px; border-radius: 14px; background: linear-gradient(180deg, #3A2554, #1D1230); color: #fff; }
html:not(#ncrk) .ncrq-end__conf strong { font-size: 19px; color: #FFC43D; }
html:not(#ncrk) .ncrq-end__conf p { margin: 4px 0 0 !important; font: 600 15px/1.4 'Outfit', sans-serif; color: #fff; }
html:not(#ncrk) .ncrq-end__line { margin: 6px 0 !important; font: 600 14px/1.4 'Outfit', sans-serif; color: #3D3350; }
html:not(#ncrk) .ncrq-how { margin: 6px 0 8px; padding: 8px 12px; border-radius: 12px; background: #F8F6FB; text-align: left; }
html:not(#ncrk) .ncrq-how summary { cursor: pointer; font: 800 14.5px 'Outfit', sans-serif; color: #2B1B3D; }
html:not(#ncrk) .ncrq-how p { margin: 6px 0 0 !important; font: 500 13.5px/1.4 'Outfit', sans-serif; color: #3D3350; }
html:not(#ncrk) .ncrq-how__end { font-weight: 800 !important; color: #1E7A3B !important; }
html:not(#ncrk) .ncrq-end__acts { display: flex; gap: 8px; margin-top: 8px; }
html:not(#ncrk) .ncrq-end__next { margin: 8px 0 0 !important; font: 500 12.5px 'Outfit', sans-serif; color: var(--muted); }

/* ── Shaadi Seating ──────────────────────────────────────────────── */
html:not(#ncrk) .ncrw-home { max-width: 540px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; padding: 6px 0 20px; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrw-home__logo { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 4px; }
html:not(#ncrk) .ncrw-home__logo span { font-size: 40px; }
html:not(#ncrk) .ncrw-home__logo strong { font: 800 30px/1 'Outfit', sans-serif; color: #7A1F3D; }
html:not(#ncrk) .ncrw-today { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; padding: 16px 14px; border: 0; border-radius: 20px; background: linear-gradient(180deg, #9B2A4E, #5A1229); color: #fff; cursor: pointer; font-family: 'Outfit', sans-serif; box-shadow: 0 8px 24px rgba(122,31,61,.3); }
html:not(#ncrk) .ncrw-today__tag { color: #FFD27A; font-weight: 700; font-size: 14.5px; }
html:not(#ncrk) .ncrw-today__faces { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; font-size: 34px; line-height: 1.1; }
html:not(#ncrk) .ncrw-today__title { font-size: 20px; font-weight: 800; line-height: 1.25; text-align: center; }
html:not(#ncrk) .ncrw-today__go { margin-top: 2px; padding: 9px 22px; border-radius: 999px; background: #2E9E4F; color: #fff; font-weight: 800; font-size: 16px; }
html:not(#ncrk) .ncrw-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
html:not(#ncrk) .ncrw-stats div { display: flex; flex-direction: column; align-items: center; padding: 6px 0; border-radius: 10px; background: #FBEFF2; }
html:not(#ncrk) .ncrw-stats strong { font: 800 20px/1.1 'Outfit', sans-serif; color: #7A1F3D; }
html:not(#ncrk) .ncrw-stats span { font: 600 11.5px 'Outfit', sans-serif; color: var(--muted); }
html:not(#ncrk) .ncrw-home__h { margin: 6px 0 0 !important; font: 800 17px 'Outfit', sans-serif; color: #7A1F3D; }
html:not(#ncrk) .ncrw-diff { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
html:not(#ncrk) .ncrw-diff__b { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 6px; border-radius: 16px; border: 2px solid #EBCFD7; background: #fff; color: #5A1229; cursor: pointer; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrw-diff__icon { font-size: 28px; }
html:not(#ncrk) .ncrw-diff__b strong { font-size: 16px; }
html:not(#ncrk) .ncrw-diff__b small { font-size: 12px; color: var(--muted); text-align: center; line-height: 1.25; }
html:not(#ncrk) .ncrw-home__how { margin: 4px 0 0 !important; padding-left: 22px !important; color: #4A2E37; font: 500 14.5px/1.45 'Outfit', sans-serif; }
html:not(#ncrk) .ncrw-home__how li { margin: 3px 0; }
html:not(#ncrk) .ncrw-home__note { margin: 0 !important; text-align: center; font: 500 12.5px/1.4 'Outfit', sans-serif; color: var(--muted); }

html:not(#ncrk) .ncrw { position: relative; display: flex; flex-direction: column; gap: 8px; max-width: 560px; margin: 0 auto; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrw-hud { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
html:not(#ncrk) .ncrw-hud .ncrb-exit { flex-shrink: 0; }
html:not(#ncrk) .ncrw-title { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html:not(#ncrk) .ncrw-title strong { font: 800 19px/1.1 'Outfit', sans-serif; color: #5A1229; }
html:not(#ncrk) .ncrw-title span { font: 600 13px 'Outfit', sans-serif; color: var(--muted); }
html:not(#ncrk) .ncrw-clock { padding: 6px 10px; border-radius: 999px; background: #5A1229; color: #fff; font: 700 14px 'Outfit', sans-serif; font-variant-numeric: tabular-nums; }
html:not(#ncrk) .ncrw-hint { width: 42px; height: 42px; border-radius: 50%; border: 2px solid #E8B04B; background: #FFF6E3; font-size: 20px; cursor: pointer; }
html:not(#ncrk) .ncrw-hint:disabled { opacity: .4; }
html:not(#ncrk) .ncrw .ncrk-chban { flex-shrink: 0; }
html:not(#ncrk) .ncrw-body { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; padding: 2px 2px 12px; }
html:not(#ncrk) .ncrw-table { position: relative; width: min(100% - 40px, 380px, calc(var(--ncra-avail, 100vh) - 320px)); min-width: 260px; aspect-ratio: 1; margin: 14px auto 8px; flex-shrink: 0; }
html:not(#ncrk) .ncrw-cloth { position: absolute; inset: 24%; border-radius: 50%; background: radial-gradient(circle at 40% 35%, #FFF8EA, #F4DEB5); box-shadow: 0 0 0 6px #E8B04B, 0 10px 24px rgba(90,18,41,.18); }
html:not(#ncrk) .ncrw-cake { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 40px; }
html:not(#ncrk) .ncrw-seat { position: absolute; transform: translate(-50%, -50%); width: 21%; aspect-ratio: 1; border-radius: 50%; border: 2.5px dashed #D9B7C1; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0; cursor: pointer; transition: transform .12s, box-shadow .12s; }
html:not(#ncrk) .ncrw-seat.is-full { border-style: solid; border-color: #9B2A4E; background: #FFF4F7; }
html:not(#ncrk) .ncrw-seat.is-target { border-color: #2E9E4F; box-shadow: 0 0 0 3px rgba(46,158,79,.25); }
html:not(#ncrk) .ncrw-seat.is-sel { border-color: #E07B2A; box-shadow: 0 0 0 4px rgba(224,123,42,.35); transform: translate(-50%, -50%) scale(1.08); }
html:not(#ncrk) .ncrw-seat.is-mad { border-color: #D32F2F; background: #FFEDEC; }
html:not(#ncrk) .ncrw-seat.is-locked { border-color: #E8B04B; }
html:not(#ncrk) .ncrw-seat.is-shake { animation: ncrk-shake .4s; }
html:not(#ncrk) .ncrw-seat__face { font-size: clamp(22px, 7.5vw, 32px); line-height: 1; }
html:not(#ncrk) .ncrw-seat__name { position: absolute; top: 100%; margin-top: 1px; padding: 1px 6px; border-radius: 999px; background: rgba(90,18,41,.88); color: #fff; font: 700 10.5px/1.3 'Outfit', sans-serif; white-space: nowrap; }
html:not(#ncrk) .ncrw-seat__mood { position: absolute; right: -6px; top: -6px; font-size: 18px; }
html:not(#ncrk) .ncrw-mark { position: absolute; transform: translate(-50%, -50%); display: inline-flex; align-items: center; gap: 2px; padding: 1px 6px 1px 4px; border-radius: 999px; background: #5A1229; color: #FFD27A; font: 700 10.5px/1.4 'Outfit', sans-serif; white-space: nowrap; pointer-events: none; z-index: 1; }
html:not(#ncrk) .ncrw-mark b { font-weight: 400; font-size: 12px; }
html:not(#ncrk) .ncrw-mark.is-t { transform: translate(-50%, -85%); }
html:not(#ncrk) .ncrw-mark.is-b { transform: translate(-50%, -15%); }
html:not(#ncrk) .ncrw-mark.is-r { transform: translate(-20%, -50%); }
html:not(#ncrk) .ncrw-mark.is-l { transform: translate(-80%, -50%); }
html:not(#ncrk) .ncrw-tray { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; min-height: 48px; padding: 8px; border-radius: 14px; background: #FBEFF2; flex-shrink: 0; }
html:not(#ncrk) .ncrw-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px 6px 8px; border-radius: 999px; border: 2px solid #EBCFD7; background: #fff; color: #5A1229; font: 700 14px 'Outfit', sans-serif; cursor: pointer; }
html:not(#ncrk) .ncrw-chip.is-sel { border-color: #E07B2A; background: #FFF1DF; box-shadow: 0 0 0 3px rgba(224,123,42,.25); }
html:not(#ncrk) .ncrw-chip__face { font-size: 22px; line-height: 1; }
html:not(#ncrk) .ncrw-tray__empty { align-self: center; font: 600 13.5px 'Outfit', sans-serif; color: #8A5A69; }
html:not(#ncrk) .ncrw-help { margin: 0 !important; text-align: center; font: 600 13.5px/1.4 'Outfit', sans-serif; color: #5A1229; }
html:not(#ncrk) .ncrw-rules { list-style: none; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 5px; }
html:not(#ncrk) .ncrw-rule { display: flex; align-items: flex-start; gap: 8px; padding: 8px 10px; border-radius: 12px; background: #fff; border: 1.5px solid #EFE3E7; font: 600 14.5px/1.35 'Outfit', sans-serif; color: #3E2A31; }
html:not(#ncrk) .ncrw-rule__mark { flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #EFE3E7; color: #8A5A69; font-weight: 900; font-size: 13px; }
html:not(#ncrk) .ncrw-rule.is-ok { border-color: #BFE3C9; }
html:not(#ncrk) .ncrw-rule.is-ok .ncrw-rule__mark { background: #2E9E4F; color: #fff; }
html:not(#ncrk) .ncrw-rule.is-bad { border-color: #F2B8B5; background: #FFF6F5; }
html:not(#ncrk) .ncrw-rule.is-bad .ncrw-rule__mark { background: #D32F2F; color: #fff; }
html:not(#ncrk) .ncrw-end { position: fixed; inset: 0; z-index: 30; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(62,14,32,.55); overflow-y: auto; }
html:not(#ncrk) .ncrw-end__card { position: relative; width: min(420px, 100%); margin: auto; padding: 20px 18px 16px; border-radius: 22px; background: #fff; text-align: center; font-family: 'Outfit', sans-serif; animation: ncrd-in .3s ease-out; }
html:not(#ncrk) .ncrw-end__x { position: absolute; top: 10px; right: 10px; width: 38px; height: 38px; border: 0; border-radius: 50%; background: #FBEFF2; color: #5A1229; cursor: pointer; }
html:not(#ncrk) .ncrw-end__big { font-size: 54px; line-height: 1; }
html:not(#ncrk) .ncrw-end__card h3 { margin: 6px 0 2px !important; font: 800 24px/1.15 'Outfit', sans-serif; color: #5A1229; }
html:not(#ncrk) .ncrw-end__vs { margin: 2px 0 4px !important; font: 700 14px 'Outfit', sans-serif; color: #6B4A55; }
html:not(#ncrk) .ncrw-end__stars { margin: 0 !important; font-size: 30px; color: #E8B04B; letter-spacing: 4px; }
html:not(#ncrk) .ncrw-end__line { margin: 6px 0 !important; font: 600 14.5px/1.4 'Outfit', sans-serif; color: #3E2A31; }
html:not(#ncrk) .ncrw-end__acts { display: flex; gap: 8px; margin-top: 8px; }
html:not(#ncrk) .ncrw-btn { flex: 1; min-height: 48px; padding: 0 12px; border-radius: 14px; border: 2px solid #5A1229; background: #fff; color: #5A1229; font: 800 15.5px 'Outfit', sans-serif; cursor: pointer; }
html:not(#ncrk) .ncrw-btn--main { background: #2E9E4F; border-color: #2E9E4F; color: #fff; }
html:not(#ncrk) .ncrw-end__next { margin: 8px 0 0 !important; font: 500 12.5px 'Outfit', sans-serif; color: var(--muted); }

/* ── Dost Ki Pehchaan ────────────────────────────────────────────── */
html:not(#ncrk) .ncrf { position: relative; max-width: 520px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; padding-bottom: 20px; font-family: 'Outfit', sans-serif; }
html:not(#ncrk) .ncrf-hud { display: flex; align-items: center; gap: 10px; }
html:not(#ncrk) .ncrf-hud__title { font: 800 18px/1.2 'Outfit', sans-serif; color: #0F5F5A; }
html:not(#ncrk) .ncrf-body { display: flex; flex-direction: column; gap: 12px; }
html:not(#ncrk) .ncrf-logo { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 6px; }
html:not(#ncrk) .ncrf-logo span { font-size: 42px; }
html:not(#ncrk) .ncrf-logo strong { font: 800 30px/1 'Outfit', sans-serif; color: #0F5F5A; }
html:not(#ncrk) .ncrf-lead { margin: 0 !important; text-align: center; font: 500 15.5px/1.45 'Outfit', sans-serif; color: #3D5452; }
html:not(#ncrk) .ncrf-note { margin: 0 !important; text-align: center; font: 500 12.5px/1.45 'Outfit', sans-serif; color: var(--muted); }
html:not(#ncrk) .ncrf-h { margin: 6px 0 0 !important; font: 800 17px 'Outfit', sans-serif; color: #0F5F5A; }
html:not(#ncrk) .ncrf-btn { width: 100%; min-height: 52px; padding: 0 16px; border-radius: 16px; border: 2px solid #0F5F5A; background: #fff; color: #0F5F5A; font: 800 16.5px 'Outfit', sans-serif; cursor: pointer; }
html:not(#ncrk) .ncrf-btn:disabled { opacity: .5; }
html:not(#ncrk) .ncrf-btn--main { background: linear-gradient(135deg, #14857D, #0F5F5A); border-color: #0F5F5A; color: #fff; box-shadow: 0 6px 18px rgba(15,95,90,.25); }
html:not(#ncrk) .ncrf-btn--ghost { border-color: #BFD9D6; }
html:not(#ncrk) .ncrf-del { color: #A12A1E; border-color: #F0C9C4; min-height: 44px; font-size: 14.5px; }
html:not(#ncrk) .ncrf-how { margin: 4px 0 0 !important; padding-left: 22px !important; color: #3D5452; font: 500 14.5px/1.45 'Outfit', sans-serif; }
html:not(#ncrk) .ncrf-mine { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: 100%; padding: 12px 14px; border-radius: 14px; border: 2px solid #BFD9D6; background: #F2FAF9; color: #0F5F5A; cursor: pointer; font-family: 'Outfit', sans-serif; text-align: left; }
html:not(#ncrk) .ncrf-mine strong { font-size: 16px; }
html:not(#ncrk) .ncrf-mine span { font-size: 13px; color: var(--muted); }
html:not(#ncrk) .ncrf-progress { height: 8px; border-radius: 999px; background: #E3F1EF; overflow: hidden; }
html:not(#ncrk) .ncrf-progress i { display: block; height: 100%; background: linear-gradient(90deg, #14857D, #3CC3B5); border-radius: 999px; transition: width .25s; }
html:not(#ncrk) .ncrf-q { margin: 8px 0 4px !important; text-align: center; font: 800 24px/1.25 'Outfit', sans-serif; color: #0F2E2C; }
html:not(#ncrk) .ncrf-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
html:not(#ncrk) .ncrf-opt { min-height: 84px; padding: 10px; border-radius: 18px; border: 2px solid #CFE5E2; background: #fff; color: #0F2E2C; font: 700 16px/1.3 'Outfit', sans-serif; cursor: pointer; animation: ncrd-in .25s ease-out both; }
html:not(#ncrk) .ncrf-opt:nth-child(2) { animation-delay: .04s; } html:not(#ncrk) .ncrf-opt:nth-child(3) { animation-delay: .08s; } html:not(#ncrk) .ncrf-opt:nth-child(4) { animation-delay: .12s; }
html:not(#ncrk) .ncrf-opt.is-on { border-color: #14857D; background: #E9F7F5; }
html:not(#ncrk) .ncrf-opt:active { transform: scale(.97); }
html:not(#ncrk) .ncrf-swap { min-height: 44px; font-size: 14.5px; }
html:not(#ncrk) .ncrf-big { text-align: center; font-size: 60px; line-height: 1.1; }
html:not(#ncrk) .ncrf-spin { animation: ncrf-spin 1s linear infinite; }
@keyframes ncrf-spin { to { transform: rotate(360deg); } }
html:not(#ncrk) .ncrf-name { display: flex; flex-direction: column; gap: 6px; font: 700 14px 'Outfit', sans-serif; color: #0F5F5A; }
html:not(#ncrk) .ncrf-name__input { height: 52px; padding: 0 14px; border-radius: 14px; border: 2px solid #0F5F5A; background: #fff; color: #0F2E2C; font: 600 17px 'Outfit', sans-serif; width: 100%; box-sizing: border-box; }
html:not(#ncrk) .ncrf-err { margin: 0 !important; padding: 10px 12px; border-radius: 12px; background: #FDECEA; color: #A12A1E; font: 600 14px/1.4 'Outfit', sans-serif; text-align: center; }
html:not(#ncrk) .ncrf-err[hidden] { display: none; }
html:not(#ncrk) .ncrf-loading { text-align: center; color: var(--muted); font: 600 14px 'Outfit', sans-serif; }
html:not(#ncrk) .ncrf-link { padding: 12px; border-radius: 12px; background: #F2FAF9; border: 1.5px dashed #9CCFC9; color: #0F5F5A; font: 700 14px 'Outfit', sans-serif; text-align: center; word-break: break-all; }
html:not(#ncrk) .ncrf-board { list-style: none; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 6px; }
html:not(#ncrk) .ncrf-board li { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; background: #fff; border: 1.5px solid #E3F1EF; font: 700 15.5px 'Outfit', sans-serif; color: #0F2E2C; }
html:not(#ncrk) .ncrf-board li.is-me { border-color: #14857D; background: #E9F7F5; }
html:not(#ncrk) .ncrf-board__rank { width: 28px; text-align: center; font-size: 18px; }
html:not(#ncrk) .ncrf-board__name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html:not(#ncrk) .ncrf-board__score { color: #14857D; font-weight: 800; }
html:not(#ncrk) .ncrf-board__empty { justify-content: center; color: var(--muted) !important; font-weight: 600 !important; border-style: dashed !important; }
html:not(#ncrk) .ncrf-review { padding: 8px 12px; border-radius: 12px; background: #F7FBFA; }
html:not(#ncrk) .ncrf-review summary { cursor: pointer; font: 800 14.5px 'Outfit', sans-serif; color: #0F5F5A; }
html:not(#ncrk) .ncrf-review p { margin: 6px 0 0 !important; font: 500 14px/1.4 'Outfit', sans-serif; color: #3D5452; }
html:not(#ncrk) .ncrf-review p.is-ok b { color: #1E7A3B; }
html:not(#ncrk) .ncrf-review p.is-bad b { color: #A12A1E; }
html:not(#ncrk) .ncrf-score { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 18px 14px; border-radius: 22px; background: linear-gradient(160deg, #14857D, #0B4A46); color: #fff; text-align: center; animation: ncrd-pop .45s cubic-bezier(.2,1.6,.4,1); }
html:not(#ncrk) .ncrf-score__face { font-size: 56px; line-height: 1.1; }
html:not(#ncrk) .ncrf-score__num { font: 900 54px/1 'Outfit', sans-serif; }
html:not(#ncrk) .ncrf-score strong { font-size: 22px; color: #FFD27A; }
html:not(#ncrk) .ncrf-score span { font-size: 14.5px; opacity: .9; }
html:not(#ncrk) .ncrf-cats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
html:not(#ncrk) .ncrf-cat { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 96px; padding: 10px; border-radius: 18px; border: 2px solid #CFE5E2; background: #fff; color: #0F2E2C; cursor: pointer; font-family: 'Outfit', sans-serif; animation: ncrd-in .25s ease-out both; }
html:not(#ncrk) .ncrf-cat strong { font-size: 15.5px; line-height: 1.25; text-align: center; }
html:not(#ncrk) .ncrf-cat__icon { font-size: 34px; line-height: 1; }
html:not(#ncrk) .ncrf-cat.is-mix { grid-column: 1 / -1; min-height: 72px; flex-direction: row; gap: 10px; background: linear-gradient(135deg, #E9F7F5, #fff); border-color: #14857D; }
html:not(#ncrk) .ncrf-tag { margin: -4px auto 0 !important; padding: 4px 12px; border-radius: 999px; background: #E9F7F5; color: #0F5F5A; font: 700 14px 'Outfit', sans-serif; text-align: center; width: fit-content; }

/* ── Golgappa Roll ───────────────────────────────────────────────── */
html:not(#ncrk) .ncrgr-lobby { gap: 12px; }
html:not(#ncrk) .ncrgr-logo { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 4px; }
html:not(#ncrk) .ncrgr-logo span { font-size: 40px; }
html:not(#ncrk) .ncrgr-logo strong { font: 800 30px/1 'Outfit', sans-serif; color: #8A4B12; }
html:not(#ncrk) .ncrgr-lead { margin: 0 !important; text-align: center; font: 500 15px/1.45 'Outfit', sans-serif; color: #5A4632; }
html:not(#ncrk) .ncrgr-go { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding: 16px 18px; border: 0; border-radius: 18px; background: linear-gradient(135deg, #E2A54A, #B7742A); color: #fff; cursor: pointer; font-family: 'Outfit', sans-serif; box-shadow: 0 8px 20px rgba(183,116,42,.3); }
html:not(#ncrk) .ncrgr-go strong { font-size: 21px; }
html:not(#ncrk) .ncrgr-go span { font-size: 15px; font-weight: 700; }
html:not(#ncrk) .ncrgr-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }
html:not(#ncrk) .ncrgr-lv { display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1; border-radius: 12px; border: 2px solid #EADBC5; background: #fff; color: #8A4B12; cursor: pointer; font-family: 'Outfit', sans-serif; padding: 0; }
html:not(#ncrk) .ncrgr-lv.is-next { border-color: #E2A54A; background: #FFF4E0; box-shadow: 0 0 0 3px rgba(226,165,74,.25); }
html:not(#ncrk) .ncrgr-lv.is-locked { opacity: .45; cursor: default; }
html:not(#ncrk) .ncrgr-lv__n { font-size: 16px; font-weight: 800; }
html:not(#ncrk) .ncrgr-lv__s { font-size: 9px; letter-spacing: -1px; min-height: 11px; }
html:not(#ncrk) .ncrgr-set { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; border-radius: 14px; background: #FBF5EC; }
html:not(#ncrk) .ncrgr-seg { display: flex; align-items: center; justify-content: space-between; gap: 8px; font: 700 14px 'Outfit', sans-serif; color: #5A4632; }
html:not(#ncrk) .ncrgr-seg__row { display: flex; gap: 4px; padding: 3px; border-radius: 999px; background: #EFE3D1; }
html:not(#ncrk) .ncrgr-seg__row button { padding: 6px 12px; border: 0; border-radius: 999px; background: transparent; color: #5A4632; font: 700 13px 'Outfit', sans-serif; cursor: pointer; }
html:not(#ncrk) .ncrgr-seg__row button.is-on { background: #fff; color: #8A4B12; box-shadow: 0 1px 3px rgba(0,0,0,.12); }
html:not(#ncrk) .ncrgr-note { margin: 0 !important; text-align: center; font: 500 12.5px/1.4 'Outfit', sans-serif; color: var(--muted); }
html:not(#ncrk) .ncrgr { position: relative; display: flex; flex-direction: column; gap: 6px; max-width: 560px; margin: 0 auto; font-family: 'Outfit', sans-serif; touch-action: none; }
html:not(#ncrk) .ncrgr-hud { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
html:not(#ncrk) .ncrgr-hud .ncrb-exit { flex-shrink: 0; }
html:not(#ncrk) .ncrgr-title { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html:not(#ncrk) .ncrgr-title strong { font: 800 19px/1.1 'Outfit', sans-serif; color: #8A4B12; }
html:not(#ncrk) .ncrgr-title span { font: 600 13px 'Outfit', sans-serif; color: var(--muted); font-variant-numeric: tabular-nums; }
html:not(#ncrk) .ncrgr-leaves { padding: 6px 10px; border-radius: 999px; background: #E9F5EA; color: #1E7A3B; font: 800 15px 'Outfit', sans-serif; }
html:not(#ncrk) .ncrgr-cal { width: 42px; height: 42px; border-radius: 50%; border: 2px solid #E2A54A; background: #FFF6E3; color: #8A4B12; font-size: 20px; font-weight: 800; cursor: pointer; }
html:not(#ncrk) .ncrgr-boardwrap { position: relative; flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; }
html:not(#ncrk) .ncrgr-board { display: block; border-radius: 14px; box-shadow: 0 8px 24px rgba(90,60,30,.25); touch-action: none; }
html:not(#ncrk) .ncrgr-msg { position: absolute; left: 50%; top: 10px; transform: translate(-50%, -6px); margin: 0 !important; padding: 7px 14px; border-radius: 999px; background: rgba(60,35,15,.88); color: #fff; font: 700 14px 'Outfit', sans-serif; opacity: 0; transition: opacity .2s, transform .2s; pointer-events: none; white-space: nowrap; }
html:not(#ncrk) .ncrgr-msg.is-show { opacity: 1; transform: translate(-50%, 0); }
html:not(#ncrk) .ncrgr-help { margin: 0 !important; text-align: center; font: 600 13px/1.35 'Outfit', sans-serif; color: #5A4632; flex-shrink: 0; }
html:not(#ncrk) .ncrgr-done__stars { margin: 0 !important; font: 700 15px 'Outfit', sans-serif; color: #1E7A3B; }
html:not(#ncrk) .ncrgr-done__stars:first-letter { font-size: 28px; }

/* Dost Ki Pehchaan: player-suggested questions */
html:not(#ncrk) .ncrf-credit { margin: -4px 0 0 !important; text-align: center; font: 600 13px 'Outfit', sans-serif; color: #7A6A2E; }
html:not(#ncrk) .ncrf-new { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 16px; background: #FFF6DD; border: 2px solid #F2C94C; }
html:not(#ncrk) .ncrf-new strong { font: 800 15px 'Outfit', sans-serif; color: #7A5A00; }
html:not(#ncrk) .ncrf-new p { margin: 0 !important; font: 600 14.5px/1.35 'Outfit', sans-serif; color: #3D3A2E; }
html:not(#ncrk) .ncrf-new .ncrk-credit { font-weight: 500; }

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