/* ===== 4_1_236 MOBILE PASS — phones only (loaded last, media-gated). Profile rules live in page-user-profile.hbs. ===== */
@media (max-width: 760px) {

  /* ---------- global: readable floor, 16px inputs, 44px taps ---------- */
  input:not([type=checkbox]):not([type=radio]), select, textarea { font-size: 16px !important; }
  .gh-navigation-logo.is-title { display: inline-flex; align-items: center; min-height: 44px; }
  .gh-burger, .gh-announcement-bar button { min-width: 44px; min-height: 44px; }

  /* footer nav: 16px-tall links -> comfy rows */
  .gh-footer .nav a, .gh-footer-menu a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; }

  /* ---------- home ---------- */
  .shead a.more, .nt-syshead a.more { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px !important; }
  .trd-tabs .trd-tab, .hs-tabs a { min-height: 44px; font-size: 12px !important; }
  .nt-tile .kicker, .meta b, .body > .meta, .trd-meta, .trd-meta b { font-size: 12px !important; }
  .body > .read, .copy a.read { font-size: 12px !important; min-height: 44px; display: inline-flex; align-items: center; }

  /* ---------- game page ---------- */
  #gp-root .gp-chips .gp-chip { font-size: 11.5px !important; }
  #gp-root .gp-chips a.gp-chip-link { min-height: 36px; display: inline-flex; align-items: center; }
  #gp-root .gp-row dt, #gp-root .gp-stat .sl, #gp-root .rstat .rl,
  #gp-root .gp-cred-rl, #gp-root .gp-cast-lb, #gp-root .gp-patch-d, #gp-root .gp-id-chip { font-size: 12px !important; }
  #gp-root .gp-cred-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px !important; }
  #gp-root a.gp-studio { display: inline-flex; align-items: center; min-height: 44px; }
  #gp-root #gp-tabs .gp-tab { min-height: 44px; font-size: 12px !important; }
  #gp-root .gp-lib-signin a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; }

  /* ---------- calendar hub ---------- */
  #calHub .ag-body a.ag-ev, #calHub .ag-body a.ag-rel { min-height: 44px; display: flex; align-items: center; }
  #calHub .ag-ev .nm, #calHub .ag-rel .t, #calHub .nm .ag-rng { font-size: 13px !important; }
  #calHub .ag-cd, #calHub .ag-cnt, #calHub .dlcm, #calHub .sp-k, #calHub .cal-lg, #calHub .stat { font-size: 12px !important; }
  #calHub .sp-go a { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px !important; padding: 0 14px; }
  #calHub .cal-tog, #calHub .cal-hbt, #calHub .cal-navbtn { min-height: 44px; font-size: 12px !important; }

  /* ---------- game collection ---------- */
  #gl-root .gx-actrow .gx-btn.sm { min-width: 40px; min-height: 40px; }
  #gl-root .gx-om, #gl-root .gx-avg, #gl-root .gx-you, #gl-root .gx-cm { font-size: 12px !important; }
  #gl-root .gx-tab, #gl-root .gx-viewswitch button { min-height: 44px; }

  /* ---------- top games ---------- */
  .tg-name { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px !important; }
  .tg-add { min-height: 44px !important; font-size: 12px !important; padding: 0 14px !important; }
  .tg-plats .tg-plat { font-size: 11px !important; padding: 2px 6px !important; }
  .tg-cred, .tg-credlab, .tg-credsep, .tg-score-c, .tg-ml, .tg-type, .tg-year, .tg-chip { font-size: 12px !important; }
  .tg-pg { min-width: 44px; min-height: 44px; font-size: 13px !important; }

  /* ---------- studio / genre / person rows ---------- */
  #st-root .st-row { grid-template-columns: 56px minmax(0, 1fr) !important; }
  #st-root .st-gname { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-height: 44px; font-size: 14px !important; }
  #st-root .st-type { position: static !important; white-space: nowrap; font-size: 11px !important; }
  #st-root .st-year, #st-root .st-plats, #st-root .st-genre { font-size: 12px !important; }
  #st-root .st-add button { min-height: 44px; font-size: 12px !important; }
  #st-root #st-sort button, #st-root .st-link { min-height: 44px; font-size: 12px !important; }
}


/* ===== 4_1_237 COMMUNITY STATS + ACHIEVEMENTS — phones ===== */
@media (max-width:760px){
  /* ---------- COMMUNITY STATS ---------- */
  #gp-comm-main .cs-head{ display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
  #gp-comm-main .cs-title{ font-size:22px !important; line-height:1.15; }
  #gp-comm-main .cs-game{ font-size:12px !important; max-width:100%; white-space:normal; }
  #gp-comm-main .cs-sec-lab{ font-size:14px !important; }
  /* rating hero: score beside a compact histogram */
  #gp-comm-main .cs-hero{ display:grid !important; grid-template-columns:auto minmax(0,1fr); gap:14px; align-items:end; padding:14px !important; }
  #gp-comm-main .cs-hero-l, #gp-comm-main .cs-hero-r{ width:auto !important; min-width:0; }
  #gp-comm-main .cs-hero-lab, #gp-comm-main .cs-hero-sub, #gp-comm-main .cs-hero-sub b{ font-size:11.5px !important; }
  #gp-comm-main .cs-hero-num{ font-size:42px !important; line-height:1 !important; }
  #gp-comm-main .cs-hist{ height:104px !important; gap:3px !important; }
  #gp-comm-main .cs-col{ min-width:0 !important; }
  #gp-comm-main .cs-col .ct, #gp-comm-main .cs-col *{ font-size:11px !important; }
  #gp-comm-main .cs-hist-axis{ gap:3px !important; }
  #gp-comm-main .cs-hist-axis span{ font-size:10px !important; min-width:0; overflow:visible; }
  #gp-comm-main .cs-hist-axis span:nth-child(odd){ visibility:hidden; }  /* label whole stars 1-5 only */
  /* stat tiles: 3-across compact, readable labels */
  #gp-comm-main .cs-grid, #gp-comm-main .cs-grid.cs-grid-4{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:8px !important; }
  #gp-comm-main .cs-box{ padding:10px 8px !important; min-height:0 !important; text-align:left; }
  #gp-comm-main .cs-box .lab{ font-size:11px !important; line-height:1.25; letter-spacing:.04em !important; }
  #gp-comm-main .cs-box .num{ font-size:22px !important; margin:4px 0 2px !important; }
  #gp-comm-main .cs-box .sub{ font-size:11px !important; line-height:1.3; }
  /* platform bars: label / bar / value on one tidy row */
  #gp-comm-main .cs-prow{ display:grid !important; grid-template-columns:88px minmax(0,1fr) 36px; gap:10px; align-items:center; min-height:32px; }
  #gp-comm-main .cs-pkey, #gp-comm-main .cs-pval{ font-size:12px !important; width:auto !important; }
  #gp-comm-main .cs-pval{ text-align:right; }
  #gp-comm-main .cs-ptrack{ width:auto !important; height:12px !important; }
  #gp-comm-main .cs-foot{ font-size:11px !important; line-height:1.5; }
  #gp-comm-main .fw-subhead .lab{ font-size:12.5px !important; white-space:normal; }
  #gp-comm-main .fw-subhead .cnt{ font-size:11px !important; }
  #gp-comm-main .fw-empty{ font-size:13px !important; line-height:1.55; }

  /* ---------- ACHIEVEMENTS ---------- */
  #gp-ach-main .gp-ach-plats{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; width:100% !important; }
  #gp-ach-main .gp-ach-plat{ min-height:44px !important; font-size:12px !important; padding:0 6px !important; }
  #gp-ach-main .gp-ach-count{ font-size:12.5px !important; }
  #gp-ach-main .gp-ach-note{ font-size:12px !important; line-height:1.55; }
  #gp-ach-main .gp-ach-acts{ display:flex; flex-direction:column; align-items:stretch; gap:10px; }
  #gp-ach-main .gp-ach-btn{ min-height:44px !important; font-size:12px !important; width:100%; justify-content:center; }
  #gp-ach-main .gp-ach-msg{ font-size:12px !important; }
  /* rows: icon | name + description | guide, text gets the room */
  #gp-ach-main .gp-ach{ display:grid !important; grid-template-columns:44px minmax(0,1fr) auto; gap:12px; align-items:center; padding:8px 10px !important; min-height:0 !important; }
  #gp-ach-main .gp-ach-grid{ gap:6px !important; }
  #gp-ach-main .gp-ach-ic{ width:44px !important; height:44px !important; }
  #gp-ach-main .gp-ach-ic img{ width:40px !important; height:40px !important; }
  #gp-ach-main .gp-ach-bd{ width:auto !important; min-width:0; }
  #gp-ach-main .gp-ach-nm{ font-size:13.5px !important; line-height:1.3; white-space:normal; }
  #gp-ach-main .gp-ach-dt{ font-size:12px !important; line-height:1.45; white-space:normal; margin-top:2px; }
  #gp-ach-main .gp-ach-when{ font-size:11px !important; margin-top:2px; }
  #gp-ach-main .gp-ach.locked .gp-ach-when{ display:none; }  /* 'locked' is already shown by the dimmed row */
  #gp-ach-main .gp-ach-guide{ min-height:44px !important; min-width:44px; padding:0 10px !important; font-size:11px !important; display:inline-flex; align-items:center; justify-content:center; }
}

@media (max-width:760px){
  #gp-comm-main .cs-hist-axis{ display:grid !important; grid-template-columns:repeat(10,minmax(0,1fr)); gap:3px !important; }
  #gp-comm-main .cs-hist-axis span{ white-space:nowrap !important; text-align:center; letter-spacing:0 !important; overflow:visible !important; }
  #gp-comm-main .cs-box{ display:flex !important; flex-direction:column; }
  #gp-comm-main .cs-box .lab{ letter-spacing:0 !important; word-break:normal !important; overflow-wrap:normal !important; hyphens:none; min-height:2.5em; }
  #gp-comm-main .cs-box .num{ margin-top:auto !important; }
  #gp-comm-main .cs-grid.cs-grid-4{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  #gp-comm-main .fw-subhead{ flex-wrap:wrap; }
  #gp-comm-main .fw-subhead .lab{ flex:1 1 100%; }
  #gp-comm-main .fw-subhead .line{ display:none !important; }
  html[data-theme="light"] #gp-comm-main .gp-st-replay .num{ color:#8a6d00 !important; }
  html[data-theme="light"] #gp-comm-main .gp-st-compl .num, html[data-theme="light"] #gp-comm-main .cs-hero-sub b{ color:#1f7a5c !important; }
  html[data-theme="light"] #gp-comm-main .cs-hist-axis span, html[data-theme="light"] #gp-comm-main .cs-col .ct, html[data-theme="light"] #gp-comm-main .cs-foot{ color:#55576a !important; }
  #gp-ach-main .gp-ach-plat{ letter-spacing:0 !important; font-size:11.5px !important; white-space:nowrap; }
}