/* Özel Görev · Köy Şenliği — hub kartı bilgi paneli genişliğinde */

#main-screen .main-screen-hero-center.nova-main-stage > .nova-terazi-hub {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  margin: 10px 0 0;
  flex: 0 0 auto;
}

.nova-terazi-hub {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 6px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-height: 78px;
  padding: 8px 8px 8px 8px;
  border: 1.5px solid rgba(253, 224, 71, 0.48);
  border-radius: 22px;
  background:
    radial-gradient(ellipse 90% 80% at 8% -10%, rgba(253, 224, 71, 0.28), transparent 52%),
    radial-gradient(ellipse 70% 60% at 100% 120%, rgba(16, 185, 129, 0.18), transparent 50%),
    linear-gradient(168deg, rgba(15, 23, 42, 0.96) 0%, rgba(6, 18, 16, 0.98) 100%);
  box-shadow:
    0 16px 32px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(255, 255, 255, 0.06) inset,
    0 1px 0 rgba(253, 224, 71, 0.22);
  color: #fffbeb;
  cursor: pointer;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  font-family: ComfortaaOkul, Comfortaa, "Segoe UI", sans-serif;
  text-align: left;
}

.nova-terazi-hub__glow {
  position: absolute;
  inset: -40% auto auto -20%;
  width: 70%;
  height: 140%;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, 0.16) 48%, transparent 62%);
  transform: translateX(-120%);
  animation: ntk-hub-shine 4.8s ease-in-out infinite;
  z-index: 0;
}

@keyframes ntk-hub-shine {
  0%, 58% { transform: translateX(-120%); }
  78%, 100% { transform: translateX(220%); }
}

.nova-terazi-hub[hidden] { display: none !important; }

.nova-terazi-hub:disabled,
.nova-terazi-hub.is-done {
  cursor: default;
  opacity: 0.92;
  filter: saturate(0.55);
}

.nova-terazi-hub.is-done .nova-terazi-hub__glow { animation: none; opacity: 0; }

.nova-terazi-hub__seal,
.nova-terazi-hub__copy,
.nova-terazi-hub__prize,
.nova-terazi-hub__go {
  position: relative;
  z-index: 1;
}

.nova-terazi-hub__seal {
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background:
    #0f2418
    url("../assets/birles/koy-senlik/hub-seal.webp?v=u16") center / cover no-repeat;
  box-shadow:
    0 0 0 2px rgba(253, 224, 71, 0.7),
    0 0 18px rgba(250, 204, 21, 0.35),
    0 8px 16px rgba(0, 0, 0, 0.35);
}

.nova-terazi-hub__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.nova-terazi-hub__copy small {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #fde68a;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

.nova-terazi-hub__copy strong {
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 800;
  line-height: 1.2;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
  color: #fff7ed;
}

.nova-terazi-hub__copy em {
  display: none !important;
}

.nova-terazi-hub__prize {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-width: 58px;
  padding: 3px 6px 4px;
  border-radius: 14px;
  background:
    radial-gradient(circle at 50% 0%, rgba(253, 224, 71, 0.28), transparent 70%),
    rgba(15, 23, 42, 0.45);
  border: 1px solid rgba(253, 224, 71, 0.42);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.06) inset,
    0 6px 12px rgba(0, 0, 0, 0.25);
}

.nova-terazi-hub__prize-row {
  display: flex;
  align-items: center;
  gap: 1px;
  line-height: 1;
}

.nova-terazi-hub__prize-plus {
  font-size: 16px;
  font-weight: 800;
  color: #fde68a;
  text-shadow: 0 0 10px rgba(250, 204, 21, 0.45);
}

.nova-terazi-hub__prize-n {
  font-size: clamp(22px, 5.6vw, 28px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #fde68a;
  text-shadow: 0 0 16px rgba(250, 204, 21, 0.5), 0 2px 0 rgba(0, 0, 0, 0.35);
}

.nova-terazi-hub__prize-gem {
  width: 18px;
  height: 18px;
  margin-left: 1px;
  background: url("../assets/birles/koy-senlik/diamond-goal.webp?v=u16") center / contain no-repeat;
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.4));
}

.nova-terazi-hub__prize-lbl {
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #fef3c7;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.nova-terazi-hub__go {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #3f2a0a;
  background: linear-gradient(180deg, #fef3c7, #f59e0b 58%, #d97706);
  box-shadow:
    0 3px 0 #92400e,
    0 6px 12px rgba(180, 83, 9, 0.35);
}

.nova-terazi-hub.is-done .nova-terazi-hub__prize {
  opacity: 0.55;
  filter: grayscale(0.6);
}

.nova-terazi-hub.is-done .nova-terazi-hub__go {
  color: #e2e8f0;
  background: linear-gradient(180deg, #64748b, #334155);
  box-shadow: 0 3px 0 #0f172a;
}

@media (prefers-reduced-motion: reduce) {
  .nova-terazi-hub__glow { animation: none; }
}

html.nova-terazi-fs,
body.nova-terazi-fs {
  overflow: hidden !important;
}

html.nova-terazi-fs #nova_macera_exit_x,
body.nova-terazi-fs #nova_macera_exit_x {
  display: none !important;
}

#nova-terazi-root {
  position: fixed;
  inset: 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2147482700;
  display: none;
  overflow: hidden;
  background: #102414;
  font-family: ComfortaaOkul, Comfortaa, "Segoe UI", sans-serif;
  touch-action: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  container-type: size;
  container-name: ntk;
}

#nova-terazi-root.is-open {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.ntk-stage {
  position: absolute;
  inset: 0;
  width: var(--ntk-sw, 100%);
  height: var(--ntk-sh, 100%);
  transform: none;
  overflow: hidden;
  pointer-events: none;
}

#nova-terazi-root.is-rot .ntk-stage {
  inset: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}

.ntk-board-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none;
  user-select: none;
}

.ntk-stone {
  position: absolute;
  width: 7.35%;
  height: 13.07%;
  left: var(--ntk-sx, 24%);
  bottom: var(--ntk-sy, 58%);
  transform: translate(-50%, 50%);
  pointer-events: none;
  z-index: 2;
  border-radius: 50%;
}

.ntk-stone--vault {
  width: 11%;
  height: 9.6%;
  border-radius: 46% / 50%;
}

.ntk-stone.is-done::before,
.ntk-stone.is-ok::before {
  content: "";
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  width: clamp(26px, 4.5vmin, 44px);
  height: clamp(26px, 4.5vmin, 44px);
  transform: translate(-50%, -50%) translate(2.95vmin, -3.15vmin);
  border-radius: 50%;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' d='M5.2 12.4l4.6 4.8 9-10.4'/%3E%3C/svg%3E")
      center / 62% no-repeat,
    linear-gradient(180deg, #4ade80 0%, #16a34a 58%, #15803d 100%);
  border: 2.5px solid #fff;
  box-shadow:
    0 2px 0 #166534,
    0 5px 12px rgba(0, 0, 0, 0.32);
}

.ntk-stone.is-bad::before {
  content: "";
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  width: clamp(26px, 4.5vmin, 44px);
  height: clamp(26px, 4.5vmin, 44px);
  transform: translate(-50%, -50%) translate(2.95vmin, -3.15vmin);
  border-radius: 50%;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E")
      center / 58% no-repeat,
    linear-gradient(180deg, #fb7185 0%, #e11d48 58%, #9f1239 100%);
  border: 2.5px solid #fff;
  box-shadow:
    0 2px 0 #881337,
    0 5px 12px rgba(0, 0, 0, 0.32);
}

.ntk-hero-slot {
  position: absolute;
  z-index: 4;
  left: var(--ntk-hx, 23.6%);
  bottom: var(--ntk-hy, 57.6%);
  width: 6.8%;
  height: 13.6%;
  transform: translateX(-50%);
  transform-origin: 50% 100%;
  pointer-events: none;
  transition: left 0.72s cubic-bezier(0.22, 0.82, 0.18, 1), bottom 0.72s cubic-bezier(0.22, 0.82, 0.18, 1);
  filter: drop-shadow(0 8px 6px rgba(0, 0, 0, 0.32));
}

.ntk-hero-slot.is-snap {
  transition: none !important;
}

.ntk-remotes {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

.ntk-hero-hop {
  width: 100%;
  height: 100%;
  transform-origin: 50% 100%;
}

.ntk-hero-slot .ntk-hero,
.ntk-hero-slot .nova-kosucu-host,
.ntk-hero-slot .nova-kosucu-stage,
.ntk-hero-slot .nova-kosucu-alive {
  width: 100%;
  height: 100%;
}

.ntk-hero-slot .nova-kosucu-alive { container-type: size; }

#nova-terazi-root .ntk-hero-slot .nova-kosucu-rig {
  transform: none !important;
}

#nova-terazi-root.is-hop .ntk-hero-slot--local .ntk-hero-hop,
#nova-terazi-root.is-hop .ntk-hero-slot:not(.ntk-hero-slot--remote) .ntk-hero-hop {
  animation: ntk-hop 0.72s ease-in-out;
}

#nova-terazi-root.is-cheer .ntk-hero-slot--local .ntk-hero-hop,
#nova-terazi-root.is-cheer .ntk-hero-slot:not(.ntk-hero-slot--remote) .ntk-hero-hop {
  animation: ntk-cheer 0.42s ease-out;
}

#nova-terazi-root.is-miss .ntk-hero-slot--local .ntk-hero-hop,
#nova-terazi-root.is-miss .ntk-hero-slot:not(.ntk-hero-slot--remote) .ntk-hero-hop {
  animation: ntk-miss 0.45s ease-in-out;
}

.ntk-hero-slot--remote {
  z-index: 3;
  opacity: 0.5;
  filter: drop-shadow(0 8px 6px rgba(0, 0, 0, 0.28));
}

.ntk-hero-slot--remote.is-hop .ntk-hero-hop {
  animation: ntk-hop 0.72s ease-in-out;
}

.ntk-remote-name {
  position: absolute;
  left: 50%;
  bottom: 108%;
  transform: translateX(-50%);
  z-index: 6;
  min-width: 54px;
  padding: 3px 10px 4px;
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.78);
  border: 1.5px solid rgba(250, 204, 21, 0.55);
  color: #facc15;
  font: 900 11px ComfortaaOkul, Comfortaa, sans-serif;
  letter-spacing: 0.01em;
  white-space: nowrap;
  text-shadow: 0 1px 0 rgba(15, 23, 42, 0.85);
  pointer-events: none;
}

.ntk-finish-chip {
  flex-shrink: 0;
  margin-left: auto;
  background: #b91c1c;
  color: #fff;
  border-radius: 14px;
  padding: 8px 16px;
  font-size: 1.45rem;
  font-weight: 900;
  border: 3px solid #fecaca;
  line-height: 1;
  box-shadow: 0 4px 16px rgba(127, 29, 29, 0.45);
  font-variant-numeric: tabular-nums;
}

.ntk-finish-chip[hidden] { display: none !important; }

.ntk-finish-timer,
.ntk-finish-timer[hidden] {
  display: none !important;
}

.ntk-finish-timer-label {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.92;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

.ntk-finish-timer-num {
  font-size: clamp(2.1rem, 7.5vw, 3.2rem);
  font-weight: 900;
  line-height: 1;
  margin: 2px 0;
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
  font-variant-numeric: tabular-nums;
}

.ntk-finish-timer-sub {
  font-size: 0.75rem;
  font-weight: 800;
  opacity: 0.9;
}

.ntk-finish-timer.is-urgent {
  background: linear-gradient(165deg, rgba(248, 113, 113, 0.95), rgba(185, 28, 28, 0.92));
  animation-duration: 0.55s;
}

@keyframes ntk-finish-pulse {
  0%, 100% { transform: translateX(-50%) scale(1); }
  50% { transform: translateX(-50%) scale(1.05); }
}

@media (max-width: 720px) {
  .ntk-finish-timer {
    min-width: 58px;
    padding: 10px 8px 8px;
  }
  .ntk-finish-timer-num {
    font-size: clamp(1.6rem, 6vw, 2.4rem);
  }
}

.ntk-win.is-race {
  z-index: 80;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(6, 12, 20, 0.78);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

#nova-terazi-root.is-ended .ntk-hud,
#nova-terazi-root.is-ended .ntk-quiz,
#nova-terazi-root.is-ended .ntk-finish-timer {
  visibility: hidden !important;
  pointer-events: none !important;
}

#nova-terazi-root .ntk-win.is-race .ntk-race-end,
#nova-terazi-root .ntk-race-end.birles-tepe__end {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: max(8px, env(safe-area-inset-top)) 12px max(8px, env(safe-area-inset-bottom));
  box-sizing: border-box;
  overflow: hidden;
  background: transparent;
}

.ntk-race-end__card {
  width: min(680px, calc(100% - 16px));
  max-width: calc(100dvw - 16px);
  max-height: calc(100dvh - 16px);
  padding: 16px 16px 14px;
  border-radius: 24px;
  text-align: center;
  color: #ecfdf5;
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(52, 211, 153, 0.14), transparent 55%),
    linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(8, 12, 24, 0.98));
  border: 1px solid rgba(110, 231, 183, 0.28);
  box-shadow: 0 24px 60px rgba(2, 6, 23, 0.5);
}

.ntk-race-end__card h2 { margin: 0 0 4px; font-size: clamp(20px, 3.6vmin, 30px); }
.ntk-race-end__card p { margin: 0 0 8px; font-size: clamp(13px, 2vmin, 16px); font-weight: 700; }

.ntk-win.is-race .ntk-win__card { display: none; }

.ntk-race-board {
  width: 100%;
  min-height: 180px;
}

@keyframes ntk-hop {
  0%, 100% { transform: translateY(0) scale(1, 1); }
  40% { transform: translateY(-38%) scale(0.94, 1.08); }
  78% { transform: translateY(4%) scale(1.06, 0.92); }
}

@keyframes ntk-cheer {
  0%, 100% { transform: translateY(0); }
  40% { transform: translateY(-14%) rotate(-6deg); }
  70% { transform: translateY(-8%) rotate(6deg); }
}

@keyframes ntk-miss {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-10%); }
  55% { transform: translateX(8%); }
}

.ntk-hearts {
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
  overflow: hidden;
}

.ntk-heart {
  position: absolute;
  font-size: 16px;
  animation: ntk-heart 0.9s ease-out forwards;
}

@keyframes ntk-heart {
  0% { transform: translateY(0) scale(0.4); opacity: 1; }
  100% { transform: translateY(-70px) scale(1.1); opacity: 0; }
}

.ntk-pop {
  position: absolute;
  left: 50%;
  top: 28%;
  z-index: 9;
  transform: translate(-50%, -50%) scale(0.6);
  padding: 6px 14px;
  border-radius: 999px;
  font-size: clamp(16px, 2.6vmin, 24px);
  font-weight: 800;
  color: #14532d;
  background: #bbf7d0;
  border: 3px solid #16a34a;
  box-shadow: 0 5px 0 #15803d;
  opacity: 0;
  pointer-events: none;
}

.ntk-pop.is-on { animation: ntk-pop 0.7s ease-out; }
.ntk-pop.is-bad {
  color: #7f1d1d;
  background: #fecaca;
  border-color: #dc2626;
  box-shadow: 0 5px 0 #991b1b;
}

@keyframes ntk-pop {
  0% { opacity: 0; transform: translate(-50%, -40%) scale(0.5); }
  30% { opacity: 1; transform: translate(-50%, -50%) scale(1.08); }
  80% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -64%) scale(0.9); }
}

/* Soru: U taşlarının içindeki çimen meydan — taşları kapatmaz */
.ntk-quiz {
  position: absolute;
  left: 29.5%;
  top: 23%;
  z-index: 30;
  width: 41%;
  height: 46%;
  min-width: 120px;
  min-height: 96px;
  transform: none;
  pointer-events: auto;
  overflow: visible;
  touch-action: none;
  display: flex;
  align-items: stretch;
  justify-content: center;
  transition:
    left 0.22s ease,
    top 0.22s ease,
    width 0.22s ease,
    height 0.22s ease,
    opacity 0.2s ease;
  container-type: size;
}

.ntk-zoom {
  position: absolute;
  top: 0;
  left: 100%;
  right: auto;
  margin: 0 0 0 6px;
  z-index: 44;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 2px solid #b45309;
  border-radius: 11px;
  color: #7c2d12;
  background: linear-gradient(180deg, #fffbeb, #fbbf24);
  box-shadow: 0 3px 0 #9a4e12, 0 6px 12px rgba(40, 16, 0, 0.22);
  pointer-events: auto;
  cursor: pointer;
  display: grid;
  place-items: center;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.ntk-zoom svg {
  width: 18px;
  height: 18px;
  display: block;
}
.ntk-zoom .ntk-zoom__out { display: none; }
#nova-terazi-root.is-zoom .ntk-zoom .ntk-zoom__in { display: none; }
#nova-terazi-root.is-zoom .ntk-zoom .ntk-zoom__out { display: block; }
.ntk-zoom:active {
  transform: translateY(2px);
  box-shadow: 0 1px 0 #9a4e12;
}

#nova-terazi-root.is-zoom .ntk-quiz {
  left: 3%;
  top: 9%;
  width: 94%;
  height: 86%;
  z-index: 36;
}

.ntk-wait {
  position: absolute;
  left: 8%;
  right: 8%;
  top: 28%;
  z-index: 1;
  width: auto;
  margin: 0;
  padding: 16px 18px;
  border-radius: 20px;
  text-align: center;
  font-weight: 800;
  font-size: clamp(14px, 2.2vmin, 18px);
  color: #3f2a0a;
  pointer-events: none;
  background: linear-gradient(180deg, #fff8e7 0%, #f3d9a4 100%);
  border: 3px solid #b45309;
  box-shadow: 0 8px 0 #7c3a12, 0 18px 32px rgba(20, 12, 0, 0.28);
}

#nova-terazi-root .ntk-quiz:has(.nstq) .ntk-wait,
#nova-terazi-root .ntk-quiz:has(.nssq) .ntk-wait {
  display: none !important;
}

#nova-terazi-root.is-hop .ntk-quiz,
#nova-terazi-root.is-cheer .ntk-quiz,
#nova-terazi-root.is-yay .ntk-quiz {
  opacity: 0;
  pointer-events: none;
}

#nova-terazi-root .nssq {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  align-self: stretch !important;
  z-index: 8 !important;
  padding: 0 !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  touch-action: none;
}

#nova-terazi-root .nssq-shell {
  position: relative;
  flex: 0 0 auto !important;
  width: auto;
  height: auto;
  overflow: visible;
  display: block;
  line-height: 0;
}

#nova-terazi-root .nstq,
.nstq.nstq--koy,
.nstq.nstq--terazi {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  align-self: stretch !important;
  z-index: 8 !important;
  padding: 0 !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  touch-action: none;
}

#nova-terazi-root .nstq-shell {
  position: relative;
  flex: 0 0 auto !important;
  width: auto;
  height: auto;
  overflow: visible;
  display: block;
  line-height: 0;
}

#nova-terazi-root .nstq-card {
  box-sizing: border-box;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 26px;
  color: #3f2a0a;
  text-align: center;
  line-height: normal;
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255, 255, 255, 0.7), transparent 55%),
    linear-gradient(180deg, #fffef8 0%, #fff4d6 48%, #f3d7a0 100%);
  border: 3px solid #d97706;
  box-shadow:
    0 0 0 5px rgba(255, 248, 225, 0.78),
    0 12px 0 #9a4e12,
    0 22px 36px rgba(20, 12, 0, 0.3);
  transform-origin: top left;
}

#nova-terazi-root .nstq-kicker { display: none; }

#nova-terazi-root .nstq-card h3,
#nova-terazi-root .nstq-sentence {
  flex: 0 0 auto;
  font-size: clamp(14px, 2.35vmin, 20px);
  line-height: 1.28;
  margin: 0;
  color: #5b2c0a;
}

#nova-terazi-root .nstq-passage {
  flex: 0 1 auto;
  margin: 0;
  padding: 6px 8px;
  font-size: clamp(12px, 1.9vmin, 15px);
  overflow: hidden;
}

#nova-terazi-root .nstq-photo {
  display: block;
  flex: 0 0 auto;
  width: auto;
  max-width: 58%;
  height: auto;
  min-height: 0;
  max-height: 220px;
  aspect-ratio: 1;
  object-fit: contain;
  margin: 0 auto;
  background: #fff;
  border: 3px solid #fff8e7;
  border-radius: 20px;
  box-shadow: 0 6px 0 #d6a15a, 0 12px 18px rgba(80, 40, 0, 0.18);
}

#nova-terazi-root .nstq-card--scene .nstq-photo {
  flex: 0 0 auto;
  max-width: 68%;
  min-height: 0;
  max-height: 240px;
}

#nova-terazi-root .nstq-card--match .nstq-photo {
  max-width: 52%;
}

#nova-terazi-root .nstq-card--scene .nstq-match {
  flex: 0 0 auto;
}

#nova-terazi-root .nstq-card--scene .nstq-match--cards {
  height: auto;
  grid-auto-rows: auto;
}

#nova-terazi-root .nstq-card--scene .nstq-match--cards .nstq-slot {
  height: auto;
}

#nova-terazi-root .nstq-card--slot-img .nstq-match {
  flex: 0 0 auto;
  min-height: 0;
}

#nova-terazi-root .nstq-choices {
  flex: 0 0 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 7px;
}

#nova-terazi-root .nstq-opt,
#nova-terazi-root .nstq-chip,
#nova-terazi-root .nstq-check {
  width: 100%;
  min-height: 40px;
  padding: 8px 12px;
  font-size: clamp(13px, 2.15vmin, 18px);
  border-radius: 14px;
  box-shadow: 0 4px 0 #c2410c;
}

#nova-terazi-root .nstq-opt {
  flex: 0 0 auto;
  min-height: 38px;
}

#nova-terazi-root .nstq-opt:nth-child(1) {
  background: linear-gradient(180deg, #fff, #fde68a);
}
#nova-terazi-root .nstq-opt:nth-child(2) {
  background: linear-gradient(180deg, #fff, #bfdbfe);
  box-shadow: 0 4px 0 #1d4ed8;
  color: #1e3a8a;
}
#nova-terazi-root .nstq-opt:nth-child(3) {
  background: linear-gradient(180deg, #fff, #bbf7d0);
  box-shadow: 0 4px 0 #15803d;
  color: #14532d;
}
#nova-terazi-root .nstq-opt:nth-child(4) {
  background: linear-gradient(180deg, #fff, #fbcfe8);
  box-shadow: 0 4px 0 #be185d;
  color: #9d174d;
}

#nova-terazi-root .nstq-opt.is-ok,
#nova-terazi-root .nstq-chip.is-ok {
  background: #86efac !important;
  color: #14532d !important;
}

#nova-terazi-root .nstq-opt.is-bad {
  background: #fecaca !important;
  color: #7f1d1d !important;
}

#nova-terazi-root .nstq-card--match { width: auto; }

#nova-terazi-root .nstq-match {
  flex: 0 0 auto;
  min-height: 0;
  margin-bottom: 0;
  overflow: visible;
  height: auto;
  max-height: none;
}

#nova-terazi-root .nstq-match--cards {
  height: auto;
  max-height: none;
  min-height: 0;
  grid-template-columns: repeat(var(--nstq-cols, 2), minmax(0, 1fr)) !important;
  grid-auto-rows: auto;
  gap: 10px;
}

#nova-terazi-root .nstq-match--cards .nstq-slot {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
  min-height: 0;
  height: auto;
  max-height: 100%;
  padding: 6px;
  gap: 4px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.72);
  border: 2px solid #e8c078;
  box-shadow: inset 0 1px 0 #fff;
}

#nova-terazi-root .nstq-slot img,
#nova-terazi-root .nstq-match--cards .nstq-slot img {
  width: 100%;
  flex: 0 0 auto;
  min-height: 88px;
  max-height: 160px;
  height: auto;
  object-fit: contain;
  background: #fff;
  border-radius: 12px;
  border: 2px solid #fff3d0;
}

#nova-terazi-root .nstq-match--cards .nstq-drop {
  flex: 0 0 auto;
  min-height: 32px;
  font-size: clamp(12px, 1.9vmin, 16px);
  position: relative;
  z-index: 1;
}

#nova-terazi-root .nstq-chips {
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 4px 0 0;
  padding-top: 4px;
  align-self: stretch;
}

#nova-terazi-root .nstq-chip,
#nova-terazi-root .nstq-drop {
  touch-action: none;
}
#nova-terazi-root .nstq-chip {
  min-height: 34px;
  width: auto;
  min-width: 120px;
  max-width: 240px;
  flex: 1 1 30%;
}
#nova-terazi-root.is-holding .nstq,
#nova-terazi-root.is-holding .nstq-shell,
#nova-terazi-root.is-holding .nstq-card {
  overflow: visible !important;
}
#nova-terazi-root .nstq-ghost {
  position: absolute !important;
  z-index: 80 !important;
  pointer-events: none !important;
  transform: none !important;
  max-width: none;
}
#nova-terazi-root .nstq-check {
  flex: 0 0 auto;
  background: linear-gradient(180deg, #86efac, #22c55e);
  color: #14532d;
  box-shadow: 0 4px 0 #15803d;
}

.ntk-hud {
  position: absolute;
  top: 1.6%;
  left: 1.4%;
  right: 1.4%;
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 8px;
  pointer-events: none;
}

.ntk-hud__meta {
  min-width: 0;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(47, 80, 32, 0.82);
  border: 1px solid rgba(253, 224, 71, 0.5);
  color: #fffbeb;
}

.ntk-hud__meta b {
  display: block;
  font-size: clamp(11px, 1.7vmin, 14px);
  font-weight: 800;
}

.ntk-hud__meta span {
  display: block;
  font-size: clamp(10px, 1.4vmin, 12px);
  font-weight: 700;
  color: #fde68a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 28vw;
}

.ntk-pips { display: none; }

.ntk-x {
  margin-left: 8px;
  pointer-events: auto;
  width: clamp(34px, 5vmin, 42px);
  height: clamp(34px, 5vmin, 42px);
  border: 1px solid rgba(253, 224, 71, 0.45);
  border-radius: 12px;
  color: #fffbeb;
  background: rgba(47, 80, 32, 0.9);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.28);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

.ntk-finish-chip[hidden] + .ntk-x {
  margin-left: auto;
}

.ntk-leave,
.ntk-win {
  position: absolute;
  inset: 0;
  z-index: 50;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(8, 16, 28, 0.55);
  pointer-events: auto;
}

.ntk-leave.is-on,
.ntk-win.is-on { display: flex; }

.ntk-card {
  width: min(420px, 78%);
  padding: 18px 16px 14px;
  border-radius: 22px;
  text-align: center;
  color: #3f2a0a;
  background: linear-gradient(180deg, #fff7d6, #f3d9a4);
  border: 3px solid #b45309;
  box-shadow: 0 12px 0 #7c3a12;
}

.ntk-card h2 { margin: 0 0 6px; font-size: clamp(18px, 3vmin, 26px); }
.ntk-card p { margin: 0 0 12px; font-size: clamp(13px, 2vmin, 16px); font-weight: 700; color: #7c3a12; }
.ntk-card__row { display: flex; gap: 10px; justify-content: center; }

.ntk-win__card {
  position: relative;
  overflow: hidden;
  width: min(440px, 82%);
  padding: 22px 18px 16px;
  border-radius: 26px;
  text-align: center;
  isolation: isolate;
}

.ntk-win__card::before {
  content: "";
  position: absolute;
  inset: -30% -20% auto;
  height: 70%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.28), transparent 68%);
  pointer-events: none;
  z-index: 0;
}

.ntk-win__card > * { position: relative; z-index: 1; }

.ntk-win__gems {
  font-size: clamp(36px, 8vmin, 54px);
  line-height: 1;
  margin: 0 0 8px;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.28));
}

.ntk-win__score {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 auto 14px;
  padding: 8px 16px;
  border-radius: 999px;
  font-weight: 800;
  font-size: clamp(14px, 2.6vmin, 18px);
}

.ntk-win__plus {
  font-size: clamp(28px, 6vmin, 40px);
  font-weight: 800;
  letter-spacing: 0.02em;
  margin: 0 0 6px;
}

.ntk-win--fail .ntk-win__card {
  color: #e2e8f0;
  background: linear-gradient(180deg, #334155, #1e293b);
  border: 3px solid #64748b;
  box-shadow: 0 12px 0 #0f172a;
}
.ntk-win--fail .ntk-win__plus { color: #cbd5e1; }
.ntk-win--fail .ntk-win__score { background: rgba(148, 163, 184, 0.18); color: #e2e8f0; }

.ntk-win--ok .ntk-win__card {
  color: #3f2a0a;
  background: linear-gradient(180deg, #ffedd5, #fdba74);
  border: 3px solid #c2410c;
  box-shadow: 0 12px 0 #9a3412, 0 0 28px rgba(251, 146, 60, 0.35);
}
.ntk-win--ok .ntk-win__plus { color: #9a3412; }
.ntk-win--ok .ntk-win__score { background: rgba(154, 52, 18, 0.12); color: #7c2d12; }

.ntk-win--great .ntk-win__card {
  color: #0f172a;
  background: linear-gradient(180deg, #e0f2fe, #7dd3fc);
  border: 3px solid #0369a1;
  box-shadow: 0 12px 0 #075985, 0 0 32px rgba(14, 165, 233, 0.4);
}
.ntk-win--great .ntk-win__plus { color: #0369a1; }
.ntk-win--great .ntk-win__score { background: rgba(3, 105, 161, 0.12); color: #075985; }

.ntk-win--perfect .ntk-win__card {
  color: #3f2a0a;
  background: linear-gradient(180deg, #fffbeb, #facc15 55%, #f59e0b);
  border: 3px solid #b45309;
  box-shadow: 0 12px 0 #92400e, 0 0 40px rgba(250, 204, 21, 0.55);
}
.ntk-win--perfect .ntk-win__plus { color: #92400e; }
.ntk-win--perfect .ntk-win__score { background: rgba(146, 64, 14, 0.14); color: #78350f; }
.ntk-win--perfect .ntk-win__gems { animation: ntk-gem-pop 0.9s ease-out; }

@keyframes ntk-gem-pop {
  0% { transform: scale(0.4) rotate(-12deg); opacity: 0; }
  60% { transform: scale(1.18) rotate(4deg); opacity: 1; }
  100% { transform: scale(1) rotate(0); }
}

.ntk-win__card h2 { margin: 0 0 4px; font-size: clamp(22px, 4.2vmin, 32px); }
.ntk-win__card p { margin: 0 0 8px; font-size: clamp(13px, 2.2vmin, 16px); font-weight: 700; opacity: 0.92; }

.ntk-card h2 { margin: 0 0 6px; font-size: clamp(18px, 3vmin, 26px); }
.ntk-card p { margin: 0 0 12px; font-size: clamp(13px, 2vmin, 16px); font-weight: 700; color: #7c3a12; }
.ntk-card__row { display: flex; gap: 10px; justify-content: center; }

.ntk-btn {
  min-width: 110px;
  min-height: 40px;
  padding: 8px 14px;
  border: 0;
  border-radius: 999px;
  font-weight: 800;
  font-size: 14px;
  cursor: pointer;
}

.ntk-btn--gold {
  color: #3f2a0a;
  background: linear-gradient(180deg, #fde68a, #f59e0b);
}

.ntk-btn--ghost { color: #fffbeb; background: #3f6212; }

/* Telefon: tasarım boyu JS ile kutuya ölçeklenir; compact içeriği ayrıca küçültme */

/* JS ölçeği yoksa (çok kısa gerçek kart) seçenekler yine sığsın */
@container (max-height: 260px) {
  .ntk-quiz .nstq-chips {
    z-index: 1 !important;
    flex-wrap: wrap !important;
  }
}