/* Gameplay-only sizing. Header/footer stay identical on every page. */
#direction-pill,#answer-timer,#round-timer-fixed{display:none!important}
#question{margin-top:0!important;line-height:1.14!important}
.live-question-direction{font-weight:900}
.live-question-direction.higher{color:#7ae0b4;text-shadow:0 0 18px #7ae0b42a}
.live-question-direction.lower{color:#fb8999;text-shadow:0 0 18px #fb89992a}

.live-round-timer{display:block;margin:8px auto 12px;width:min(390px,86vw);padding:10px 14px 11px;border:1px solid #ffffff18;border-radius:14px;background:linear-gradient(180deg,#ffffff08,#ffffff03);box-shadow:0 8px 24px #00000020}
.live-round-timer.hidden{display:none!important}
.live-timer-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.live-timer-row small{font-size:8px;letter-spacing:1.55px;color:var(--muted);font-weight:850}
.live-timer-row strong{display:flex;align-items:flex-end;gap:2px;font-size:30px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.live-timer-row strong em{font-size:10px;font-style:normal;color:var(--dim);margin-bottom:3px}
.live-timer-track{height:5px;margin-top:8px;border-radius:999px;background:#ffffff0d;overflow:hidden}
.live-timer-track i{display:block;width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,#7ae0b4,#a78bfa);transition:transform .1s linear}
.live-round-timer.timer-warning{border-color:#f1ca7655;background:#f1ca7608}
.live-round-timer.timer-critical{border-color:#fb899977;background:#fb89990d;box-shadow:0 0 26px #fb89991b}
.live-round-timer.timer-critical .live-timer-row strong{color:#ff9baa}
.live-round-timer.timer-critical .live-timer-track i{background:linear-gradient(90deg,#ff9baa,#ff5f72)}
.live-timeout-notice{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;background:#0d0d18dc;backdrop-filter:blur(8px)}
.live-timeout-notice.hidden{display:none!important}
.live-timeout-notice>div{width:min(430px,88vw);text-align:center;padding:30px;border:1px solid #fb899955;border-radius:20px;background:#201b2b;box-shadow:0 28px 90px #0008}
.live-timeout-notice span{display:block;color:#fb8999;font-size:10px;letter-spacing:2px;font-weight:900;margin-bottom:8px}
.live-timeout-notice strong{font-size:25px}

@media(min-width:701px){
  #game-view:not(.hidden){padding:24px 0 42px!important;max-width:1080px;margin:0 auto}
  #game-view .game-toolbar{min-height:54px;margin-bottom:4px}
  #game-view .scoreboard{padding:10px 22px;gap:20px;border-radius:13px}
  #game-view .scoreboard small{font-size:8px}
  #game-view .scoreboard strong{font-size:22px}
  #game-view .scoreboard .best-score{font-size:17px;margin-top:3px}
  #game-view .score-divider{height:30px}

  #game-view .question-section{margin:8px 0 18px!important}
  #game-view .round-meta{margin-bottom:5px!important;font-size:8px}
  #game-view #question{font-size:clamp(30px,3vw,38px)!important;letter-spacing:-1.15px!important}

  #game-view .matchup{max-width:980px;gap:28px;margin:0 auto}
  #game-view .pokemon-card{min-height:410px!important;padding:20px 24px 0;border-radius:20px}
  #game-view .pokemon-card .card-label{min-height:16px;font-size:8px;letter-spacing:1.2px}
  #game-view .pokemon-card .card-art{height:225px;display:grid;place-items:center;position:relative}
  #game-view .pokemon-card img{width:225px;height:225px;max-width:100%;object-fit:contain;margin:0 auto}
  #game-view .pokemon-card h2{font-size:25px;margin:-2px 0 5px}
  #game-view .form-name{font-size:10px;min-height:14px;margin-bottom:5px}
  #game-view .pokemon-card .type{font-size:9px;padding:3px 9px}
  #game-view .card-answer{margin:15px -24px 0;padding:12px 8px;min-height:54px;font-size:11px}
  #game-view .card-answer strong{font-size:24px;margin:3px 0}
  #game-view .card-answer .answer-label{font-size:8px}
  #game-view .card-answer small{font-size:9px}
  #game-view .card-judgment{font-size:8px}
  #game-view .versus{width:44px;height:44px;font-size:10px;top:47%}

  #game-view .round-feedback{max-width:980px;min-height:44px;margin:11px auto 0;gap:18px;font-size:12px;line-height:1.4}
  #game-view .round-feedback .button{padding:9px 17px;font-size:11px}
  #game-view .game-bottom{max-width:980px;margin:11px auto 0;min-height:28px}
}

@media(min-width:701px) and (max-height:820px){
  #game-view:not(.hidden){padding-top:14px!important;padding-bottom:28px!important}
  #game-view .question-section{margin:4px 0 12px!important}
  .live-round-timer{margin:5px auto 8px;padding:8px 12px 9px}
  .live-timer-row strong{font-size:27px}
  #game-view #question{font-size:32px!important}
  #game-view .matchup{max-width:940px;gap:24px}
  #game-view .pokemon-card{min-height:370px!important;padding-top:16px}
  #game-view .pokemon-card .card-art{height:200px}
  #game-view .pokemon-card img{width:200px;height:200px}
  #game-view .pokemon-card h2{font-size:23px}
  #game-view .round-feedback{margin-top:8px}
  #game-view .game-bottom{margin-top:7px}
}

@media(max-width:700px){
  #question{font-size:24px!important}
  .live-round-timer{width:min(340px,92vw)}
}