/* Kvíz – režim „Promítnout na televizi“ (assets/js/kviz-tv.js). Krémové pozadí, inkoustový text, písmo čitelné z 3 m. */
.tv {
  position: fixed; inset: 0; z-index: 1000; background: var(--cream); color: var(--ink);
  display: grid; grid-template-rows: auto 1fr auto; padding: clamp(1rem, 3vw, 2.5rem); overflow: auto;
}
.tv[hidden] { display: none; }
.tv:fullscreen { width: 100%; height: 100%; }
.tv::backdrop { background: var(--cream); }
html.tv-open { overflow: hidden; }

.tv-top { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.4rem; border-bottom: 6px solid var(--sun); padding-bottom: .8rem; }
.tv-set { margin: 0; font-weight: 700; font-size: clamp(1.1rem, 1.6vw, 1.6rem); flex: 1 1 auto; }
.tv-count { margin: 0; font-size: clamp(1.1rem, 1.6vw, 1.6rem); color: var(--ink-soft); }

.tv-stage { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 1.2rem; cursor: pointer; padding: 1.5rem 0; min-height: 0; }
.tv-q { margin: 0; font-weight: 700; font-size: clamp(2.2rem, 5.6vw, 5rem); line-height: 1.2; max-width: 22ch; text-wrap: balance; }
.tv-long .tv-q { font-size: clamp(2rem, 4.6vw, 4.2rem); max-width: 26ch; }
.tv-xlong .tv-q { font-size: clamp(1.8rem, 3.8vw, 3.4rem); max-width: 30ch; }
.tv-words { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; }
.tv-words[hidden] { display: none; }
.tv-words li { margin: 0; font-weight: 700; font-size: clamp(1.8rem, 4.4vw, 3.8rem); background: var(--sun-soft); border: 3px solid var(--ink); border-radius: 16px; padding: .1em .6em; }
.tv-answer { background: var(--sun); border-radius: var(--radius-lg); padding: .6em 1.2em; max-width: 90%; }
.tv-answer[hidden] { display: none; }
.tv-a { margin: 0; font-weight: 700; font-size: clamp(2.2rem, 5.6vw, 5rem); line-height: 1.15; }
.tv-fact { margin: .5rem 0 0; font-size: clamp(1.3rem, 2.4vw, 2.2rem); line-height: 1.35; }
.tv-fact[hidden] { display: none; }

.tv-bottom { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .8rem 1rem; border-top: 2px solid var(--line); padding-top: 1rem; }
.tv-btn {
  min-height: 56px; min-width: 56px; padding: .6em 1.2em; border-radius: 999px; border: 2px solid var(--ink);
  background: var(--card); color: var(--ink); font: inherit; font-weight: 700; font-size: clamp(1.1rem, 1.5vw, 1.5rem); cursor: pointer;
}
.tv-btn:hover { background: var(--sun-soft); }
.tv-btn:disabled { opacity: .4; cursor: default; }
.tv-primary { background: var(--ink); color: var(--cream); }
.tv-primary:hover { background: var(--cta-hover); color: var(--cream); }
.tv-close { margin-left: auto; }
.tv-help { margin: 0; width: 100%; text-align: center; font-size: 1rem; color: var(--ink-soft); }
@media (max-width: 600px) { .tv-help { display: none; } }

.btn-tv svg { width: 1.2em; height: 1.2em; }
.tv-row { margin: .4rem 0 1.2rem; }