/* iPad / medium windows: width-based so rotation and window resizing need no reload.
   Narrow windows <=760px retain the existing phone layout. */
@media (min-width:761px) and (max-width:1499px) {
  .shell,.game-shell {padding-inline:24px}
  .category-selection-layout {grid-template-columns:220px minmax(0,1fr);gap:22px}
  .category-browser .category-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .cat-bottom h3 {font-size:18px}
  .selected-sidebar {max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px));overflow-y:auto}
  .picked-row button,.filter,.btn.sm,.icon-btn,.modal-close {min-width:44px;min-height:44px}
  .game-top {flex-wrap:wrap;padding-block:14px;gap:14px}
  .game-tools .icon-btn {width:44px;height:44px}
  .board {grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .board .board-card.random {grid-column:span 2}
  .board .board-image,.board .board-card:nth-child(n+5) .board-image {height:clamp(100px,10vw,140px)}
  .board .board-image h2 {font-size:18px;overflow-wrap:anywhere}
  .board .point {min-height:54px;height:54px}
  .score-footer {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .score-middle {grid-column:1/-1;grid-row:1}
  .score-panel {min-width:0;flex-wrap:wrap}
  .score-panel .aid-group {flex-wrap:wrap;gap:10px}
  .aid-circle,.question-sidebar .aid-circle {width:44px;height:44px;min-width:44px;min-height:44px}
  .question-layout {grid-template-columns:minmax(0,1fr) 238px;gap:20px;align-items:start}
  .question-main {min-width:0;padding:24px}
  .question-text {font-size:clamp(26px,2.5vw,34px);margin:12px auto;line-height:1.7}
  .question-sidebar {top:calc(16px + env(safe-area-inset-top,0px))}
  .question-sidebar .score-panel {width:100%}
  .question-poster {max-width:100%}
  .question-image-button .media-surface img,.question-image-button .poster-concealed img {max-height:min(42dvh,420px);max-width:100%;object-fit:contain}
  .question-actions {flex-wrap:wrap}
  .question-actions>div {min-width:0}
  .question-actions>.btn {min-height:48px}
  .question-report-row .report-trigger {min-height:44px}
  .category-info-modal {width:min(680px,100%)}
  .modal-backdrop {padding: max(24px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px))}
  .modal {max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
  .sticky-selection {bottom:max(16px,env(safe-area-inset-bottom,0px))}
  .game-shell {padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}
}
/* Portrait iPad: give the question and category cards the full available width. */
@media (min-width:761px) and (max-width:999px) {
  .category-selection-layout {grid-template-columns:minmax(0,1fr)}
  .selected-sidebar {position:static;max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
  .selected-sidebar h2,.selected-sidebar>.selection-note {grid-column:1/-1}
  .picked-team {min-width:0}
  .question-layout {display:flex;flex-direction:column;gap:18px}
  .question-main {width:100%}
  .question-sidebar {position:static;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .question-sidebar .transfer-note {grid-column:1/-1}
  .question-sidebar .score-panel {flex-direction:row;justify-content:center;align-items:center}
  .question-sidebar .aid-group {flex:1;min-width:0}
  .question-image-button .media-surface img,.question-image-button .poster-concealed img {max-height:min(44dvh,460px)}
  .question-score-strip {max-width:none}
}
@media (min-width:1180px) and (max-width:1499px) {
  .category-browser .category-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
}