.pr-actions{ display:flex; gap:8px; margin:10px 0 0; align-items:stretch; }
  /* ⚡ Quick match is now one button in the action row (it used to be a big card) */
  .pr-actions .pr-hero-btn{ flex:0 0 auto; width:auto; margin:0; min-height:46px; padding:0 18px; border-radius:14px; white-space:nowrap;
    background:linear-gradient(135deg, var(--cover,#1d9178), var(--cover-light,#2bb394)); color:#fff; box-shadow:0 3px 0 var(--cover-deep,#12604f); }
  .pr-actions .pr-hero-btn:active{ transform:translateY(2px); box-shadow:0 1px 0 var(--cover-deep,#12604f); }
  @media (max-width:560px){
    .pr-actions{ flex-wrap:wrap; }
    .pr-actions .pr-hero-btn{ flex:1 1 0; }
    .pr-act-create{ flex:1 1 0 !important; }
    .pr-act-code{ flex:1 1 100% !important; }
  }
  /* the old hero card is now a one-line "your languages · accent" strip */
  .pr-hero.pr-hero-mini{ background:none !important; box-shadow:none; color:var(--muted); padding:0 2px; margin:6px 0 0; border-radius:0;
    display:flex; flex-wrap:wrap; align-items:center; gap:2px 12px; }
  .pr-hero-mini .pr-hero-eyebrow, .pr-hero-mini .pr-hero-title, .pr-hero-mini .pr-hero-sub{ display:none; }
  .pr-hero-mini .pr-my-langs{ margin:0; gap:6px; font:700 12.5px var(--font); }
  .pr-hero-mini .pr-my-langs .pl-chip{ background:none; padding:0; }
  .pr-hero-mini .pr-my-langs button, .pr-hero-mini .pr-match-prefs > summary{ color:var(--cover-deep,#12604f); opacity:1; font:700 13px var(--font); display:inline-flex; align-items:center; min-height:36px; padding:0 8px; margin:-6px 0; }
  .pr-hero-mini .accent-btn{ min-width:64px; }
  .pr-hero-mini .pr-match-prefs{ margin:0; }
  .pr-hero-mini .pr-match-prefs[open]{ flex-basis:100%; }
  .pr-hero-mini .accent-label{ margin-top:6px; color:var(--muted); }
  .pr-hero-mini .accent-row{ margin-top:6px; }
  .pr-hero-mini .accent-btn{ border-color:var(--paper-dark,#e8dfc6); background:var(--card,#fff); color:var(--ink); }
  .pr-hero-mini .accent-btn.active{ background:var(--cover,#1d9178); color:#fff; border-color:transparent; }

  /* ---------- Create a room ---------- */
  #groupRoomCreateOverlay .gr-create{ max-width:480px; padding:0; display:flex; flex-direction:column; overflow:hidden; max-height:min(88vh, 760px); }
  .gr-body{ overflow-y:auto; padding:20px 18px 10px; -webkit-overflow-scrolling:touch; }
  .gr-foot{ padding:10px 18px calc(14px + env(safe-area-inset-bottom, 0px)); border-top:1px solid var(--paper-dark,#e8dfc6); background:var(--paper); }
  .gr-head{ display:flex; gap:12px; align-items:center; margin-bottom:14px; }
  .gr-head-ico{ width:46px; height:46px; flex:0 0 46px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:24px;
    background:linear-gradient(135deg, var(--cover,#1d9178), var(--cover-light,#2bb394)); box-shadow:0 3px 0 var(--cover-deep,#12604f); }
  .gr-head .teacher-modal-name{ min-height:0; }
  .gr-head-sub{ font-size:12.5px; color:var(--muted); margin-top:2px; }
  .gr-presets{ display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; margin-bottom:14px; }
  .gr-presets button{ border:1.5px solid var(--paper-dark,#e8dfc6); background:var(--card,#fff); color:var(--ink); border-radius:14px; padding:10px 6px 9px; cursor:pointer;
    font-family:var(--font); display:flex; flex-direction:column; align-items:center; gap:2px; text-align:center; transition:border-color .12s, transform .08s; }
  .gr-presets button:active{ transform:scale(.97); }
  .gr-presets .gr-p-ico{ font-size:22px; line-height:1.1; }
  .gr-presets b{ font-size:13px; font-weight:800; }
  .gr-presets small{ font-size:10.5px; color:var(--muted); line-height:1.25; }
  .gr-presets button.on{ border-color:var(--cover,#1d9178); background:color-mix(in srgb, var(--cover,#1d9178) 10%, var(--card,#fff)); box-shadow:0 0 0 2px color-mix(in srgb, var(--cover,#1d9178) 22%, transparent); }
  .gr-label{ display:block; font-size:11.5px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); margin:0 2px 6px; }
  .gr-input{ margin-bottom:12px !important; }
  .gr-seg{ display:flex; gap:4px; background:var(--paper-dark,#efe7d2); padding:4px; border-radius:13px; margin-bottom:12px; }
  .gr-seg button{ flex:1 1 0; min-width:0; border:none; background:transparent; color:var(--muted); border-radius:10px; padding:9px 6px; min-height:40px; font:800 13px var(--font); cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .gr-seg button.active{ background:var(--card,#fff); color:var(--ink); box-shadow:0 1px 3px rgba(0,0,0,.12); }
  .gr-seg-tall button{ display:flex; flex-direction:column; align-items:center; gap:1px; white-space:normal; padding:8px 6px; }
  .gr-seg-tall button small{ font-size:11px; font-weight:600; color:var(--muted); }
  .gr-row2{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .gr-more{ border:1.5px solid var(--paper-dark,#e8dfc6); border-radius:14px; padding:0 12px; margin-bottom:6px; background:var(--card,#fff); }
  .gr-more > summary{ list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px 0; font:800 13.5px var(--font); color:var(--ink); }
  .gr-more > summary::-webkit-details-marker{ display:none; }
  .gr-more > summary::after{ content:'▾'; color:var(--muted); transition:transform .15s; }
  .gr-more[open] > summary::after{ transform:rotate(180deg); }
  .gr-more-sum{ flex:1; text-align:right; font-size:11.5px; font-weight:600; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .gr-more[open] > summary .gr-more-sum{ display:none; }
  .gr-more[open]{ padding-bottom:12px; }
  .gr-note{ font-size:11.5px; color:var(--muted); margin:-6px 2px 12px; line-height:1.4; }
  .gr-check{ display:flex; align-items:center; gap:10px; cursor:pointer; padding:10px 12px; border-radius:12px; background:var(--paper-dark,#efe7d2); }
  .gr-check input{ width:18px; height:18px; flex-shrink:0; accent-color:var(--cover,#1d9178); }
  .gr-check span{ display:flex; flex-direction:column; font-size:13px; color:var(--ink); }
  .gr-check small{ font-size:11.5px; color:var(--muted); }
  .gr-foot #grCreateMsg:empty{ display:none; }
  .gr-head .teacher-modal-name{ padding-right:40px; }
  @media (max-width:420px){
    .gr-row2{ grid-template-columns:1fr; gap:0; }
    .gr-presets small{ display:none; }
    #groupRoomCreateOverlay{ padding:10px; }
  }
  .pr-act-create{ flex:0 0 auto; border:none; border-radius:14px; padding:0 18px; min-height:46px; background:var(--card,#fff); color:var(--ink); font:800 14px var(--font); cursor:pointer; box-shadow:0 2px 0 var(--paper-dark,#e8dfc6); border:1.5px solid var(--paper-dark,#e8dfc6); }
  .pr-act-create:hover{ border-color:var(--cover,#1d9178); }
  .pr-act-code{ flex:1 1 0; min-width:0; display:flex; align-items:center; gap:6px; background:var(--card,#fff); border:1.5px solid var(--paper-dark,#e8dfc6); border-radius:14px; padding:4px 4px 4px 12px; min-height:46px; }
  .pr-act-code{ min-height:48px; cursor:text; }
  .pr-act-code input{ flex:1; min-width:0; align-self:stretch; min-height:40px; border:none; outline:none; background:transparent; color:var(--ink); font:700 14px var(--font); text-transform:uppercase; letter-spacing:.06em; } /* v224: the field was a 17px text line inside a 46px box */
  .pr-act-code button{ min-height:40px; }
  .pr-act-code input::placeholder{ text-transform:none; letter-spacing:0; font-weight:600; color:var(--muted); }
  .pr-act-code button{ border:none; border-radius:10px; padding:9px 16px; background:var(--cover,#1d9178); color:#fff; font:800 13px var(--font); cursor:pointer; }
  .pr-act-msg{ margin:4px 4px 0; min-height:0; }
  .pr-act-msg:empty{ display:none; }
  .pr-browse{ margin-top:16px; }
  .pr-browse-tabs{ display:flex; gap:6px; background:var(--paper-dark,#efe7d2); padding:4px; border-radius:14px; }
  .pr-btab{ flex:1; border:none; background:transparent; border-radius:11px; padding:10px 8px; font:800 13.5px var(--font); color:var(--muted); cursor:pointer; display:flex; align-items:center; justify-content:center; gap:6px; white-space:nowrap; }
  .pr-btab b{ background:rgba(0,0,0,.08); border-radius:999px; padding:1px 8px; font-size:12px; }
  .pr-btab.on{ background:var(--card,#fff); color:var(--ink); box-shadow:0 2px 8px rgba(0,0,0,.08); }
  .pr-btab.on b{ background:var(--cover,#1d9178); color:#fff; }
  .pr-browse-tools{ display:flex; gap:8px; align-items:center; margin:10px 0 4px; flex-wrap:wrap; }
  .pr-browse-tools input{ flex:1 1 200px; min-width:0; border:1.5px solid var(--paper-dark,#e8dfc6); background:var(--card,#fff); color:var(--ink); border-radius:12px; padding:9px 12px; font:600 13.5px var(--font); }
  .pr-bchips{ display:flex; gap:6px; flex-wrap:wrap; }
  .pr-bchip{ border:1.5px solid var(--paper-dark,#e8dfc6); background:var(--card,#fff); color:var(--ink); border-radius:999px; padding:7px 12px; font:800 12.5px var(--font); cursor:pointer; white-space:nowrap; }
  .pr-bchip.on{ background:var(--cover,#1d9178); border-color:var(--cover,#1d9178); color:#fff; }
  .pr-browse-tools.few{ display:none; }
  .pr-bpane{ display:none; }
  .pr-bpane.on{ display:block; }
  .pr-people-grid{ display:grid; grid-template-columns:1fr; gap:8px; margin-top:6px; }
  @media (min-width:760px){ .pr-people-grid{ grid-template-columns:1fr 1fr; } }
  .pr-people-grid .pr-person-row{ margin:0 !important; }
  .pr-more-btn{ display:block; width:100%; margin:10px 0 0; border:1.5px dashed var(--paper-dark,#e3dac1); background:transparent; color:var(--ink); border-radius:12px; padding:11px; font:800 13px var(--font); cursor:pointer; }
  .pr-more-btn:hover{ border-color:var(--cover,#1d9178); color:var(--cover,#1d9178); }
  .pr-empty-sm{ padding:18px 14px !important; }
  .pr-empty-sm .pr-empty-icon{ font-size:26px; margin-bottom:4px; }
  /* v260: "While it's quiet" — two things to do when nobody else is online */
  .pr-empty-alt{ margin:16px auto 0; max-width:440px; display:grid; gap:8px; text-align:left; }
  .pr-empty-alt-h{ font:800 11.5px var(--font); letter-spacing:.06em; text-transform:uppercase; color:var(--muted); text-align:center; }
  .pr-empty-alt-btn{ display:flex; align-items:center; gap:12px; width:100%; min-height:56px; padding:10px 14px; border:1.5px solid var(--paper-dark,#e8dfc6) !important; background:var(--card,#fff) !important; color:var(--ink); border-radius:14px; font:600 14px var(--font); text-align:left; cursor:pointer; }
  .pr-empty-alt-btn > span:first-child{ font-size:22px; line-height:1; }
  .pr-empty-alt-btn b{ display:block; font-weight:800; }
  .pr-empty-alt-btn small{ display:block; color:var(--muted); font-size:12.5px; margin-top:2px; }
  .pr-empty-alt-btn:hover{ border-color:var(--cover,#1d9178) !important; }
  .pr-browse-note{ margin-top:10px; }
  #groupRoomsHome.pr-merged{ margin-top:0 !important; }
  body.dark-mode .pr-btab b{ background:rgba(255,255,255,.12); }

/* v175: on a computer there is room — the Create a room dialog is bigger and easier to read */
@media (min-width:1024px){
  #groupRoomCreateOverlay .gr-create{ max-width:640px; max-height:min(92vh, 900px); }
  .gr-body{ padding:28px 30px 14px; }
  .gr-foot{ padding:14px 30px 20px; }
  .gr-head{ gap:16px; margin-bottom:20px; }
  .gr-head-ico{ width:56px; height:56px; flex-basis:56px; font-size:28px; }
  .gr-head .teacher-modal-name{ font-size:24px; }
  .gr-head-sub{ font-size:15px; }
  .gr-presets{ gap:12px; margin-bottom:20px; }
  .gr-presets button{ padding:16px 10px 14px; border-radius:16px; gap:4px; }
  .gr-presets .gr-p-ico{ font-size:28px; }
  .gr-presets b{ font-size:16px; }
  .gr-presets small{ font-size:13px; }
  .gr-label{ font-size:13px; margin-bottom:8px; }
  .gr-input{ font-size:16px !important; padding:14px 16px !important; margin-bottom:18px !important; }
  .gr-seg{ padding:5px; margin-bottom:18px; border-radius:14px; }
  .gr-seg button{ font-size:15px; padding:12px 8px; }
  .gr-row2{ gap:16px; }
  .gr-more > summary{ font-size:15.5px; padding:15px 0; }
  .gr-more-sum{ font-size:13px; }
  .gr-note, .gr-check small{ font-size:13px; }
  .gr-check span{ font-size:15px; }
  .gr-foot .check-btn, .gr-foot button{ font-size:16px; min-height:52px; }
}