/* Playground Phase 5 · Brand Direction
   Creative direction: one GPB competition layer, two game personalities.
   Structure/IA remains owned by Phase 3/4. Status colour remains semantic. */

html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"]{
  --play-brand-competition:var(--gpb-ui-accent,#f20b17);
  --play-brand-grid:#ff7554;
  --play-brand-prediction:#5ca6ff;
  --play-brand-accent:var(--play-brand-competition);
  --play-brand-accent-soft:color-mix(in srgb,var(--play-brand-accent) 10%,transparent);
  --play-brand-accent-line:color-mix(in srgb,var(--play-brand-accent) 40%,var(--gpb-ui-line));
}
html[data-gpb-polish="1"] #app>main[data-gpb-play-section="grid_quiz"]{
  --play-brand-accent:var(--play-brand-grid);
}
html[data-gpb-polish="1"] #app>main[data-gpb-play-section="prediction"]{
  --play-brand-accent:var(--play-brand-prediction);
}

/* Phase 5B final: one Playground header typography rhythm across all sections. */
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"]>.gpb-play-shell-hero :is(
  .v7007g3c-kicker,
  .v7007g3b-admin-kicker
){
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-bottom:8px!important;
}
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"]>.gpb-play-shell-hero .v7007g3c-kicker>.eyebrow,
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"]>.gpb-play-shell-hero .v7007g3b-admin-kicker>.eyebrow,
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"]>.gpb-play-shell-hero>div>.eyebrow{
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.5!important;
  letter-spacing:.12em!important;
}

/* Competition identity: same surfaces, controlled accent only. */
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"]>.gpb-play-shell-hero{
  border-color:var(--play-brand-accent-line)!important;
}
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"]>.gpb-play-shell-hero .v7007g3c-kicker>.eyebrow,
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"]>.gpb-play-shell-hero .v7007g3b-admin-kicker>.eyebrow,
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"]>.gpb-play-shell-hero>div>.eyebrow{
  color:color-mix(in srgb,var(--play-brand-accent) 78%,var(--gpb-ui-text))!important;
}
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"]>[data-v7007g3a-play-subnav] .v525-tab.active{
  border-color:var(--play-brand-accent-line)!important;
  background:var(--play-brand-accent-soft)!important;
  color:var(--gpb-ui-text)!important;
}

/* Overview: the two games are siblings, not two unrelated brands. */
html[data-gpb-polish="1"] .v7007g3c-game[data-v7007g7-game]{
  --play-card-accent:var(--play-brand-competition);
  border-color:color-mix(in srgb,var(--play-card-accent) 44%,var(--gpb-ui-line))!important;
}
html[data-gpb-polish="1"] #app>main .v7007g3c-hero-side{--play-card-accent:var(--play-brand-competition)}
html[data-gpb-polish="1"] #app>main .v7007g3c-game[data-v7007g7-game]{
  border-color:color-mix(in srgb,var(--play-card-accent) 44%,var(--gpb-ui-line))!important;
}
html[data-gpb-polish="1"] .v7007g3c-game[data-v7007g7-game="grid_quiz"]{
  --play-card-accent:var(--play-brand-grid);
  --play-card-bg:url("./grid-quiz-hero-bg.webp?v=2");
}
html[data-gpb-polish="1"] .v7007g3c-game[data-v7007g7-game="prediction"]{
  --play-card-accent:var(--play-brand-prediction);
  --play-card-bg:url("./prediction-hero-bg.webp?v=1");
}
html[data-gpb-polish="1"] #app>main .v7007g3c-game[data-v7007g7-game]{
  background:
    linear-gradient(90deg,rgba(9,11,15,.9) 0%,rgba(9,11,15,.66) 50%,rgba(9,11,15,.3) 100%),
    linear-gradient(180deg,rgba(9,11,15,0) 0%,rgba(9,11,15,.55) 100%),
    var(--play-card-bg) center/cover no-repeat,
    #0f1217!important;
}
html[data-gpb-polish="1"] #app>main .v7007g3c-game[data-v7007g7-game] .v7007g3c-game-copy .v7007g3c-game-lead{
  max-width:42ch;
  color:var(--gpb-ui-text)!important;
  font-size:14px!important;
  line-height:1.45!important;
}
html[data-gpb-polish="1"] #app>main .v7007g3c-game[data-v7007g7-game] .v7007g3c-game-copy .v7007g3c-game-meta{
  margin-top:6px!important;
  color:var(--gpb-ui-muted)!important;
  font-size:12px!important;
}
html[data-gpb-polish="1"] .v7007g3c-game[data-v7007g7-game] .v7007g3c-game-icon{
  border-color:color-mix(in srgb,var(--play-card-accent) 35%,var(--gpb-ui-line))!important;
  background:color-mix(in srgb,var(--play-card-accent) 8%,var(--gpb-ui-media))!important;
  color:color-mix(in srgb,var(--play-card-accent) 82%,white)!important;
}
html[data-gpb-polish="1"] #app>main :is(.v7007g3c-game[data-v7007g7-game],.v7007g3c-hero-side) .v7007g3c-primary:not(:disabled){
  border-color:color-mix(in srgb,var(--play-card-accent) 40%,var(--gpb-ui-line))!important;
  background:color-mix(in srgb,var(--play-card-accent) 10%,rgba(9,11,15,.6))!important;
  color:var(--gpb-ui-text)!important;
}
html[data-gpb-polish="1"] #app>main :is(.v7007g3c-game[data-v7007g7-game],.v7007g3c-hero-side) .v7007g3c-primary:not(:disabled):hover{
  border-color:color-mix(in srgb,var(--play-card-accent) 75%,transparent)!important;
  background:color-mix(in srgb,var(--play-card-accent) 20%,rgba(9,11,15,.6))!important;
  color:var(--gpb-ui-text)!important;
}

/* Game identity: hot Grid Quiz / cool Prediction, without repainting status. */
html[data-gpb-polish="1"] #app>main:is([data-gpb-play-section="grid_quiz"],[data-gpb-play-section="prediction"]) .v7007g6-play-cta.primary:not(:disabled){
  border-color:var(--play-brand-accent-line)!important;
  background:color-mix(in srgb,var(--play-brand-accent) 10%,rgba(9,11,15,.6))!important;
  color:var(--gpb-ui-text)!important;
}
html[data-gpb-polish="1"] #app>main:is([data-gpb-play-section="grid_quiz"],[data-gpb-play-section="prediction"]) .v7007g6-play-cta.primary:not(:disabled):hover{
  border-color:color-mix(in srgb,var(--play-brand-accent) 75%,transparent)!important;
  background:color-mix(in srgb,var(--play-brand-accent) 20%,rgba(9,11,15,.6))!important;
  color:var(--gpb-ui-text)!important;
}

/* Ranking stays the shared competition space. Team colour still owns identity rows. */
html[data-gpb-polish="1"] #app>main[data-gpb-play-section="ranking"] :is(
  .v7007g4-panel-head>.eyebrow,
  .v7007g4-panel-head>div>.eyebrow
){
  color:color-mix(in srgb,var(--play-brand-competition) 72%,var(--gpb-ui-text))!important;
}

/* Phase 5D: Season Calendar is the Race Context master.
   Playground only scales that exact hierarchy proportionally for the compact Hero slot. */
/* Phase 5E: Race 1 / Race 2 are pixel-identical across Overview, Grid Quiz and Prediction. */
html[data-gpb-polish="1"] .v7007g6-overview-hero .v7007g3c-hero-top{
  grid-template-columns:minmax(0,1fr) 460px!important;
}
html[data-gpb-polish="1"] #app>main:is([data-gpb-play-section="grid_quiz"],[data-gpb-play-section="prediction"]) .v7007g3b-hero-head{
  grid-template-columns:minmax(0,1fr) 460px!important;
}


html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"] .v7007g3b-race-context{
  width:460px!important;
  max-width:460px!important;
  justify-self:end!important;
  gap:9px!important;
}
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"] .v7007g3b-race-context-card{
  border:1px solid var(--gpb-ui-line)!important;
  border-radius:12px!important;
  background:var(--gpb-ui-panel)!important;
}
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"] .v7007g3b-race-context-card .v7007d1-race-image{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
}
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"] .v7007g3b-race-context-card .v7007d1-race-copy{
  padding:13px 14px 15px!important;
}
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"] .v7007g3b-race-context-card .v7007d1-race-meta{
  margin:0!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"] .v7007g3b-race-context-card h3{
  margin:8px 0 0!important;
  font-size:21px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"] .v7007g3b-race-context-card p{
  margin:3px 0 0!important;
  font-size:10px!important;
}
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"] .v7007g3b-race-context-card .v7007d1-race-state{
  top:10px!important;
  right:10px!important;
  padding:5px 7px!important;
  border:0!important;
  border-radius:7px!important;
  background:rgba(15,18,24,.88)!important;
  color:var(--gpb-ui-data)!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"] .v7007g3b-race-context-card .v7007d1-race-meta-state{
  color:var(--gpb-ui-muted)!important;
}

/* Phase 5B final: Playground secondary actions reuse the Paddock "Zu allen News" action primitive. */
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"] .v7007g7-playground-cta:not(:disabled){
  border-color:var(--play-brand-accent-line)!important;
  background:#15191f!important;
  color:var(--gpb-ui-text)!important;
  box-shadow:none!important;
}
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"] .v7007g7-playground-cta:not(:disabled) .v7007g2-season-cta-arrow{
  color:var(--play-brand-accent)!important;
}
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"] .v7007g7-playground-cta:not(:disabled):hover{
  border-color:var(--play-brand-accent)!important;
  background:#1b2027!important;
}
html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"] .v7007g7-playground-cta:not(:disabled):hover .v7007g2-season-cta-arrow{
  transform:translateX(2px)!important;
}

/* Eyebrows are the controlled game-personality carrier. */
html[data-gpb-polish="1"] #app>main:is([data-gpb-play-section="grid_quiz"],[data-gpb-play-section="prediction"]) :is(
  .v7007g3b-admin-kicker>.eyebrow,
  .v7007g6-play-zone .eyebrow,
  .v7007g3b-ranking .panel-head .eyebrow,
  .v7007g3b-records .panel-head .eyebrow
){
  color:var(--play-brand-accent)!important;
}
html[data-gpb-polish="1"] .v7007g3c-game[data-v7007g7-game] .v7007g3c-game-copy>.eyebrow{
  color:var(--play-card-accent)!important;
}

/* Status is semantic and never inherits a game's personality colour. */
html[data-gpb-polish="1"] #app :is(
  .v7007g3b-admin-status.ready,
  .v7007g3b-admin-status.complete,
  .v7007g3b-admin-status.evaluated
),
html[data-gpb-polish="1"] #app .v7007g3c-game:is(.ready,.complete,.evaluated) .v7007g3c-status,
html[data-gpb-polish="1"] #app .v560-edit-badge:is(.v7007-status-ready,.v7007-status-complete,.v7007-status-evaluated){
  border-color:color-mix(in srgb,var(--gpb-ui-good) 38%,var(--gpb-ui-line))!important;
  background:color-mix(in srgb,var(--gpb-ui-good) 10%,var(--gpb-ui-surface))!important;
  color:var(--gpb-ui-good)!important;
}
html[data-gpb-polish="1"] #app :is(
  .v7007g3b-admin-status.progress,
  .v7007g3c-game.progress .v7007g3c-status,
  .v560-edit-badge.v7007-status-progress
){
  border-color:color-mix(in srgb,var(--gpb-ui-warn) 38%,var(--gpb-ui-line))!important;
  background:color-mix(in srgb,var(--gpb-ui-warn) 10%,var(--gpb-ui-surface))!important;
  color:var(--gpb-ui-warn)!important;
}
html[data-gpb-polish="1"] #app :is(
  .v7007g3b-admin-status.pending,
  .v7007g3b-admin-status.inactive,
  .v7007g3c-game.pending .v7007g3c-status,
  .v7007g3c-game.inactive .v7007g3c-status,
  .v560-edit-badge.v7007-status-pending,
  .v560-edit-badge.v7007-status-inactive
){
  border-color:var(--gpb-ui-line-strong)!important;
  background:var(--gpb-ui-surface)!important;
  color:var(--gpb-ui-muted)!important;
}
html[data-gpb-polish="1"] #app .v7007g3c-round-state.open{
  border-color:color-mix(in srgb,var(--gpb-ui-good) 34%,var(--gpb-ui-line))!important;
  background:color-mix(in srgb,var(--gpb-ui-good) 8%,var(--gpb-ui-surface))!important;
  color:var(--gpb-ui-good)!important;
}
html[data-gpb-polish="1"] #app .v7007g3c-round-state.yellow,
html[data-gpb-polish="1"] #app :is(.v640-yellow-flag,.v560-edit-badge.v640-yellow){
  border-color:color-mix(in srgb,var(--gpb-ui-warn) 38%,var(--gpb-ui-line))!important;
  background:color-mix(in srgb,var(--gpb-ui-warn) 9%,var(--gpb-ui-surface))!important;
  color:var(--gpb-ui-warn)!important;
}
html[data-gpb-polish="1"] #app .v7007g3c-round-state:is(.locked,.published,.upcoming){
  border-color:var(--gpb-ui-line-strong)!important;
  background:var(--gpb-ui-surface)!important;
  color:var(--gpb-ui-data)!important;
}

/* Accessibility/focus follows identity only for active game actions; status stays semantic. */
html[data-gpb-polish="1"] #app>main:is([data-gpb-play-section="grid_quiz"],[data-gpb-play-section="prediction"]) .v7007g6-play-cta:focus-visible{
  outline:2px solid var(--play-brand-accent)!important;
  outline-offset:3px!important;
}
html[data-gpb-polish="1"] #app>main :is(.v7007g3c-game[data-v7007g7-game],.v7007g3c-hero-side) .v7007g3c-primary:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:3px!important;
}


@media(max-width:960px){
  html[data-gpb-polish="1"] .v7007g6-overview-hero .v7007g3c-hero-top,
  html[data-gpb-polish="1"] #app>main:is([data-gpb-play-section="grid_quiz"],[data-gpb-play-section="prediction"]) .v7007g3b-hero-head{
    grid-template-columns:1fr!important;
  }
  html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"] .v7007g3b-race-context{
    width:min(100%,460px)!important;
    max-width:460px!important;
    justify-self:end!important;
  }
}
@media(max-width:520px){
  html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"] .v7007g3b-race-context{
    width:100%!important;
    max-width:none!important;
    justify-self:stretch!important;
  }
}

/* Pending results wait in yellow – header badge and play-zone badge share one look. */
html[data-gpb-polish="1"] #app>main .v7007g6-play-zone-kicker .v7007g3b-admin-status{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:3px 7px!important;
  border:1px solid var(--gpb-ui-line-strong)!important;
  border-radius:7px!important;
  background:var(--gpb-ui-surface)!important;
  color:var(--gpb-ui-muted)!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.04em!important
}
html[data-gpb-polish="1"] #app>main :is(.v7007g3b-admin-game-hero,.v7007g6-play-zone-kicker) .v7007g3b-admin-status:is(.pending,.progress),
html[data-gpb-polish="1"] #app .v7007g3c-game.pending .v7007g3c-status{
  border-color:color-mix(in srgb,var(--gpb-ui-warn) 38%,var(--gpb-ui-line))!important;
  background:color-mix(in srgb,var(--gpb-ui-warn) 10%,var(--gpb-ui-surface))!important;
  color:var(--gpb-ui-warn)!important;
}

/* Grid Quiz game screen: orange accent, readable labels, centred stage. Look only. */
html[data-gpb-polish-preview="1"] #app>.game-shell{
  --play-brand-accent:#ff7554;
  --play-brand-accent-soft:color-mix(in srgb,#ff7554 14%,transparent);
  --play-brand-accent-line:color-mix(in srgb,#ff7554 50%,transparent);
}
html[data-gpb-polish-preview="1"] #app .question-stage{
  min-height:calc(100dvh - 40px)!important;
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  padding:32px 16px 48px!important;
  box-sizing:border-box!important;
}
html[data-gpb-polish-preview="1"] #app .question-stage>.question-card{
  width:100%!important;
  max-width:880px!important;
}
html[data-gpb-polish-preview="1"] #app .question-card .game-brand span{font-size:12px!important;letter-spacing:.08em!important}
html[data-gpb-polish-preview="1"] #app .question-card .abort-run{font-size:11px!important;min-height:32px!important;padding:0 12px!important}
html[data-gpb-polish-preview="1"] #app .question-card .progress>div{background:var(--play-brand-accent)!important;background-image:none!important}
html[data-gpb-polish-preview="1"] #app .question-card .game-meta span{font-size:11px!important;color:#aab2bf!important;letter-spacing:.08em!important}
html[data-gpb-polish-preview="1"] #app .question-card .game-meta b{color:var(--gpb-ui-text,#fff)!important}
html[data-gpb-polish-preview="1"] #app .question-card .question-tags span{font-size:12px!important}
html[data-gpb-polish-preview="1"] #app .question-card .pressure-copy span{font-size:12px!important;color:#aab2bf!important;letter-spacing:.06em!important}
html[data-gpb-polish-preview="1"] #app .question-card #livePoints{color:var(--play-brand-accent)!important;border-color:var(--play-brand-accent-line)!important;background:var(--play-brand-accent-soft)!important}
html[data-gpb-polish-preview="1"] #app .question-card .countdown-track>div{background:linear-gradient(90deg,#ff7554,#ffa27f)!important}
html[data-gpb-polish-preview="1"] #app .question-card .point-step{font-size:12px!important;min-height:26px!important;color:#9aa3b0!important}
html[data-gpb-polish-preview="1"] #app .question-card .point-step.current{
  color:#fff!important;
  background:var(--play-brand-accent-soft)!important;
  border-color:var(--play-brand-accent-line)!important;
}
html[data-gpb-polish-preview="1"] #app .question-stage .answers{gap:10px!important}
html[data-gpb-polish-preview="1"] #app .question-stage .answers>.answer{min-height:76px!important;font-size:16px!important;transition:border-color .15s,background-color .15s!important}
html[data-gpb-polish-preview="1"] #app .question-stage .answers>.answer>span{width:34px!important;height:34px!important;font-size:13px!important}
html[data-gpb-polish-preview="1"] #app .question-stage .answers>.answer:not(:disabled):hover{border-color:var(--play-brand-accent)!important;background:#1d1a19!important}
html[data-gpb-polish-preview="1"] #app .question-stage .answers>.answer:focus-visible{outline-color:var(--play-brand-accent)!important}
html[data-gpb-polish-preview="1"] #app .question-stage .feedback{font-size:13px!important;color:#9aa3b0!important;text-align:center!important;border:0!important;background:transparent!important}

/* Grid Quiz game window: dimmed page behind, hero image in the header, no logo. Look only. */
html[data-gpb-polish-preview="1"] .gpb-quiz-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#08090c;}
html[data-gpb-polish-preview="1"] .gpb-quiz-backdrop-page{filter:blur(6px);}
html[data-gpb-polish-preview="1"]:not(:has(#app .game-shell)) .gpb-quiz-backdrop{display:none!important;}
html[data-gpb-polish-preview="1"] .gpb-quiz-backdrop::after{content:"";position:absolute;inset:0;background:rgba(6,8,11,.68);}
html[data-gpb-polish-preview="1"] #app:has(>.game-shell){position:relative;z-index:1;}
html[data-gpb-polish-preview="1"] #app>.game-shell{background:transparent!important;}
html[data-gpb-polish-preview="1"] #app .question-stage>.question-card{overflow:hidden!important;padding:26px 34px 30px!important;border-radius:20px!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 30px 80px rgba(0,0,0,.6)!important;}
html[data-gpb-polish-preview="1"] #app .question-card>.game-top{position:relative!important;margin:-26px -34px 22px!important;padding:20px 34px 18px!important;background:
    linear-gradient(90deg,rgba(9,11,15,.9) 0%,rgba(9,11,15,.66) 50%,rgba(9,11,15,.3) 100%),
    linear-gradient(180deg,rgba(9,11,15,0) 0%,rgba(9,11,15,.55) 100%),
    url("./grid-quiz-hero-bg.webp?v=2") center/cover no-repeat,
    #0f1217!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:1px solid rgba(255,255,255,.1)!important;}
html[data-gpb-polish-preview="1"] #app .game-brand img{display:none!important;}
@media(max-width:600px){
  html[data-gpb-polish-preview="1"] #app .question-stage>.question-card{padding:20px 16px 24px!important;}
  html[data-gpb-polish-preview="1"] #app .question-card>.game-top{margin:-20px -16px 18px!important;padding:16px 16px 14px!important;}
}

/* Closed round: same red as the admin .badge, next to PLAYZONE. Look only. */
html[data-gpb-polish="1"] #app>main .v7007g6-play-zone-kicker .v7007g3b-admin-status.closed{border-color:rgba(229,37,53,.45)!important;background:rgba(229,37,53,.12)!important;color:#ff8b95!important;}

/* Playzone phone view. Desktop untouched. */
html[data-gpb-polish="1"] .v7007g4-short{display:none}
@media(max-width:640px){
  html[data-gpb-polish="1"] .gpb-emo{display:none}
  /* Tabs: one sticky row at the top of every Playzone page. */
  /* Hero: title, one line, compact facts. */
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero{padding:16px!important;gap:12px!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-hero-head{gap:12px!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero h1{font-size:26px!important;line-height:1.1!important;margin:4px 0 6px!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-hero-copy>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0!important;font-size:14px!important;line-height:1.45!important;color:#b8c0cc!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3c-hero-brand{display:none!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g6-overview-round{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;margin-top:12px!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g6-overview-round-stat{min-width:0;padding:8px 9px!important;gap:2px!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g6-overview-round-stat b{font-size:13px!important;line-height:1.2!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g6-overview-round-stat span{font-size:11px!important;line-height:1.3!important}
  /* Races: two small tiles side by side, fixed image ratio. */
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-race-context.double{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-race-context-card{min-width:0;min-height:0!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-race-context-card .v7007d1-race-image{aspect-ratio:16/9;height:auto!important;min-height:0!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-race-context-card .v7007d1-race-image img{width:100%;height:100%!important;object-fit:cover}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-race-context-card .v7007d1-race-copy{padding:8px 9px 9px!important;gap:2px!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-race-context-card h3{font-size:13px!important;line-height:1.25!important;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-race-context-card .v7007d1-race-meta{font-size:10px!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-race-context-card p{display:none!important}
  /* Chips + deadline as slim lines. */
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-admin-summary{gap:8px!important;padding:0!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-hero-chips{display:flex!important;flex-wrap:wrap;gap:6px!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-hero-chips span{min-height:26px;padding:4px 9px!important;font-size:11.5px!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-admin-timing{display:flex!important;align-items:center;justify-content:space-between;gap:10px!important;padding:8px 10px!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-admin-countdown{display:flex!important;gap:8px!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-admin-countdown span{min-width:0!important;padding:0!important;background:none!important;border:0!important}
  /* Ranking: full-width names, short form, slimmer points. */
  html[data-gpb-polish="1"] .v7007g4-row{grid-template-columns:34px minmax(0,1fr) auto 24px!important;gap:8px!important}
  html[data-gpb-polish="1"] .v7007g4-row .v7007g4-short{letter-spacing:.06em}
  html[data-gpb-polish="1"] .v7007g4-row .v7007d1-standing-score{min-width:56px}
  html[data-gpb-polish="1"] .v7007g4-row .gpb-ui-identity-copy>b:not(.v7007g4-short){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  html[data-gpb-polish="1"] .v7007g4-row .gpb-ui-identity-copy>.v7007g4-short{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html[data-gpb-polish="1"] .v7007g4-controls.v7007g4-controls{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:10px!important}
  html[data-gpb-polish="1"] .v7007g4-controls label{min-width:0;gap:4px!important}
  html[data-gpb-polish="1"] .v7007g4-controls label>span{font-size:9.5px!important}
  html[data-gpb-polish="1"] .v7007g4-controls .gpb-combobox-input{min-height:44px;padding-left:9px!important;padding-right:24px!important;font-size:13px!important;text-overflow:ellipsis}
}
@media(max-width:640px){
  html[data-gpb-polish="1"] .v7007g3c-game-icon{display:none!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007d1-race-meta>span:not(.v7007d1-race-meta-state){display:none}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007d1-race-meta{justify-content:flex-start}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g6-overview-round-stat{background:rgba(12,14,18,.72)}
}
@media(max-width:640px){
  html[data-gpb-polish="1"] .v7007g4-leader-medal{display:none!important}
}

/* Playzone phone view v2: bottom tab bar, compact cards, readable heroes. */
@media(max-width:640px){
  /* Playzone tabs: sticky at the top, same look as desktop. */
  html[data-gpb-polish="1"] #app [data-v7007g3a-play-subnav].v525-tabs.v525-tabs{position:sticky!important;top:0!important;bottom:auto!important;z-index:60!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;width:auto!important;max-width:none!important;margin:0!important;padding:4px!important;border:1px solid var(--gpb-ui-line,rgba(255,255,255,.09))!important;border-radius:10px!important;background:rgba(15,18,23,.94)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 20px rgba(0,0,0,.45)!important;transform:none!important}
  html[data-gpb-polish="1"] #app [data-v7007g3a-play-subnav].v525-tabs.v525-tabs>.v525-tab.v525-tab{display:flex!important;align-items:center;justify-content:center;min-width:0!important;min-height:44px!important;padding:0 4px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;color:#9aa3af!important;font-size:12px!important;font-weight:700!important;line-height:1.1!important;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,color .12s ease}
  html[data-gpb-polish="1"] #app [data-v7007g3a-play-subnav].v525-tabs.v525-tabs>.v525-tab.v525-tab.active{border-color:var(--play-brand-accent-line)!important;background:var(--play-brand-accent-soft)!important;color:var(--gpb-ui-text,#f7f8fa)!important}
  html[data-gpb-polish="1"] #app [data-v7007g3a-play-subnav].v525-tabs.v525-tabs>.v525-tab.v525-tab:active{background:rgba(255,255,255,.07)!important}
  html[data-gpb-polish="1"] #app [data-v7007g3a-play-subnav].v525-tabs.v525-tabs>.v525-tab.v525-tab:focus-visible{outline:2px solid var(--gpb-ui-accent,#f20b17);outline-offset:-2px}

  /* Tap feedback, no layout shift. */
  html[data-gpb-polish="1"] #app :is(button,a,[role="button"],.v7007d1-standing-row,.v7007g4-row){-webkit-tap-highlight-color:transparent}
  html[data-gpb-polish="1"] #app :is(button,a,[role="button"]):not(.v525-tab):not(:disabled){transition:transform 120ms ease-out}html[data-gpb-polish="1"] #app :is(button,a,[role="button"]):not(.v525-tab):not(:disabled):active{transform:scale(.97)}html[data-gpb-polish="1"] #app :is(.v7007d1-standing-row,.v7007g4-row):active{background-color:rgba(255,255,255,.06)!important}

  /* 8px rhythm. */
  html[data-gpb-polish="1"] #app>main[data-gpb-play-shell="1"]{--gpb-play-shell-pad-y:16px;--gpb-play-shell-pad-x:16px;gap:16px!important}

  /* Hero: dark scrim so text stays readable on the image. */
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero,html[data-gpb-polish="1"] #app .v560-prediction-hero{isolation:isolate}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero::before,html[data-gpb-polish="1"] #app .v560-prediction-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,rgba(9,11,15,.9) 0%,rgba(9,11,15,.66) 50%,rgba(9,11,15,.3) 100%),linear-gradient(180deg,rgba(9,11,15,0) 0%,rgba(9,11,15,.55) 100%)}

  /* Deadline above, countdown below, nothing cut. */
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-admin-timing{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:12px!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-admin-deadline{display:flex!important;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-admin-deadline small{font-size:11px!important;letter-spacing:.06em}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-admin-deadline b{font-size:14px!important;white-space:nowrap;overflow:visible!important;text-overflow:clip!important;max-width:none!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-admin-countdown{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-admin-countdown span{display:flex!important;flex-direction:column;align-items:center;gap:2px;padding:8px 0!important;border-radius:8px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-admin-countdown b{font-size:18px!important;line-height:1.1;font-variant-numeric:tabular-nums}
  html[data-gpb-polish="1"] #app>main>.gpb-play-shell-hero .v7007g3b-admin-countdown small{font-size:10px!important;letter-spacing:.06em}

  /* Grid Quiz: flatter panels, compact records. */
  html[data-gpb-polish="1"] #app .v7007g3b-competition-grid{gap:16px!important}
  html[data-gpb-polish="1"] #app .v7007g3b-competition-grid>article{padding:16px!important}
  html[data-gpb-polish="1"] #app .v7007g3b-records .v7007g3b-record-list{gap:8px!important}
  html[data-gpb-polish="1"] #app .v7007g3b-records .v7007g3b-record{display:grid!important;gap:8px!important;padding:12px!important;min-height:0!important}
  html[data-gpb-polish="1"] #app .v7007g3b-records .v7007g3b-record-meta{display:flex!important;justify-content:space-between;gap:8px;margin:0!important}
  html[data-gpb-polish="1"] #app .v7007g3b-records .v7007g3b-record-body{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center;gap:12px!important;margin:0!important}
  html[data-gpb-polish="1"] #app .v7007g3b-records .v7007g3b-record-body .rank-score b{font-size:22px!important;line-height:1}
  html[data-gpb-polish="1"] #app .v7007g3b-records .v7007g3b-record-person{min-height:44px;padding:4px 8px!important;gap:8px!important}
  html[data-gpb-polish="1"] #app .v7007g3b-records .v7007g3b-record-person img{width:28px!important;height:28px!important}

  /* Overview: compact game cards. */
  html[data-gpb-polish="1"] #app .v7007g3c-games{gap:16px!important}
  html[data-gpb-polish="1"] #app .v7007g3c-game.v7007g3c-game{padding:16px!important;gap:12px!important;min-height:0!important}
  html[data-gpb-polish="1"] #app .v7007g3c-game h2{font-size:20px!important;margin:0!important}
  html[data-gpb-polish="1"] #app .v7007g3c-game p{margin:0!important}
  html[data-gpb-polish="1"] #app .v7007g3c-game .v7007g6-game-stats{gap:8px!important}
  html[data-gpb-polish="1"] #app .v7007g3c-game .v7007g6-game-stats>span{padding:8px 12px!important;min-height:0!important}

  /* Ranking: leaders as one compact list. */
  html[data-gpb-polish="1"] #app .v7007g4-leader-cards.v7007g4-leader-cards{display:grid!important;grid-template-columns:1fr!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;overflow:visible!important;scroll-snap-type:none!important;gap:8px!important;padding:0!important;margin:0!important}
  html[data-gpb-polish="1"] #app .v7007g4-leader-card.v7007g4-leader-card{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center;gap:12px!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:0!important;height:auto!important;padding:8px 12px 8px 8px!important}
  html[data-gpb-polish="1"] #app .v7007g4-leader-card .v7007g4-leader-image{position:relative!important;width:48px!important;height:48px!important;min-height:0!important;border-radius:10px!important;overflow:hidden}
  html[data-gpb-polish="1"] #app .v7007g4-leader-card .v7007g4-leader-image img{width:100%!important;height:100%!important;object-fit:cover}
  html[data-gpb-polish="1"] #app .v7007g4-leader-card .v7007g4-leader-copy{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"meta points" "person points";align-items:center;gap:2px 12px!important;padding:0!important;min-width:0;background:none!important}
  html[data-gpb-polish="1"] #app .v7007g4-leader-card .v7007g4-leader-meta{grid-area:meta;margin:0!important;font-size:11px!important}
  html[data-gpb-polish="1"] #app .v7007g4-leader-card .v7007g4-leader-person{grid-area:person;min-width:0;margin:0!important}
  html[data-gpb-polish="1"] #app .v7007g4-leader-card .v7007g4-leader-person h3{font-size:15px!important;line-height:1.25!important;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html[data-gpb-polish="1"] #app .v7007g4-leader-card .v7007g4-leader-teamline::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--team-accent,#9aa3af);vertical-align:1px}
  html[data-gpb-polish="1"] #app .v7007g4-leader-card .v7007g4-leader-teamline{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px!important}
  html[data-gpb-polish="1"] #app .v7007g4-leader-card .v7007g4-leader-points{grid-area:points;margin:0!important;text-align:right;white-space:nowrap}
  html[data-gpb-polish="1"] #app .v7007g4-leader-card.v7007g4-stats-card{grid-template-columns:1fr!important;padding:12px!important}
  html[data-gpb-polish="1"] #app .v7007g4-stats-card .v7007g4-stats-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html[data-gpb-polish="1"] #app .v7007g4-stats-card .v7007g4-stats-grid>span{padding:8px 12px!important;min-width:0}
  html[data-gpb-polish="1"] #app .v7007g4-stats-card.v7007g4-stats-card .v7007g4-leader-copy{display:flex!important;flex-direction:column;gap:8px!important}
  html[data-gpb-polish="1"] #app .v7007g4-stats-card .v7007g4-stats-grid.v7007g4-stats-grid>span{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;border:1px solid var(--gpb-ui-line,rgba(255,255,255,.09));border-radius:10px}
  html[data-gpb-polish="1"] #app .v7007g4-stats-card .v7007g4-stats-grid small{font-size:10px}
  html[data-gpb-polish="1"] #app .v7007g4-stats-card .v7007g4-stats-grid b{max-width:100%}

  /* Ranking filters: two per row, Zeitraum full width. */
  html[data-gpb-polish="1"] #app .v7007g4-controls.v7007g4-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  html[data-gpb-polish="1"] #app .v7007g4-controls.v7007g4-controls>label:nth-child(3){grid-column:1/-1}

  /* Auswertung: full width, header on one line. */
  html[data-gpb-polish="1"] #app .game-shell .question-stage{padding:12px 12px 16px!important}
  html[data-gpb-polish="1"] #app .game-shell .question-stage>.question-card{width:auto!important;max-width:none!important;margin:0!important}
  html[data-gpb-polish="1"] #app .game-shell .game-top .game-brand{min-width:0}
  html[data-gpb-polish="1"] #app .game-shell .game-top .game-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:640px){html[data-gpb-polish="1"] #app :is(.v7007g6-play,.v7007g3b-ranking-all,[data-round-review]){min-height:44px}}

/* Grid Quiz Fragebildschirm: Etiketten, schmale Zeit-/Punkteleiste, dann Frage und Antworten direkt untereinander. */
html[data-gpb-polish-preview="1"] #app .question-stage>.question-card{position:relative!important;display:flex!important;flex-direction:column!important}
html[data-gpb-polish-preview="1"] #app .question-card>.game-top{order:0}
html[data-gpb-polish-preview="1"] #app .question-card>.question-tags{order:1}
html[data-gpb-polish-preview="1"] #app .question-card>.question-pressure{order:2}
html[data-gpb-polish-preview="1"] #app .question-card>.v543-question-title{order:3;margin:6px 0 18px!important}
html[data-gpb-polish-preview="1"] #app .question-card>.answers{order:4}
html[data-gpb-polish-preview="1"] #app .question-card>.feedback{order:5}
html[data-gpb-polish-preview="1"] #app .question-card>.question-pressure{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;margin:12px 0 10px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;min-height:0!important}
html[data-gpb-polish-preview="1"] #app .question-card .question-pressure .pressure-copy{display:contents!important}
html[data-gpb-polish-preview="1"] #app .question-card .question-pressure .pressure-copy>span:first-child{grid-column:1}
html[data-gpb-polish-preview="1"] #app .question-card .question-pressure .pressure-copy>span:last-child{grid-column:2;justify-self:end}
html[data-gpb-polish-preview="1"] #app .question-card .question-pressure .countdown-track{grid-column:1/-1;height:4px!important;margin:0!important;border-radius:4px!important}
html[data-gpb-polish-preview="1"] #app .question-card .question-pressure .points-scale{display:none!important}
html[data-gpb-polish-preview="1"] #app .question-card .question-pressure .read-phase-banner{grid-column:1;display:flex!important;align-items:baseline;gap:8px;margin:0!important;padding:0!important;border:0!important;background:none!important;font-size:12px!important;letter-spacing:.06em;color:#aab2bf}
html[data-gpb-polish-preview="1"] #app .question-card .question-pressure .read-phase-banner small{display:none!important}
html[data-gpb-polish-preview="1"] #app .question-card .question-pressure .read-phase-banner b{color:var(--gpb-ui-text,#fff)}
html[data-gpb-polish-preview="1"] #app .question-card .question-pressure.v12-reading .pressure-copy>span:first-child{display:none!important}

/* Intro: Kategorie und Saison groß, danach fliegt die Karte in die Etiketten. */
html[data-gpb-polish="1"] #app .question-card>*:not(.gq-intro){transition:opacity .35s ease}
html[data-gpb-polish="1"] #app .question-card.gq-intro-on>*:not(.gq-intro):not(.game-top){opacity:0}
html[data-gpb-polish="1"] #app .question-card>.gq-intro{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:16px;background:rgba(9,11,15,.78);transition:background-color .45s ease;animation:gq-intro-in .35s ease-out both}
html[data-gpb-polish="1"] #app .question-card>.gq-intro.gq-intro-leave{background:rgba(9,11,15,0)}
html[data-gpb-polish="1"] #app .gq-intro-chip{display:grid;justify-items:center;gap:8px;max-width:100%;padding:24px 30px;border:1px solid var(--play-brand-accent-line,rgba(255,117,84,.45));border-radius:18px;background:#14171c;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.45)}
html[data-gpb-polish="1"] #app .gq-intro-icon{font-size:46px;line-height:1}
html[data-gpb-polish="1"] #app .gq-intro-chip b{font-size:26px;line-height:1.1;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gpb-ui-text,#fff);overflow-wrap:anywhere}
html[data-gpb-polish="1"] #app .gq-intro-chip small{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--play-brand-accent,#ff7554)}
@keyframes gq-intro-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html[data-gpb-polish="1"] #app .question-card>.gq-intro{animation:none}html[data-gpb-polish="1"] #app .question-card>*:not(.gq-intro){transition:none}}

/* Grid Quiz Druckphase: letzte 2,5 s rot, Punkte pulsieren beim Absinken. */
html[data-gpb-polish-preview="1"] #app .question-card .question-pressure.danger-zone .countdown-track>div{background:#ff3b3b!important}
html[data-gpb-polish-preview="1"] #app .question-card .question-pressure.danger-zone #questionSeconds{color:#ff5a5a!important}
html[data-gpb-polish-preview="1"] #app .question-card #livePoints.gq-drop{animation:gq-drop .45s ease-out}
@keyframes gq-drop{0%{transform:scale(1.28)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){html[data-gpb-polish-preview="1"] #app .question-card #livePoints.gq-drop{animation:none}}

/* Admin-Test-Etikett als eigene Zeile im Quiz-Kopf statt über den Knöpfen. */
html[data-gpb-polish="1"] #app .game-shell .game-top .admin-test-badge{position:static!important;grid-column:1/-1;justify-self:start;align-self:start;width:max-content;max-width:100%;margin:6px 0 2px!important}
html[data-gpb-polish-preview="1"] #app .question-card #livePoints{display:inline-block}

/* Eigene Kategorie-Symbole (Liniensymbole statt Emojis). */
.gq-ico{width:1.15em;height:1.15em;vertical-align:-.2em;flex:0 0 auto}
html[data-gpb-polish-preview="1"] #app .question-card .v543-question-type{display:inline-flex!important;align-items:center;gap:6px}
html[data-gpb-polish="1"] #app .question-card .v543-question-type .gq-ico{color:var(--play-brand-accent,#ff7554)}
html[data-gpb-polish="1"] #app .gq-intro-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:1px solid var(--play-brand-accent-line,rgba(255,117,84,.45));background:var(--play-brand-accent-soft,rgba(255,117,84,.12));color:var(--play-brand-accent,#ff7554);font-size:30px}
html[data-gpb-polish="1"] #app .gq-intro-icon .gq-ico{width:1em;height:1em;vertical-align:0}

/* Spiel-Intro vor Frage 1: Titel, Regeln, Startampel. */
html[data-gpb-polish="1"] #app .question-card>.gq-start{position:absolute;inset:0;z-index:7;display:grid;place-items:center;padding:20px 16px;background:#0b0d11;animation:gq-intro-in .4s ease-out both}
html[data-gpb-polish="1"] #app .gq-start-inner{display:grid;justify-items:center;gap:14px;max-width:420px;text-align:center}
html[data-gpb-polish="1"] #app .gq-start-inner>small{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--play-brand-accent,#ff7554)}
html[data-gpb-polish="1"] #app .gq-start-inner>b{font-size:40px;line-height:1;font-weight:900;letter-spacing:.02em;text-transform:uppercase;color:var(--gpb-ui-text,#fff)}
html[data-gpb-polish="1"] #app .gq-start-rules{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0 8px;padding:0;list-style:none}
html[data-gpb-polish="1"] #app .gq-start-rules li{padding:5px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#c9d0da}
html[data-gpb-polish="1"] #app .gq-lights{display:flex;gap:10px;padding:12px 14px;border-radius:14px;background:#050608;border:1px solid rgba(255,255,255,.08)}
html[data-gpb-polish="1"] #app .gq-lights i{width:30px;height:30px;border-radius:50%;background:#1b1e24;box-shadow:inset 0 2px 4px rgba(0,0,0,.6);transition:background-color .12s,box-shadow .12s}
html[data-gpb-polish="1"] #app .gq-lights i.on{background:#ff2a2a;box-shadow:0 0 14px rgba(255,42,42,.85),inset 0 -2px 4px rgba(0,0,0,.35)}
html[data-gpb-polish="1"] #app .gq-start-out .gq-lights i{background:#1b1e24!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.6)!important}
html[data-gpb-polish="1"] #app .gq-go{font-style:normal;font-size:22px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--gpb-ui-text,#fff);opacity:0;transform:scale(.9);transition:opacity .2s,transform .25s}
html[data-gpb-polish="1"] #app .gq-start-out .gq-go{opacity:1;transform:none}
@media (max-width:380px){html[data-gpb-polish="1"] #app .gq-lights i{width:24px;height:24px}html[data-gpb-polish="1"] #app .gq-start-inner>b{font-size:32px}}

/* Kategorie-Modal mit fester Größe, unabhängig von der Länge der Kategorie. */
html[data-gpb-polish="1"] #app .gq-intro-chip{box-sizing:border-box;width:min(300px,100%);height:232px;align-content:center;padding:20px 18px}
html[data-gpb-polish="1"] #app .gq-intro-chip b{font-size:22px;line-height:1.15;max-width:100%;text-wrap:balance}

/* Zweizeilige Antworten (Teamduell): Team klein oben, Paarung darunter. */
.gq-opt{display:grid;gap:3px;flex:1 1 auto;min-width:0;font-style:normal;text-align:left}
.gq-opt small{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.gq-opt b{font-weight:inherit}
.gq-opt.gq-opt-logo{display:flex;align-items:center;gap:10px}
.gq-opt-logo img{width:26px;height:26px;object-fit:contain;flex:0 0 26px}
html[data-gpb-polish="1"] #app .question-stage>.question-card{position:relative}

/* Grid Quiz auf dem Handy: alles ohne Scrollen sichtbar. Größen fließen mit der sichtbaren Höhe (dvh),
   damit kleine (iPhone SE) und große Handys gleichermaßen passen. */
@media (max-width:560px){
  html[data-gpb-polish-preview="1"] #app .game-shell .question-stage{padding:clamp(4px,1dvh,10px) 8px!important;align-content:start!important;min-height:0!important}
  html[data-gpb-polish-preview="1"] #app .question-stage>.question-card{padding:clamp(8px,1.6dvh,14px) 12px!important;border-radius:16px!important}
  html[data-gpb-polish-preview="1"] #app .question-card>.game-top{margin:calc(-1*clamp(8px,1.6dvh,14px)) -12px clamp(6px,1.4dvh,12px)!important;padding:clamp(6px,1.4dvh,12px) 12px clamp(6px,1.2dvh,10px)!important}
  html[data-gpb-polish-preview="1"] #app .question-card .abort-run{min-height:28px!important}
  html[data-gpb-polish-preview="1"] #app .question-card .game-top .progress{margin:clamp(3px,0.8dvh,8px) 0 0!important}
  html[data-gpb-polish-preview="1"] #app .question-card .game-top .game-meta{margin-top:clamp(3px,0.8dvh,8px)!important}
  html[data-gpb-polish-preview="1"] #app .question-card>.question-pressure{margin:clamp(4px,1.2dvh,10px) 0 clamp(2px,0.8dvh,8px)!important}
  html[data-gpb-polish-preview="1"] #app .question-card>.v543-question-title{font-size:clamp(18px,3.4dvh,26px)!important;line-height:1.2!important;margin:clamp(2px,0.6dvh,6px) 0 clamp(6px,1.8dvh,16px)!important}
  html[data-gpb-polish-preview="1"] #app .question-stage .answers{gap:clamp(8px,1.2dvh,10px)!important}
  html[data-gpb-polish-preview="1"] #app .question-stage .answers>.answer{min-height:clamp(48px,8.2dvh,72px)!important;padding:clamp(6px,1.2dvh,12px) 12px!important;font-size:clamp(14px,2.2dvh,16px)!important}
  html[data-gpb-polish-preview="1"] #app .question-stage .answers>.answer>span{width:clamp(26px,4.4dvh,32px)!important;height:clamp(26px,4.4dvh,32px)!important}
  html[data-gpb-polish-preview="1"] #app .question-stage .feedback{margin-top:clamp(4px,1dvh,8px)!important;padding:0!important;font-size:12px!important}
}
/* Sehr flache Handys (z. B. iPhone SE mit Browserleisten): Kopfbereich enger. */
@media (max-width:560px) and (max-height:620px){
  html[data-gpb-polish="1"] #app .game-shell .game-top .admin-test-badge{margin:2px 0 0!important;padding:4px 8px!important}
  html[data-gpb-polish-preview="1"] #app .question-card .game-top .game-meta b{font-size:16px!important;line-height:16px!important}
  html[data-gpb-polish-preview="1"] #app .question-card .question-tags>*{padding:4px 8px!important}
  html[data-gpb-polish-preview="1"] #app .question-stage .answers>.answer{min-height:40px!important}
}
/* Intro-Modal und Startbildschirm skalieren mit der Höhe mit. */
html[data-gpb-polish="1"] #app .gq-intro-chip{width:min(300px,calc(100% - 24px))!important;height:clamp(176px,34dvh,232px)!important}
html[data-gpb-polish="1"] #app .gq-start-inner{gap:clamp(8px,1.8dvh,14px)!important}
html[data-gpb-polish="1"] #app .gq-start-inner>b{font-size:clamp(28px,6dvh,40px)!important}

/* Kategorie-Modal: Grid-Quiz-Bild als Kartenhintergrund (wie die Spielkarten der Playzone),
   langsamer Push-in, unten abgedunkelt für die Lesbarkeit. Beim Flug in den Kategorie-Chip blendet das Bild aus. */
html[data-gpb-polish="1"] #app .gq-intro-chip{position:relative;overflow:hidden;isolation:isolate;background:#0f1217!important}
html[data-gpb-polish="1"] #app .gq-intro-chip::before,
html[data-gpb-polish="1"] #app .gq-intro-chip::after{content:"";position:absolute;inset:0;pointer-events:none;transition:opacity .3s ease}
html[data-gpb-polish="1"] #app .gq-intro-chip::before{z-index:-2;background:url("./grid-quiz-hero-bg.webp?v=2") center/cover no-repeat;animation:gq-intro-push 4.2s cubic-bezier(.2,.7,.2,1) both}
html[data-gpb-polish="1"] #app .gq-intro-chip::after{z-index:-1;background:
    radial-gradient(120% 70% at 50% 100%,color-mix(in srgb,var(--play-brand-accent,#ff7554) 22%,transparent) 0%,transparent 60%),
    linear-gradient(180deg,rgba(9,11,15,.45) 0%,rgba(9,11,15,.72) 45%,rgba(9,11,15,.92) 100%)}
html[data-gpb-polish="1"] #app .gq-intro-chip .gq-intro-icon{background:rgba(9,11,15,.55)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html[data-gpb-polish="1"] #app .gq-intro-chip b{text-shadow:0 2px 14px rgba(0,0,0,.6)}
html[data-gpb-polish="1"] #app .gq-intro.gq-intro-leave .gq-intro-chip::before,
html[data-gpb-polish="1"] #app .gq-intro.gq-intro-leave .gq-intro-chip::after{opacity:0}
@keyframes gq-intro-push{from{transform:scale(1.14)}to{transform:scale(1.02)}}
@media (prefers-reduced-motion:reduce){html[data-gpb-polish="1"] #app .gq-intro-chip::before{animation:none;transform:scale(1.02)}}
/* Lange Kategorienamen (z. B. Survive to Drive) bleiben im Modal einzeilig. */
html[data-gpb-polish="1"] #app .gq-intro-chip b.gq-intro-long{font-size:clamp(16px,5.4vw,19px)!important;letter-spacing:.04em!important;white-space:nowrap}
/* Modal: Fortschritt als dezente Zeile über dem Symbol. */
html[data-gpb-polish="1"] #app .gq-intro-chip .gq-intro-step{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62);font-variant-numeric:tabular-nums}
@media (max-height:620px){html[data-gpb-polish="1"] #app .gq-intro-chip .gq-intro-icon{width:52px!important;height:52px!important;font-size:24px!important}}
/* Handy: Kategorie- und Saison-Chip bleiben in einer Zeile. */
@media (max-width:560px){
  html[data-gpb-polish-preview="1"] #app .question-card .question-tags{flex-wrap:nowrap!important;gap:6px!important;min-width:0}
  html[data-gpb-polish-preview="1"] #app .question-card .question-tags>*{white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:11px!important;letter-spacing:.04em!important}
  html[data-gpb-polish-preview="1"] #app .question-card .question-tags>.v543-question-type{flex:0 1 auto}
  html[data-gpb-polish-preview="1"] #app .question-card .question-tags>.v543-question-season{flex:0 1 auto}
}
/* Textblock unter dem Symbol: Frage-Zeile dicht an der Kategorie. */
html[data-gpb-polish="1"] #app .gq-intro-chip .gq-intro-icon{margin-bottom:6px}
html[data-gpb-polish="1"] #app .gq-intro-chip .gq-intro-step{margin-bottom:-4px}
/* Handy: Spielfeld so hoch wie der sichtbare Bereich (100vh wäre auf dem iPhone höher als der Bildschirm mit Leisten). */
html[data-gpb-polish-preview="1"] #app>.game-shell{min-height:100dvh!important}
/* Bestätigungsdialog im Spiel (z. B. "Run abbrechen") im Spiel-Look; am Handy als Sheet unten (Daumenreichweite). */
html[data-gpb-polish-preview="1"]:has(#app .game-shell) .admin-confirm-backdrop{background:rgba(6,8,11,.72)!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;padding:16px!important}
html[data-gpb-polish-preview="1"]:has(#app .game-shell) .admin-confirm{box-sizing:border-box;width:min(420px,100%)!important;padding:22px 20px 18px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;background:var(--gpb-ui-panel,#0f1217)!important;box-shadow:0 30px 80px rgba(0,0,0,.6)!important;animation:gq-intro-in .25s ease-out both}
html[data-gpb-polish-preview="1"]:has(#app .game-shell) .admin-confirm .eyebrow{font-size:11px!important;font-weight:800;letter-spacing:.14em!important;color:var(--play-brand-accent,#ff7554)!important}
html[data-gpb-polish-preview="1"]:has(#app .game-shell) .admin-confirm h2{margin:6px 0 8px!important;font-size:22px!important;line-height:1.2!important;letter-spacing:-.01em!important}
html[data-gpb-polish-preview="1"]:has(#app .game-shell) .admin-confirm p{margin:0!important;font-size:14px!important;line-height:1.5!important;color:var(--gpb-ui-muted,#8d95a1)!important}
html[data-gpb-polish-preview="1"]:has(#app .game-shell) .admin-confirm-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin-top:18px!important;flex-direction:initial!important}
@media (max-width:560px){
  html[data-gpb-polish-preview="1"]:has(#app .game-shell) .admin-confirm-backdrop{place-items:end center!important;padding:12px 12px max(12px,env(safe-area-inset-bottom))!important}
}
html[data-gpb-polish-preview="1"]:has(#app .game-shell) .admin-confirm-actions{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
html[data-gpb-polish-preview="1"]:has(#app .game-shell) .admin-confirm-actions button{white-space:nowrap}
@media (max-width:360px){html[data-gpb-polish-preview="1"]:has(#app .game-shell) .admin-confirm-actions button{padding:0 8px!important;font-size:14px!important}}
/* Ergebnis nach dem Run (auch nach Abbrechen) im Quiz-Look: Bild-Kopf wie die Spielkarte, keine Emojis, Knöpfe wie im Dialog. */
html[data-gpb-polish-preview="1"] #app .result-wrap{padding:12px 8px 24px!important}
html[data-gpb-polish-preview="1"] #app .result-card{position:relative;overflow:hidden!important;box-sizing:border-box;width:min(520px,100%)!important;margin:0 auto!important;padding:0 20px 20px!important;border:1px solid rgba(255,255,255,.12)!important;border-top:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;background:var(--gpb-ui-panel,#0f1217)!important;box-shadow:0 30px 80px rgba(0,0,0,.5)!important;text-align:center}
html[data-gpb-polish-preview="1"] #app .result-card::before{content:"";display:block;height:96px;margin:0 -20px 16px;background:linear-gradient(180deg,rgba(9,11,15,.2) 0%,rgba(15,18,23,1) 100%),url("./grid-quiz-hero-bg.webp?v=2") center/cover no-repeat}
html[data-gpb-polish-preview="1"] #app .result-card>.result-flag{display:none!important}
html[data-gpb-polish-preview="1"] #app .result-card>.eyebrow{display:block;font-size:11px!important;font-weight:800!important;letter-spacing:.14em!important;color:var(--play-brand-accent,#ff7554)!important;margin:-40px 0 6px!important;position:relative}
html[data-gpb-polish-preview="1"] #app .result-card>h1{margin:0 0 10px!important;font-size:clamp(24px,7vw,30px)!important;line-height:1.15!important;letter-spacing:-.01em!important}
html[data-gpb-polish-preview="1"] #app .result-card .result-score{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:0 0 16px!important}
html[data-gpb-polish-preview="1"] #app .result-card .result-score b{font-size:clamp(48px,14vw,64px)!important;line-height:1!important;font-variant-numeric:tabular-nums}
html[data-gpb-polish-preview="1"] #app .result-card .result-score span{font-size:14px!important;color:var(--gpb-ui-muted,#8d95a1)!important}
html[data-gpb-polish-preview="1"] #app .result-card .result-kpis{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px!important;margin:0 0 14px!important}
html[data-gpb-polish-preview="1"] #app .result-card .result-kpis>span{display:grid;gap:2px;padding:10px 8px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:13px!important;background:#11151b!important;min-height:0!important}
html[data-gpb-polish-preview="1"] #app .result-card .result-kpis b{font-size:18px!important;line-height:1.2!important;font-variant-numeric:tabular-nums}
html[data-gpb-polish-preview="1"] #app .result-card .result-kpis small{font-size:10px!important;letter-spacing:.1em!important;text-transform:uppercase;color:var(--gpb-ui-muted,#8d95a1)!important}
html[data-gpb-polish-preview="1"] #app .result-card :is(.admin-test-result,.one-shot-result){display:block!important;width:auto!important;margin:0 0 14px!important;padding:0!important;border:0!important;background:none!important;font-size:13px!important;line-height:1.45!important;color:var(--gpb-ui-muted,#8d95a1)!important}
html[data-gpb-polish-preview="1"] #app .result-card .admin-test-result b{color:var(--gpb-ui-text,#f6f8fb)!important;margin-right:4px}
html[data-gpb-polish-preview="1"] #app .result-card .admin-test-result span{font-size:13px!important;color:inherit!important}
html[data-gpb-polish-preview="1"] #app .result-card>button:last-child{margin-bottom:0!important}
/* Knöpfe in Dialog und Ergebnis = Playzone-Knöpfe ("Gesamtes Ranking →"): Hauptaktion mit Grid-Akzent, Nebenaktion neutral. */
html[data-gpb-polish-preview="1"] :is(body:has(#app .game-shell) .admin-confirm-actions button,#app .result-card>button){--cta-accent:var(--play-brand-grid,#ff7554);display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:44px!important;padding:0 16px!important;border:1px solid var(--gpb-ui-line-strong,rgba(255,255,255,.1))!important;border-radius:9px!important;background:rgba(9,11,15,.6)!important;background-image:none!important;color:var(--gpb-ui-text,#f6f8fb)!important;font-size:15px!important;font-weight:800!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;transition:border-color .16s ease,background-color .16s ease}
html[data-gpb-polish-preview="1"] :is(body:has(#app .game-shell) .admin-confirm-actions :is(.danger,.primary),#app .result-card>button.primary){border-color:color-mix(in srgb,var(--cta-accent) 40%,var(--gpb-ui-line,rgba(255,255,255,.09)))!important;background:color-mix(in srgb,var(--cta-accent) 10%,rgba(9,11,15,.6))!important}
html[data-gpb-polish-preview="1"] :is(body:has(#app .game-shell) .admin-confirm-actions button,#app .result-card>button):hover{border-color:color-mix(in srgb,var(--cta-accent) 75%,var(--gpb-ui-line,rgba(255,255,255,.09)))!important;background:color-mix(in srgb,var(--cta-accent) 20%,rgba(9,11,15,.6))!important}
html[data-gpb-polish-preview="1"] #app .result-card>button{margin-bottom:10px!important}
html[data-gpb-polish-preview="1"] #app .result-card>button:last-child{margin-bottom:0!important}
@media (max-width:360px){html[data-gpb-polish-preview="1"] :is(body:has(#app .game-shell) .admin-confirm-actions button,#app .result-card>button){padding:0 8px!important;font-size:14px!important}}
/* Spiel wie im Ernstfall: kein Admin-Badge im Run (Testlauf steht auf Start- und Ergebnis-Screen), keine Hinweiszeile unter den Antworten. */
html[data-gpb-polish="1"] #app .game-shell .game-top .admin-test-badge{display:none!important}
html[data-gpb-polish-preview="1"] #app .question-stage .feedback:empty{display:none!important}
/* Saison steht im Lesefluss direkt vor der Frage – wer die Frage liest, liest die Saison mit. */
html[data-gpb-polish="1"] #app .v543-question-title .gq-q-season{color:var(--play-brand-grid,#ff7554);white-space:nowrap}
html[data-gpb-polish="1"] #app .v543-question-title .gq-q-season::after{content:" ·";color:rgba(255,255,255,.35)}
/* Kopf kompakt: Zeile 1 Runde + Abbrechen (dezentes ✕), Zeile 2 "3/10 ━━━━ 18 P". */
html[data-gpb-polish-preview="1"] #app .game-shell .question-card>.game-top{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand brand abort" "q prog pts";align-items:center;column-gap:12px;row-gap:clamp(6px,1.2dvh,10px)}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card>.game-top>.game-brand{grid-area:brand;min-width:0}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card>.game-top>.progress{grid-area:prog;margin:0!important}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card>.game-top>.game-meta{display:contents!important}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card>.game-top>.game-meta>span{font-size:0!important;letter-spacing:0!important;margin:0!important}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card>.game-top>.game-meta>span:first-child{grid-area:q}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card>.game-top>.game-meta>span:last-child{grid-area:pts;justify-self:end}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card>.game-top>.game-meta b{font-size:16px!important;line-height:1!important;font-variant-numeric:tabular-nums}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card>.game-top #runScore::after{content:" P";font-size:12px;color:var(--gpb-ui-muted,#8d95a1)}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card>.game-top>.abort-run{grid-area:abort;justify-self:end;display:grid!important;place-items:center;width:32px!important;height:32px!important;min-height:0!important;margin:-6px -6px -6px 0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;font-size:0!important;color:rgba(255,255,255,.55)!important;box-shadow:none!important}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card>.game-top>.abort-run::before{content:"✕";font-size:16px;line-height:1}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card>.game-top>.abort-run:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
/* Druckzeile: "6.6s ━━━━━━━ 18 P" – Punkte sitzen am Balken und fallen mit. */
html[data-gpb-polish-preview="1"] #app .game-shell .question-card>.question-pressure{grid-template-columns:auto minmax(0,1fr) auto!important;column-gap:10px!important}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card .question-pressure .pressure-copy>span{font-size:0!important;letter-spacing:0!important;grid-row:1}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card .question-pressure .pressure-copy>span:first-child{grid-column:1}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card .question-pressure .pressure-copy>span:last-child{grid-column:3}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card .question-pressure #questionSeconds{display:inline-block;min-width:3.2em;font-size:15px!important;font-variant-numeric:tabular-nums}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card .question-pressure #livePoints{font-size:13px!important}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card .question-pressure .countdown-track{grid-column:2!important;grid-row:1}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card .question-pressure .read-phase-banner{grid-column:1!important;grid-row:1}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card>.game-top #runScore::after{margin-left:2px}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card .question-pressure #questionSeconds{text-transform:none!important}
/* Saison als eigene Zeile direkt über der Frage (Teil der Überschrift, kein Trennpunkt am Zeilenende). */
html[data-gpb-polish="1"] #app .v543-question-title .gq-q-season{display:block;margin-bottom:.18em;font-size:.72em;line-height:1.2}
html[data-gpb-polish="1"] #app .v543-question-title .gq-q-season::after{content:none}
/* Handy-Layout nach UI/UX-Pro-Max-Regeln: 8er-Raster (8/12/16/24), zwei klar gruppierte Blöcke
   (Frage: Kategorie → Saison → Frage · Antwort: Countdown → Antworten), Karte so hoch wie ihr Inhalt, mittig im Bildschirm. */
@media (max-width:560px){
  html[data-gpb-polish-preview="1"] #app .game-shell .question-stage{display:grid!important;align-content:center!important;min-height:100dvh!important;box-sizing:border-box;padding:12px 8px!important}
  html[data-gpb-polish-preview="1"] #app .game-shell .question-stage>.question-card{padding:16px!important}
  html[data-gpb-polish-preview="1"] #app .game-shell .question-stage>.question-card>.game-top{margin:-16px -16px 16px!important;padding:12px 16px!important}
  html[data-gpb-polish-preview="1"] #app .game-shell .question-stage>.question-card>.question-tags{order:1;margin:0 0 12px!important}
  html[data-gpb-polish-preview="1"] #app .game-shell .question-stage>.question-card>.v543-question-title{order:2;margin:0 0 24px!important;font-size:clamp(22px,3.6dvh,28px)!important;line-height:1.2!important;text-wrap:pretty}
  html[data-gpb-polish-preview="1"] #app .game-shell .question-stage>.question-card>.question-pressure{order:3;margin:0 0 12px!important}
  html[data-gpb-polish-preview="1"] #app .game-shell .question-stage>.question-card>.answers{order:4;gap:8px!important;margin:0!important}
  html[data-gpb-polish-preview="1"] #app .game-shell .question-stage .answers>.answer{min-height:clamp(48px,7.6dvh,60px)!important;padding:8px 12px!important}
  html[data-gpb-polish-preview="1"] #app .game-shell .question-stage>.question-card>.feedback{margin:12px 0 0!important}
}
@media (max-width:560px) and (max-height:620px){
  html[data-gpb-polish-preview="1"] #app .game-shell .question-stage{padding:8px!important}
  html[data-gpb-polish-preview="1"] #app .game-shell .question-stage>.question-card>.v543-question-title{margin-bottom:16px!important}
}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card .question-pressure .pressure-copy>span:first-child{padding-left:0!important;margin-left:0!important}
html[data-gpb-polish-preview="1"] #app .game-shell .question-card .question-pressure #questionSeconds{margin-left:0!important}

/* Overview: Teaser „Survive to Drive · Career Game“ unter den Spielkarten, volle Breite. */
html[data-gpb-polish="1"] #app>main .v7007g3c-teaser{
  --teaser-logo:url("./survive-to-drive-career-logo.webp?v=1");
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,460px);
  align-items:center;
  gap:32px;
  min-height:280px;
  padding:32px 36px!important;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--gpb-ui-accent) 30%,var(--gpb-ui-line))!important;
  border-radius:14px!important;
  box-shadow:none!important;
  background:#08090c!important;
}
/* Strecke bei Nacht: linker Bildteil (Tribüne + nasse Strecke), Lichtturm bleibt außerhalb. */
html[data-gpb-polish="1"] #app>main .v7007g3c-teaser::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(8,9,12,.92) 0%,rgba(8,9,12,.6) 40%,rgba(8,9,12,.1) 75%,rgba(8,9,12,.3) 100%),
    linear-gradient(180deg,rgba(8,9,12,.2) 0%,rgba(8,9,12,0) 45%,rgba(8,9,12,.6) 100%),
    radial-gradient(38% 80% at 76% 50%,rgba(242,11,23,.5) 0%,rgba(242,11,23,.16) 48%,rgba(242,11,23,0) 76%),
    radial-gradient(70% 40% at 70% 108%,rgba(242,11,23,.38) 0%,rgba(242,11,23,0) 70%),
    url("./ranking-hero-bg.webp?v=1") 0% 72%/150% auto no-repeat,
    #08090c;
}
html[data-gpb-polish="1"] #app>main .v7007g3c-teaser::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:2px;
  background:linear-gradient(90deg,rgba(242,11,23,0) 0%,rgba(242,11,23,.85) 55%,rgba(242,11,23,0) 100%);
  pointer-events:none;
}
/* „New Game“: Startnummern-Tag in GPB-Rot, schräg wie eine TV-Einblendung. */
html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 16px 6px 12px;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
  background:linear-gradient(90deg,#f20b17 0%,#c4060f 100%);
  color:#fff;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
}
html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-tag::before{
  content:"";
  flex:none;
  width:6px;
  height:6px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 0 8px rgba(255,255,255,.9);
  animation:v7007g3c-teaser-pulse 1.6s ease-in-out infinite;
}
@keyframes v7007g3c-teaser-pulse{0%,100%{opacity:1}50%{opacity:.25}}
/* „Coming Soon“: gefüllt + Kontur, im Stil des Logos (SURVIVE TO / DRIVE). */
html[data-gpb-polish="1"] #app>main .v7007g3c-teaser h2.v7007g3c-teaser-title{
  display:flex;
  flex-direction:column;
  margin:16px 0 0!important;
  color:var(--gpb-ui-text)!important;
  font-size:64px!important;
  font-weight:800!important;
  line-height:.9!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase;
}
html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-title>span:last-child{
  color:transparent;
  -webkit-text-stroke:1.5px rgba(255,255,255,.92);
  background:linear-gradient(105deg,rgba(255,255,255,0) 42%,rgba(255,255,255,.95) 50%,rgba(255,255,255,0) 58%) no-repeat;
  background-size:260% 100%;
  background-position:160% 0;
  -webkit-background-clip:text;
  background-clip:text;
  animation:v7007g3c-teaser-shine 5.5s cubic-bezier(.45,0,.2,1) .6s infinite;
}
/* Ladebalken: das Game ist in Arbeit. */
html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-loader{
  position:relative;
  display:block;
  width:168px;
  height:3px;
  margin-top:22px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.12);
}
html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-loader::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:40%;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(242,11,23,0) 0%,#f20b17 60%,#ff5a62 100%);
  box-shadow:0 0 10px rgba(242,11,23,.8);
  animation:v7007g3c-teaser-load 1.9s cubic-bezier(.65,0,.35,1) infinite;
}
@keyframes v7007g3c-teaser-load{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-logo{display:flex;justify-content:center}
html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-mark{
  position:relative;
  display:block;
  width:100%;
  max-width:460px;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.55));
}
html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-mark img{
  display:block;
  width:100%;
  height:auto;
  filter:none;
  transform:none;
}
/* Lichtreflex läuft alle paar Sekunden über das Logo, nur auf den Buchstaben. */
html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-mark::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,rgba(255,255,255,0) 42%,rgba(255,255,255,.95) 50%,rgba(255,255,255,0) 58%) no-repeat;
  background-size:260% 100%;
  background-position:160% 0;
  -webkit-mask:var(--teaser-logo) center/contain no-repeat;
  mask:var(--teaser-logo) center/contain no-repeat;
  pointer-events:none;
  animation:v7007g3c-teaser-shine 5.5s cubic-bezier(.45,0,.2,1) 1s infinite;
}
@keyframes v7007g3c-teaser-shine{0%{background-position:160% 0}28%,100%{background-position:-60% 0}}
/* Beim Reinscrollen: Logo kommt leicht von unten, Text blendet auf. */
@supports (animation-timeline:view()){
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-logo{
    animation:v7007g3c-teaser-rise linear both;
    animation-timeline:view();
    animation-range:entry 0% entry 70%;
  }
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-copy{
    animation:v7007g3c-teaser-fade linear both;
    animation-timeline:view();
    animation-range:entry 20% entry 90%;
  }
}
@keyframes v7007g3c-teaser-rise{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}
@keyframes v7007g3c-teaser-fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-tag::before,
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-title>span:last-child,
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-loader::after,
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-mark::after,
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-logo,
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-copy{animation:none!important}
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-mark::after{display:none}
}
@media (max-width:640px){
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser{
    grid-template-columns:1fr;
    gap:20px;
    min-height:0;
    padding:28px 16px 24px!important;
  }
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser::before{
    background:
      linear-gradient(180deg,rgba(8,9,12,.15) 0%,rgba(8,9,12,.45) 45%,rgba(8,9,12,.94) 72%),
      radial-gradient(80% 45% at 50% 26%,rgba(242,11,23,.32) 0%,rgba(242,11,23,.08) 55%,rgba(242,11,23,0) 80%),
      url("./ranking-hero-bg.webp?v=1") 30% center/cover no-repeat;
  }
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-logo{order:-1}
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-mark{max-width:300px}
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-copy{display:flex;flex-direction:column;align-items:center;text-align:center}
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser h2.v7007g3c-teaser-title{flex-direction:row;gap:.25em;margin-top:14px!important;font-size:40px!important}
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-title>span:last-child{-webkit-text-stroke-width:1.2px}
  html[data-gpb-polish="1"] #app>main .v7007g3c-teaser-loader{width:140px;margin-top:18px}
}