/*
  kiosk.kvizponasom.net — layout 50/50
  Horná polovica: logo + meta + otázka + timer
  Spodná polovica: 5 odpovedí na celú šírku, rovnomerne po výške
*/

html.is-kiosk-display {
  font-size: 16px;
  --kiosk-logo-height: min(32svh, 580px);
  --kiosk-logo-max-width: min(92vw, 680px);
  --kiosk-question-size: clamp(38px, 6.8vw, 108px);
  --kiosk-answer-btn-font-size: clamp(32px, 3.8vw, 58px);
  --kiosk-round-pill-size: clamp(28px, 3.4vw, 52px);
  --kiosk-intro-logo-height: min(58svh, 820px);
  --kiosk-intro-title-size: clamp(48px, 9.2vw, 112px);
  --kiosk-intro-lead-size: clamp(28px, 4vw, 54px);
  --kiosk-action-btn-height: clamp(96px, 10svh, 140px);
  --kiosk-action-btn-font-size: clamp(38px, 4.8vw, 64px);
  --kiosk-action-btn-inset: clamp(14px, 2.8vw, 32px);
  --kiosk-intro-btn-height: var(--kiosk-action-btn-height);
  --kiosk-intro-btn-font-size: var(--kiosk-action-btn-font-size);
  --screen-frame-inset: 0.65rem;
  --screen-frame-inner-gap: 0.5rem;
  --screen-padding-inline: clamp(0.65rem, 2vw, 1rem);
  --footer-btn-height: clamp(64px, 6.5svh, 88px);
  --footer-btn-offset: clamp(40px, 5.5svh, 56px);
}

html.is-kiosk-display,
html.is-kiosk-display body {
  overflow: hidden;
  height: 100%;
  height: 100svh;
}

html.is-kiosk-display body {
  background: linear-gradient(145deg, var(--blue) 0%, var(--blue-deep) 60%);
}

html.is-kiosk-display .screen {
  padding:
    calc(0.5rem + var(--safe-top))
    calc(var(--screen-padding-inline) + var(--safe-right))
    calc(0.5rem + var(--safe-bottom))
    calc(var(--screen-padding-inline) + var(--safe-left));
  gap: 0;
}

html.is-kiosk-display .screen::before {
  inset: var(--screen-frame-inset);
  border-radius: 16px;
  animation: none;
}

html.is-kiosk-display .screen::after {
  display: none;
}

/* ── Answers screen: presné 50 / 50, plná šírka ── */
html.is-kiosk-display .screen.screen-answers.kiosk-answers-screen {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  align-content: stretch !important;
  justify-content: flex-start !important;
  height: 100% !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  padding:
    calc(0.35rem + var(--safe-top))
    0
    calc(0.35rem + var(--safe-bottom))
    0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  text-align: center !important;
}

html.is-kiosk-display .screen.screen-answers.kiosk-answers-screen:has(.game-header) {
  padding-top: calc(0.35rem + var(--safe-top)) !important;
}

html.is-kiosk-display .kiosk-answers-top {
  flex: 0 0 50% !important;
  height: 50% !important;
  max-height: 50% !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-items: center !important;
  gap: clamp(2px, 0.45svh, 6px) !important;
  padding: clamp(2px, 0.35svh, 6px) clamp(8px, 2vw, 20px) !important;
  overflow: hidden !important;
}

html.is-kiosk-display .kiosk-answers-bottom {
  flex: 0 0 50% !important;
  height: 50% !important;
  max-height: 50% !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  padding: clamp(4px, 0.8svh, 10px) clamp(10px, 2.5vw, 24px) !important;
  overflow: hidden !important;
}

html.is-kiosk-display .kiosk-answers-top .game-header {
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  grid-row: 1 !important;
  pointer-events: none;
}

html.is-kiosk-display .kiosk-answers-top .question-title,
html.is-kiosk-display .kiosk-answers-top .question-title.compact,
html.is-kiosk-display .kiosk-answers-top .question-title.is-medium,
html.is-kiosk-display .kiosk-answers-top .question-title.is-long,
html.is-kiosk-display .kiosk-answers-top .question-title.compact.is-medium,
html.is-kiosk-display .kiosk-answers-top .question-title.compact.is-long {
  grid-row: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 clamp(6px, 1.5vw, 16px) !important;
  text-align: center !important;
  font-size: var(--kiosk-question-size) !important;
  line-height: 1.04 !important;
  text-wrap: balance;
}

html.is-kiosk-display .kiosk-answers-top .answers-timer {
  grid-row: 3 !important;
  width: 100% !important;
  max-width: none !important;
  height: clamp(32px, 3.2svh, 48px) !important;
  margin: 0 !important;
}

html.is-kiosk-display .game-header__logo {
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  display: grid !important;
  place-items: center !important;
}

html.is-kiosk-display .game-header .brand-logo,
html.is-kiosk-display .kiosk-answers-top .game-header .brand-logo,
html.is-kiosk-display .screen.screen-answers:not(.kiosk-answers-screen) .game-header .brand-logo {
  width: auto !important;
  height: var(--kiosk-logo-height) !important;
  max-width: var(--kiosk-logo-max-width) !important;
  min-height: 0 !important;
  aspect-ratio: 78 / 144;
  overflow: visible !important;
}

html.is-kiosk-display .game-header .brand-logo img {
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

html.is-kiosk-display .kiosk-answers-top .game-header .round-pill,
html.is-kiosk-display .game-header .round-pill {
  margin-top: clamp(10px, 1.8svh, 22px) !important;
  font-size: var(--kiosk-round-pill-size) !important;
  padding: 0.5rem 1.25rem !important;
  border-width: 2px !important;
  letter-spacing: 0.02em !important;
}

html.is-kiosk-display .kiosk-answers-top .game-header .score-line {
  margin-top: 0.15rem !important;
  font-size: clamp(16px, 1.8vw, 24px) !important;
}

html.is-kiosk-display .kiosk-answers-top .answers-timer::before {
  display: none !important;
}

html.is-kiosk-display .kiosk-answers-top .answers-timer {
  border: 2px solid rgba(243, 211, 122, 0.72);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.16);
}

html.is-kiosk-display .kiosk-answers-top .answers-timer__seconds {
  font-size: clamp(22px, 2.6vw, 34px) !important;
}

html.is-kiosk-display .kiosk-answers-bottom .answers-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(6px, 1svh, 12px) !important;
  align-content: stretch !important;
  justify-items: stretch !important;
}

html.is-kiosk-display .kiosk-answers-bottom .answers-list .answer-btn,
html.is-kiosk-display .screen-answers.kiosk-answers-screen .answer-btn {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0.35rem 0.85rem !important;
  font-size: var(--kiosk-answer-btn-font-size, clamp(32px, 3.8vw, 58px)) !important;
  line-height: 1.05 !important;
  border-radius: var(--radius) !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  box-sizing: border-box !important;
}

html.is-kiosk-display .kiosk-answers-bottom .answer-btn__label {
  width: 100% !important;
  text-align: center !important;
}

/* Fallback: stará HTML štruktúra (cache / ešte bez kiosk-answers-screen) */
html.is-kiosk-display .screen.screen-answers:not(.kiosk-answers-screen) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  height: 100% !important;
  width: 100% !important;
  max-width: none !important;
  padding:
    calc(0.35rem + var(--safe-top))
    0
    calc(0.35rem + var(--safe-bottom))
    0 !important;
}

html.is-kiosk-display .screen.screen-answers:not(.kiosk-answers-screen):has(.game-header) {
  padding-top: calc(0.35rem + var(--safe-top)) !important;
}

html.is-kiosk-display .screen.screen-answers:not(.kiosk-answers-screen) .game-header {
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

html.is-kiosk-display .screen.screen-answers:not(.kiosk-answers-screen) .screen-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 clamp(10px, 2.5vw, 24px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: clamp(8px, 1.2svh, 14px) !important;
}

html.is-kiosk-display .screen.screen-answers:not(.kiosk-answers-screen) .question-title {
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: none !important;
  text-align: center !important;
  font-size: var(--kiosk-question-size) !important;
  line-height: 1.04 !important;
}

html.is-kiosk-display .screen.screen-answers:not(.kiosk-answers-screen) .answers-block,
html.is-kiosk-display .screen.screen-answers:not(.kiosk-answers-screen) .answers-list {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

html.is-kiosk-display .screen.screen-answers:not(.kiosk-answers-screen) .answers-block {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  padding-bottom: 0 !important;
}

html.is-kiosk-display .screen.screen-answers:not(.kiosk-answers-screen) .answers-timer {
  flex: 0 0 auto !important;
  width: 100% !important;
}

html.is-kiosk-display .screen.screen-answers:not(.kiosk-answers-screen) .answers-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(6px, 1svh, 12px) !important;
}

html.is-kiosk-display .screen.screen-answers:not(.kiosk-answers-screen) .answers-list .answer-btn {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  font-size: var(--kiosk-answer-btn-font-size, clamp(32px, 3.8vw, 58px)) !important;
}

/* ── Ostatné obrazovky ── */
html.is-kiosk-display .screen-question {
  padding-top: calc(var(--safe-top) + 1rem);
}

html.is-kiosk-display .screen-question .game-header {
  position: static;
  transform: none;
  width: min(94vw, 720px);
}

html.is-kiosk-display .screen-question .game-header .brand-logo {
  height: var(--kiosk-logo-height) !important;
  width: auto !important;
  max-width: var(--kiosk-logo-max-width) !important;
}

html.is-kiosk-display .screen-question .question-title,
html.is-kiosk-display .screen-question .question-title.compact,
html.is-kiosk-display .screen-question .question-title.is-medium,
html.is-kiosk-display .screen-question .question-title.is-long {
  font-size: clamp(34px, 6.2vw, 76px) !important;
  line-height: 1.1;
}

html.is-kiosk-display .screen-intro {
  justify-content: stretch !important;
  align-items: stretch !important;
  padding:
    calc(0.35rem + var(--safe-top))
    0
    0
    0 !important;
}

html.is-kiosk-display .screen-intro .intro-card {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: clamp(12px, 2.2svh, 26px) !important;
  padding:
    clamp(0.5rem, 1.5svh, 1.25rem)
    clamp(12px, 2.5vw, 28px)
    0 !important;
}

html.is-kiosk-display .screen-intro .brand-logo {
  width: auto !important;
  height: var(--kiosk-intro-logo-height) !important;
  max-width: min(92vw, 840px) !important;
  margin-inline: auto !important;
  margin-top: auto !important;
  flex-shrink: 0 !important;
  animation: none !important;
  align-self: center !important;
}

html.is-kiosk-display .screen-intro .brand-logo img {
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

html.is-kiosk-display .screen-intro h1,
html.is-kiosk-display .screen-intro .intro-title {
  max-width: min(96vw, 1400px) !important;
  width: 100% !important;
  margin: 0 auto !important;
  font-size: var(--kiosk-intro-title-size) !important;
  line-height: 1.02 !important;
  text-align: center !important;
  animation: none !important;
  align-self: center !important;
}

html.is-kiosk-display .screen-intro .intro-title-line {
  display: block;
}

html.is-kiosk-display .screen-intro .lead {
  max-width: min(94vw, 1200px) !important;
  width: 100% !important;
  margin: 0 auto !important;
  font-size: var(--kiosk-intro-lead-size) !important;
  line-height: 1.18 !important;
  text-align: center !important;
  animation: none !important;
  align-self: center !important;
}

/* Jednotné akčné tlačidlo (ZAČAŤ, ĎALŠIA OTÁZKA, NOVÁ HRA…) */
html.is-kiosk-display .primary-btn,
html.is-kiosk-display .screen-intro .primary-btn,
html.is-kiosk-display .screen-success .screen-body > .primary-btn,
html.is-kiosk-display .screen-second-chance .screen-body > .primary-btn,
html.is-kiosk-display .screen-end .screen-body > .primary-btn,
html.is-kiosk-display .screen-prize .screen-body > .primary-btn {
  width: 100% !important;
  max-width: none !important;
  min-height: var(--kiosk-action-btn-height, var(--kiosk-intro-btn-height)) !important;
  padding:
    clamp(0.5rem, 1svh, 0.85rem)
    clamp(0.75rem, 2vw, 1.25rem) !important;
  margin:
    0
    var(--kiosk-action-btn-inset)
    calc(var(--kiosk-action-btn-inset) + var(--safe-bottom))
    var(--kiosk-action-btn-inset) !important;
  font-family: var(--font-display) !important;
  font-size: var(--kiosk-action-btn-font-size, var(--kiosk-intro-btn-font-size)) !important;
  font-weight: 700 !important;
  letter-spacing: 0.085rem !important;
  text-transform: uppercase !important;
  color: var(--blue-deep) !important;
  background: linear-gradient(180deg, var(--gold-light) 0%, var(--gold) 100%) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28) !important;
  border: 0 !important;
  border-radius: var(--radius) !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  align-self: stretch !important;
}

html.is-kiosk-display .screen-intro .primary-btn,
html.is-kiosk-display .screen-success .screen-body > .primary-btn,
html.is-kiosk-display .screen-second-chance .screen-body > .primary-btn,
html.is-kiosk-display .screen-end .screen-body > .primary-btn,
html.is-kiosk-display .screen-prize .screen-body > .primary-btn {
  margin-top: auto !important;
}

html.is-kiosk-display .screen-question .screen-body > .question-footer-btn {
  min-height: var(--kiosk-action-btn-height, var(--kiosk-intro-btn-height)) !important;
  font-size: var(--kiosk-action-btn-font-size, var(--kiosk-intro-btn-font-size)) !important;
  margin:
    0
    var(--kiosk-action-btn-inset)
    calc(var(--kiosk-action-btn-inset) + var(--safe-bottom))
    var(--kiosk-action-btn-inset) !important;
  border-radius: var(--radius) !important;
}

html.is-kiosk-display h1 {
  font-size: clamp(32px, 5vw, 64px);
}

html.is-kiosk-display .lead {
  font-size: clamp(18px, 2.4vw, 28px);
}

html.is-kiosk-display .wheel-stage {
  width: var(--kiosk-wheel-size, min(94vw, 1100px));
  height: var(--kiosk-wheel-size, min(94vw, 1100px));
  max-width: 96vw;
  aspect-ratio: 1;
  filter: none !important;
}

html.is-kiosk-display .wheel-stage::before {
  display: none !important;
}

html.is-kiosk-display .wheel {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28) !important;
}

html.is-kiosk-display .screen-wheel .wheel-stage {
  margin: 0 !important;
}

html.is-kiosk-display .screen-wheel .wheel-center {
  font-size: var(--kiosk-wheel-center-font-size, clamp(24px, 4.2cqw, 46px)) !important;
  border-width: clamp(0.35rem, 1.6cqw, 0.55rem) !important;
  line-height: 1.08 !important;
}

html.is-kiosk-display .screen-wheel .wheel-label__chip {
  width: auto !important;
  max-width: none !important;
  min-height: var(--kiosk-wheel-label-height, clamp(2rem, 9cqw, 4.5rem)) !important;
  font-size: var(--kiosk-wheel-label-font-size, clamp(22px, 4.2cqw, 50px)) !important;
  padding: 0.18em 0.5em !important;
  letter-spacing: 0.02rem !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

html.is-kiosk-display .screen-wheel .wheel-label__chip.is-long {
  padding-inline: 0.58em !important;
}

html.is-kiosk-display .screen-wheel .wheel-pointer {
  width: clamp(3rem, 8cqw, 4.5rem) !important;
  height: clamp(3.6rem, 9.5cqw, 5.25rem) !important;
}

/* Koleso šťastia – logo hore, koleso v spodnej časti */
html.is-kiosk-display .screen-wheel {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  height: 100% !important;
  min-height: 0 !important;
  padding:
    calc(0.35rem + var(--safe-top))
    calc(var(--screen-padding-inline) + var(--safe-right))
    calc(0.35rem + var(--safe-bottom))
    calc(var(--screen-padding-inline) + var(--safe-left)) !important;
  gap: 0 !important;
}

html.is-kiosk-display .screen-wheel:has(.game-header) {
  padding-top: calc(0.35rem + var(--safe-top)) !important;
}

html.is-kiosk-display .screen-wheel .game-header {
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  flex-shrink: 0 !important;
  margin: 0 auto !important;
}

html.is-kiosk-display .screen-wheel .game-header .brand-logo,
html.is-kiosk-display .screen-wheel.is-wheel-logo-held .game-header .brand-logo,
html.is-kiosk-display .screen-wheel.is-wheel-logo-growing .game-header .brand-logo,
html.is-kiosk-display .screen-wheel.is-wheel-spinning .game-header .brand-logo {
  height: var(--kiosk-wheel-logo-height, var(--kiosk-logo-height)) !important;
  width: auto !important;
  max-width: var(--kiosk-logo-max-width) !important;
  transform: none !important;
}

html.is-kiosk-display .screen-wheel .screen-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: clamp(1rem, 3.5svh, 3rem) !important;
}

html.is-kiosk-display .screen-wheel .wheel-content {
  width: 100% !important;
  align-items: center !important;
  text-align: center !important;
  gap: clamp(8px, 1.4svh, 18px) !important;
}

html.is-kiosk-display .screen-wheel .wheel-content h1 {
  max-width: none !important;
  font-size: clamp(36px, 5.5vw, 72px) !important;
  margin: 0 !important;
}

html.is-kiosk-display .result-panel h2 {
  font-size: clamp(28px, 4.2vw, 52px);
}

html.is-kiosk-display .prize-image,
html.is-kiosk-display .image-fallback {
  width: var(--kiosk-prize-image-size, min(42vw, 520px));
  max-width: 88vw;
  height: auto;
}

html.is-kiosk-display .screen-prize .prize-result-content .prize-image,
html.is-kiosk-display .screen-prize .prize-result-content .image-fallback {
  width: var(--kiosk-prize-image-size, min(42vw, 520px)) !important;
  max-width: 88vw !important;
  height: auto !important;
}

/* Vypnutie animácií */
html.is-kiosk-display *,
html.is-kiosk-display *::before,
html.is-kiosk-display *::after {
  animation: none !important;
  transition: none !important;
}

html.is-kiosk-display .answers-timer__fill {
  transition: none !important;
}

html.is-kiosk-display .brand-logo,
html.is-kiosk-display .brand-logo img,
html.is-kiosk-display .logo-flight,
html.is-kiosk-display .answer-btn,
html.is-kiosk-display .primary-btn,
html.is-kiosk-display .wheel-rotor,
html.is-kiosk-display .answers-timer__fill {
  will-change: auto !important;
  filter: none !important;
}

html.is-kiosk-display .screen-question.is-content-waiting .game-header .round-pill,
html.is-kiosk-display .screen-question.is-content-waiting .game-header .score-line,
html.is-kiosk-display .screen-question.is-content-waiting .question-title,
html.is-kiosk-display .screen-answers.is-content-waiting .kiosk-answers-top .game-header .round-pill,
html.is-kiosk-display .screen-answers.is-content-waiting .kiosk-answers-top .game-header .score-line,
html.is-kiosk-display .screen-answers.is-content-waiting .kiosk-answers-top .question-title,
html.is-kiosk-display .screen-question.is-timer-waiting .question-timer-block,
html.is-kiosk-display .screen-question.is-timer-waiting .question-footer-btn {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html.is-kiosk-display .kiosk-answers-bottom.is-content-waiting {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.is-kiosk-display .answer-btn.is-dimmed {
  opacity: 0.35 !important;
  transform: none !important;
}

html.is-kiosk-display .answer-btn.is-wrong-pick {
  color: var(--white) !important;
  background: linear-gradient(180deg, var(--red-bright) 0%, var(--red-deep) 100%) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.9) !important;
  transform: none !important;
}

html.is-kiosk-display .answer-btn.is-correct-reveal {
  color: var(--white) !important;
  background: linear-gradient(180deg, var(--green-bright) 0%, var(--green-deep) 100%) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.9) !important;
  transform: none !important;
}

/* Flat shadows on answer buttons — primary-btn handled above */
html.is-kiosk-display .answer-btn {
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22) !important;
}

html.is-kiosk-display .kiosk-answers-top .answers-timer {
  box-shadow: none !important;
}

html.is-kiosk-display .screen-wheel.is-wheel-spinning .wheel-stage::before,
html.is-kiosk-display .screen-wheel.is-wheel-decelerating .wheel-stage::before,
html.is-kiosk-display .screen-wheel.is-wheel-spinning .wheel-center,
html.is-kiosk-display .screen-wheel.is-wheel-decelerating .wheel-center {
  animation: none !important;
  filter: none !important;
}

html.is-kiosk-display .reset-dialog {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: rgba(3, 27, 53, 0.92);
}

/* Výsledok odpovede: fajka / krížik (draw animácia je vypnutá globálne) */
html.is-kiosk-display .success-mark__check,
html.is-kiosk-display .wrong-mark__line {
  stroke-dashoffset: 0 !important;
  opacity: 1 !important;
}

html.is-kiosk-display .success-mark__sparkles {
  display: none !important;
}

html.is-kiosk-display .success-mark,
html.is-kiosk-display .wrong-mark {
  width: var(--kiosk-outcome-mark-size, min(32vw, 26svh, 300px)) !important;
  height: auto !important;
  aspect-ratio: 1 !important;
}

html.is-kiosk-display .success-mark__check,
html.is-kiosk-display .wrong-mark__line {
  stroke-width: 8 !important;
}

/* Výsledok odpovede – logo v toku (nie absolute), bez prekrytia */
html.is-kiosk-display .screen-success,
html.is-kiosk-display .screen-second-chance,
html.is-kiosk-display .screen-end,
html.is-kiosk-display .screen-prize {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  height: 100% !important;
  min-height: 0 !important;
  padding:
    calc(0.35rem + var(--safe-top))
    0
    0
    0 !important;
  gap: 0 !important;
  text-align: center !important;
}

html.is-kiosk-display .screen-success:has(.game-header),
html.is-kiosk-display .screen-second-chance:has(.game-header),
html.is-kiosk-display .screen-end:has(.game-header),
html.is-kiosk-display .screen-prize:has(.game-header) {
  padding-top: calc(0.35rem + var(--safe-top)) !important;
  padding-left: 0 !important;
}

html.is-kiosk-display .screen-success .game-header,
html.is-kiosk-display .screen-second-chance .game-header,
html.is-kiosk-display .screen-end .game-header,
html.is-kiosk-display .screen-prize .game-header {
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  flex-shrink: 0 !important;
  margin: 0 auto !important;
}

html.is-kiosk-display .screen-success .game-header .brand-logo,
html.is-kiosk-display .screen-second-chance .game-header .brand-logo,
html.is-kiosk-display .screen-end .game-header .brand-logo,
html.is-kiosk-display .screen-prize .game-header .brand-logo,
html.is-kiosk-display .screen-prize.is-prize-from-wheel .game-header .brand-logo {
  height: var(--kiosk-logo-height) !important;
  width: auto !important;
  max-width: var(--kiosk-logo-max-width) !important;
  transform: none !important;
}

html.is-kiosk-display .screen-success .screen-body,
html.is-kiosk-display .screen-second-chance .screen-body,
html.is-kiosk-display .screen-end .screen-body,
html.is-kiosk-display .screen-prize .screen-body {
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  align-items: stretch !important;
}

html.is-kiosk-display .outcome-content,
html.is-kiosk-display .success-content,
html.is-kiosk-display .prize-result-content {
  flex: 1 1 auto !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: center !important;
  padding:
    var(--kiosk-outcome-content-offset, clamp(64px, 10svh, 220px))
    clamp(12px, 2.5vw, 28px)
    clamp(12px, 2svh, 24px) !important;
  gap: clamp(20px, 2.8svh, 40px) !important;
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html.is-kiosk-display .screen-success h1,
html.is-kiosk-display .screen-second-chance h1,
html.is-kiosk-display .screen-end h1,
html.is-kiosk-display .screen-prize h1 {
  font-size: var(--kiosk-prize-title-size, var(--kiosk-outcome-title-size, var(--kiosk-intro-title-size))) !important;
  max-width: min(96vw, 1200px) !important;
  width: 100% !important;
  text-wrap: balance;
  overflow: visible !important;
}

html.is-kiosk-display .outcome-content .lead,
html.is-kiosk-display .success-content .lead {
  font-size: var(--kiosk-outcome-lead-size, var(--kiosk-intro-lead-size)) !important;
  max-width: min(94vw, 1100px) !important;
  width: 100% !important;
  padding-inline: clamp(8px, 2vw, 20px) !important;
  line-height: 1.35 !important;
}