/* ══════════════════════════════════════════════════════════════════
   43-wplace.css — v5.5 devlet/fraksiyon pencereleri wplace görünümünde
   Kullanıcı isteği (2026-10-08): "faction arama kısmı falan hepsini
   wplace'deki gibi yap". Kapsam (kullanıcı seçti): YALNIZ devlet arama,
   başvurular ve fraksiyon penceresi; oyunun geri kalanı pixelplanet
   görünümünde kalır.

   Değerler wplace.live'ın kendi piksel temasından ölçüldü (2026-10-08,
   :root[data-game-ui] değişkenleri + bileşen kuralları): Pixelify Sans,
   mürekkep #1b2a44, kabartmalı düğme (açık üst-sol / koyu alt-sağ, basınca
   ters), kuyu içinde sekmeler, köşesiz kutular, 4–6px blok gölge.
   Düzen wplace'in "Alliances" galerisi (arama + katılım süzgeci + sıralama
   çipleri + kart ızgarası) ve ittifak profil penceresinden alındı.
   Kod KOPYALANMADI; ölçüler ve düzen örnek alındı.

   Kapsayıcılar: .wp (devlet tarayıcısı, başvurular) ve #faction-modal.
   40-planet'in `#pp#pp button{…!important}` kurallarını yenmek için
   `#pp#pp .wp …` (2 kimlik + sınıf) ve !important kullanılır.
══════════════════════════════════════════════════════════════════ */

html:root{
  --wp-page:#f2f7fe; --wp-ink:#1b2a44; --wp-title:#1b2a44; --wp-text:#394e6a;
  --wp-muted:#52647d; --wp-ph:#8a99ae;
  --wp-base:#fff; --wp-base2:#f2f7fe; --wp-base3:#e3e9f4;
  --wp-btn:#e3e9f4; --wp-btn-frame:#8090a8; --wp-btn-light:#fff; --wp-btn-shade:#aebbd0;
  --wp-pri:#0069ff; --wp-pri-light:#5a9dff; --wp-pri-shade:#003f9e; --wp-pri-ink:#fff;
  --wp-soft:#d3e3ff; --wp-soft-ink:#0050c4;
  --wp-well:#e3e9f4; --wp-well-shade:#c5cfdf; --wp-field-shade:#d3dcea;
  --wp-shadow:rgba(2,20,49,.3);
  --wp-ok:#007d82; --wp-err:#c74a51; --wp-warn:#a36000;
  --wp-grid:rgba(27,42,68,.08);
}
html:root[data-theme="dark"]{
  --wp-page:#14171d; --wp-ink:#0b0e14; --wp-title:#ecf9ff; --wp-text:#c9d4e3;
  --wp-muted:#9aa7b9; --wp-ph:#6b7587;
  --wp-base:#2a303c; --wp-base2:#242933; --wp-base3:#20252e;
  --wp-btn:#3a4252; --wp-btn-frame:#0b0e14; --wp-btn-light:#4d5669; --wp-btn-shade:#262c36;
  --wp-pri:#605dff; --wp-pri-light:#8f8cff; --wp-pri-shade:#3431b8; --wp-pri-ink:#fff;
  --wp-soft:#3a3d78; --wp-soft-ink:#b4b3ff;
  --wp-well:#1f242d; --wp-well-shade:#15181e; --wp-field-shade:#1c2028;
  --wp-shadow:rgba(0,0,0,.45);
  --wp-ok:#00a07a; --wp-err:#e5546d; --wp-warn:#b06a00;
  --wp-grid:rgba(236,249,255,.07);
}

/* ── Perde + pencere ── */
#pp#pp .wp.wp-ov{
  position:fixed; inset:0; z-index:9500; background:rgba(0,0,0,.4);
  display:flex; align-items:center; justify-content:center; padding:16px;
}
#pp#pp .wp, #pp#pp .wp *, #pp#pp #faction-modal, #pp#pp #faction-modal *{
  font-family:'Pixelify Sans', 'Montserrat', ui-sans-serif, system-ui, sans-serif !important;
}
#pp#pp .wp .wp-box{
  width:min(1100px, 100%); height:min(860px, calc(100vh - 32px));
  background:var(--wp-base) !important; color:var(--wp-text) !important;
  border:2px solid var(--wp-ink) !important;
  box-shadow:inset -3px -3px 0 var(--wp-base3), 6px 6px 0 var(--wp-shadow) !important;
  display:flex; flex-direction:column; overflow:hidden; font-size:14px;
}
#pp#pp .wp .wp-box.narrow{ width:min(620px, 100%); height:auto; max-height:calc(100vh - 32px); }
#pp#pp .wp .wp-head{
  display:flex; align-items:center; gap:10px; padding:16px 20px;
  border-bottom:2px solid var(--wp-base3); flex-shrink:0;
}
#pp#pp .wp .wp-head-ic{ display:inline-flex; color:var(--wp-title); }
#pp#pp .wp .wp-head-ic svg{ width:22px; height:22px; }
#pp#pp .wp .wp-title{ flex:1; font-size:20px; font-weight:700; color:var(--wp-title); margin:0; }
#pp#pp .wp .wp-body{ flex:1; overflow-y:auto; padding:18px 20px 22px; min-height:0; }

/* ── Kabartmalı düğme (wplace .btn piksel teması) ── */
#pp#pp .wp .wb, #pp#pp #faction-modal .fc-btn, #pp#pp #faction-modal .fc-small-btn,
#pp#pp #faction-modal .fc-header button, #pp#pp #faction-modal button.fc-close{
  display:inline-flex !important; align-items:center; justify-content:center; gap:6px;
  min-height:36px; padding:0 14px !important; cursor:pointer;
  font-size:14px !important; font-weight:600 !important; line-height:1;
  color:var(--wp-text) !important; background:var(--wp-btn) !important; background-image:none !important;
  border:2px solid var(--wp-btn-frame) !important; border-radius:0 !important;
  box-shadow:inset 2px 2px 0 var(--wp-btn-light), inset -2px -2px 0 var(--wp-btn-shade) !important;
  text-transform:none !important; transform:none !important;
}
#pp#pp .wp .wb:hover, #pp#pp #faction-modal .fc-btn:hover, #pp#pp #faction-modal .fc-small-btn:hover{
  filter:brightness(1.04) !important;
}
#pp#pp .wp .wb:active, #pp#pp .wp .wb.on, #pp#pp #faction-modal .fc-btn:active, #pp#pp #faction-modal .fc-small-btn:active{
  box-shadow:inset 2px 2px 0 var(--wp-btn-shade), inset -2px -2px 0 var(--wp-btn-light) !important;
}
#pp#pp .wp .wb.pri, #pp#pp .wp .wb.on, #pp#pp #faction-modal .fc-btn:not(.secondary):not(.danger){
  color:var(--wp-pri-ink) !important; background:var(--wp-pri) !important; border-color:var(--wp-ink) !important;
  box-shadow:inset 2px 2px 0 var(--wp-pri-light), inset -2px -2px 0 var(--wp-pri-shade) !important;
}
#pp#pp .wp .wb.pri:active, #pp#pp .wp .wb.on:active{
  box-shadow:inset 2px 2px 0 var(--wp-pri-shade), inset -2px -2px 0 var(--wp-pri-light) !important;
}
#pp#pp .wp .wb.err, #pp#pp #faction-modal .fc-btn.danger{ color:var(--wp-err) !important; }
#pp#pp .wp .wb.sm{ min-height:30px; padding:0 10px !important; font-size:12px !important; }
#pp#pp .wp .wb[hidden], #pp#pp #faction-modal [hidden]{ display:none !important; }
#pp#pp .wp .wb:disabled{ opacity:.55 !important; cursor:default; }
#pp#pp .wp .wb.sq, #pp#pp #faction-modal .fc-header button, #pp#pp #faction-modal button.fc-close{
  width:36px; height:36px; min-width:36px; padding:0 !important;
}
#pp#pp .wp .wb svg{ width:16px; height:16px; }

/* ── Giriş alanları ── */
#pp#pp .wp .wf, #pp#pp .wp textarea, #pp#pp .wp select,
#pp#pp #faction-modal .pc-input, #pp#pp #faction-modal input[type="text"], #pp#pp #faction-modal textarea{
  font-size:14px !important; color:var(--wp-text) !important; background:var(--wp-base) !important;
  border:2px solid var(--wp-ink) !important; border-radius:0 !important;
  box-shadow:inset 3px 3px 0 var(--wp-field-shade) !important; padding:8px 10px !important; outline:0 !important;
}
#pp#pp .wp .wf::placeholder, #pp#pp .wp textarea::placeholder{ color:var(--wp-ph) !important; }
#pp#pp .wp select{
  background:var(--wp-btn) !important; box-shadow:inset 2px 2px 0 var(--wp-btn-light), inset -2px -2px 0 var(--wp-btn-shade) !important;
  cursor:pointer; font-weight:600 !important; padding:6px 10px !important;
}

/* ── Sekmeler (wplace tablist) ── */
#pp#pp .wp .wtabs, #pp#pp #faction-modal .fc-tabs{
  display:flex !important; gap:4px !important; padding:4px !important; flex-wrap:wrap;
  border:2px solid var(--wp-ink) !important; background:var(--wp-well) !important;
  box-shadow:inset 3px 3px 0 var(--wp-well-shade) !important;
}
#pp#pp .wp .wtab, #pp#pp #faction-modal .fc-tab{
  flex:1 1 auto; min-height:36px; padding:6px 12px !important; cursor:pointer;
  color:var(--wp-muted) !important; background:transparent !important; background-image:none !important;
  border:2px solid transparent !important; border-radius:0 !important; box-shadow:none !important;
  font-size:14px !important; font-weight:600 !important; margin:0 !important;
  display:inline-flex !important; align-items:center; justify-content:center; gap:6px;
}
#pp#pp .wp .wtab.on, #pp#pp #faction-modal .fc-tab.active{
  border-color:var(--wp-ink) !important; background:var(--wp-base) !important;
  box-shadow:inset -2px -2px 0 var(--wp-well-shade) !important; color:var(--wp-title) !important;
}

/* ── Galeri araç çubuğu ── */
#pp#pp .wp .wp-tools{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:16px; }
#pp#pp .wp .wp-search{ position:relative; flex:1 1 240px; max-width:340px; }
#pp#pp .wp .wp-search .wf{ width:100%; padding-left:34px !important; box-sizing:border-box; }
#pp#pp .wp .wp-search svg{ position:absolute; left:10px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:var(--wp-muted); }
#pp#pp .wp .wp-sorts{ display:flex; gap:6px; flex-wrap:wrap; margin-left:auto; }
#pp#pp .wp .wp-count{ font-size:13px; color:var(--wp-muted); margin:-6px 0 12px; }

/* ── Kart ızgarası (wplace Alliance Gallery) ── */
#pp#pp .wp .wp-grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }
#pp#pp .wp .wp-card{
  background:var(--wp-base) !important; border:2px solid var(--wp-ink) !important; border-radius:0 !important;
  box-shadow:4px 4px 0 var(--wp-shadow) !important; cursor:pointer; text-align:left; padding:0 !important;
  display:flex; flex-direction:column; min-width:0; color:var(--wp-text) !important; font-weight:400 !important;
  position:relative; overflow:hidden;
}
#pp#pp .wp .wp-card:hover{ transform:translate(-1px,-1px) !important; box-shadow:5px 5px 0 var(--wp-shadow) !important; }
#pp#pp .wp .wp-card.sel{ outline:3px solid var(--wp-pri); outline-offset:-1px; }
#pp#pp .wp .wp-banner{
  height:96px; position:relative; overflow:hidden; border-bottom:2px solid var(--wp-ink);
  background-color:var(--wp-c, #c5cfdf);
}
#pp#pp .wp .wp-banner::before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(rgba(255,255,255,.72), rgba(255,255,255,.72));
}
html:root[data-theme="dark"] .wp .wp-banner::before{ background:linear-gradient(rgba(20,23,29,.62), rgba(20,23,29,.62)) !important; }
#pp#pp .wp .wp-banner::after{
  content:''; position:absolute; inset:0;
  background-image:linear-gradient(var(--wp-grid) 1px, transparent 1px), linear-gradient(90deg, var(--wp-grid) 1px, transparent 1px);
  background-size:10px 10px;
}
#pp#pp .wp .wp-banner img{
  position:absolute; right:-18px; top:-26px; width:62%; height:auto; opacity:.4;
  transform:rotate(-12deg); image-rendering:pixelated; z-index:1;
}
#pp#pp .wp .wp-card-top{ display:flex; align-items:flex-end; gap:12px; padding:0 14px; position:relative; z-index:2; }
#pp#pp .wp .wp-card-top .wp-emblem{ margin-top:-42px; }
#pp#pp .wp .wp-emblem{
  width:84px; height:84px; flex-shrink:0; background:var(--wp-base);
  border:2px solid var(--wp-ink); box-shadow:inset 0 0 0 3px var(--wp-base), 3px 3px 0 var(--wp-shadow);
  display:flex; align-items:center; justify-content:center; padding:6px; box-sizing:border-box;
}
#pp#pp .wp .wp-emblem img{ max-width:100%; max-height:100%; image-rendering:pixelated; border:1px solid rgba(0,0,0,.35); }
#pp#pp .wp .wp-card-name{
  font-size:18px; font-weight:700; color:var(--wp-title); padding:8px 0 2px; line-height:1.15;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
#pp#pp .wp .wp-card-body{ display:flex; gap:12px; padding:12px 14px 14px; align-items:flex-start; }
#pp#pp .wp .wp-stats{ display:grid; grid-template-columns:auto auto; gap:4px 10px; font-size:12px; flex-shrink:0; }
#pp#pp .wp .wp-stats span{ color:var(--wp-muted); display:inline-flex; align-items:center; gap:4px; }
#pp#pp .wp .wp-stats span svg{ width:13px; height:13px; }
#pp#pp .wp .wp-stats b{ color:var(--wp-text); font-weight:600; text-align:right; }
#pp#pp .wp .wp-desc{ font-size:13px; color:var(--wp-muted); line-height:1.4; min-width:0; overflow-wrap:anywhere; }
#pp#pp .wp .wp-desc b{ color:var(--wp-text); font-weight:600; }
#pp#pp .wp .wp-badge{
  position:absolute; top:8px; left:8px; z-index:3; font-size:12px; font-weight:700;
  padding:3px 7px; border:2px solid var(--wp-ink); background:var(--wp-base); color:var(--wp-title);
  box-shadow:2px 2px 0 var(--wp-shadow);
}
#pp#pp .wp .wp-badge.mine{ background:var(--wp-ok); color:#fff; }
#pp#pp .wp .wp-badge.wait{ background:#ffd166; color:#3d2b00; }
#pp#pp .wp .wp-rank{ position:absolute; top:8px; right:8px; z-index:3; font-size:13px; font-weight:700;
  padding:2px 7px; background:var(--wp-ink); color:#fff; }
#pp#pp .wp .wp-empty{ padding:40px 10px; text-align:center; color:var(--wp-muted); }

/* ── Profil (wplace public alliance profile) ── */
#pp#pp .wp .wp-back{ margin-bottom:12px; }
#pp#pp .wp .wp-pbanner{ height:150px; }
#pp#pp .wp .wp-pbanner img{ width:46%; right:2%; top:-40px; }
#pp#pp .wp .wp-phead{ display:flex; align-items:flex-end; gap:16px; padding:0 18px; position:relative; z-index:2; flex-wrap:wrap; }
#pp#pp .wp .wp-phead .wp-emblem{ margin-top:-58px; }
#pp#pp .wp .wp-phead .wp-emblem{ width:116px; height:116px; }
#pp#pp .wp .wp-pname{ font-size:26px; font-weight:700; color:var(--wp-title); line-height:1.1; }
#pp#pp .wp .wp-chips{ display:flex; gap:6px; flex-wrap:wrap; margin-top:6px; }
#pp#pp .wp .wp-chip{
  font-size:12px; font-weight:600; padding:3px 8px; border:2px solid var(--wp-ink);
  background:var(--wp-well); color:var(--wp-text); display:inline-flex; align-items:center; gap:4px;
}
#pp#pp .wp .wp-chip svg{ width:12px; height:12px; }
#pp#pp .wp .wp-chip.soft{ background:var(--wp-soft); color:var(--wp-soft-ink); border-color:var(--wp-soft-ink); }
#pp#pp .wp .wp-pactions{ margin-left:auto; display:flex; gap:8px; padding-bottom:4px; }
#pp#pp .wp .wp-tiles{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px; margin:18px 0; }
#pp#pp .wp .wp-tile{
  border:2px solid var(--wp-ink); background:var(--wp-base2); padding:10px 12px;
  box-shadow:inset -3px -3px 0 var(--wp-base3); min-width:0;
}
#pp#pp .wp .wp-tile b{ display:block; font-size:22px; font-weight:700; color:var(--wp-title); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#pp#pp .wp .wp-tile span{ font-size:12px; color:var(--wp-muted); display:inline-flex; gap:4px; align-items:center; }
#pp#pp .wp .wp-tile span svg{ width:12px; height:12px; }
#pp#pp .wp .wp-cols{ display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:18px; margin-top:16px; }
#pp#pp .wp .wp-panel{ border:2px solid var(--wp-ink); background:var(--wp-base); box-shadow:4px 4px 0 var(--wp-shadow); }
#pp#pp .wp .wp-panel-h{ padding:10px 14px; font-weight:700; color:var(--wp-title); border-bottom:2px solid var(--wp-base3); display:flex; align-items:center; gap:6px; }
#pp#pp .wp .wp-panel-b{ padding:12px 14px; }
#pp#pp .wp .wp-row{ display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:2px solid var(--wp-base3); }
#pp#pp .wp .wp-row:last-child{ border-bottom:0; }
#pp#pp .wp .wp-row .r{ width:22px; text-align:center; font-weight:700; color:var(--wp-muted); }
#pp#pp .wp .wp-row .n{ flex:1; min-width:0; font-weight:600; color:var(--wp-title); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#pp#pp .wp .wp-row .v{ color:var(--wp-muted); font-size:13px; white-space:nowrap; }
#pp#pp .wp .wp-av{
  width:28px; height:28px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center;
  border:2px solid var(--wp-ink); background:var(--wp-soft); color:var(--wp-soft-ink); font-weight:700; font-size:12px;
}
#pp#pp .wp .wp-note{ padding:10px 12px; border:2px solid var(--wp-ink); background:var(--wp-well); margin-bottom:14px; font-size:13px; line-height:1.45; color:var(--wp-text); }
#pp#pp .wp .wp-note.ok{ background:color-mix(in srgb, var(--wp-ok) 14%, var(--wp-base)); }
#pp#pp .wp .wp-note.wait{ background:color-mix(in srgb, #ffd166 30%, var(--wp-base)); }
#pp#pp .wp .wp-note.bad{ background:color-mix(in srgb, var(--wp-err) 14%, var(--wp-base)); }
#pp#pp .wp .wp-link{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important;
  color:var(--wp-pri) !important; text-decoration:underline; cursor:pointer; font-size:13px !important; min-height:0 !important; }
#pp#pp .wp textarea{ width:100%; min-height:80px; resize:vertical; box-sizing:border-box; }
#pp#pp .wp .wp-lbl{ display:block; font-weight:700; color:var(--wp-title); margin-bottom:6px; }
#pp#pp .wp .wp-cap{ font-size:12px; color:var(--wp-muted); }
#pp#pp .wp .wp-apply-row{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:10px; flex-wrap:wrap; }

/* ── Katılma istekleri ── */
#pp#pp .wp .wp-req{ border:2px solid var(--wp-ink); background:var(--wp-base); box-shadow:4px 4px 0 var(--wp-shadow); padding:12px 14px; margin-bottom:12px; }
#pp#pp .wp .wp-req-h{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
#pp#pp .wp .wp-req-h img{ width:30px; height:20px; border:1px solid rgba(0,0,0,.4); }
#pp#pp .wp .wp-req-name{ font-weight:700; font-size:16px; color:var(--wp-title); }
#pp#pp .wp .wp-req-msg{ margin:8px 0; padding:8px 10px; background:var(--wp-well); border-left:4px solid var(--wp-ink); font-size:13px; overflow-wrap:anywhere; }
#pp#pp .wp .wp-req .wf{ width:100%; box-sizing:border-box; margin-top:8px; }
#pp#pp .wp .wp-req-act{ display:flex; gap:8px; justify-content:flex-end; margin-top:10px; }

/* ── Fraksiyon penceresi (#faction-modal) wplace kutusu ── */
#pp#pp #faction-modal{ background:rgba(0,0,0,.4) !important; }
#pp#pp #faction-modal #faction-card{
  background:var(--wp-base) !important; color:var(--wp-text) !important;
  border:2px solid var(--wp-ink) !important;
  box-shadow:inset -3px -3px 0 var(--wp-base3), 6px 6px 0 var(--wp-shadow) !important;
}
#pp#pp #faction-modal .fc-header{
  background:transparent !important; border:0 !important; border-bottom:2px solid var(--wp-base3) !important;
  padding:12px 12px 12px 16px !important; margin:0 0 12px !important;
}
#pp#pp #faction-modal #fc-title{ font-size:20px !important; font-weight:700 !important; color:var(--wp-title) !important; }
#pp#pp #faction-modal .fc-sec, #pp#pp #faction-modal .pc-label, #pp#pp #faction-modal .fc-set-title{
  color:var(--wp-title) !important; font-weight:700 !important; font-size:15px !important;
}
#pp#pp #faction-modal .fc-standard, #pp#pp #faction-modal .fc-ro, #pp#pp #faction-modal .fc-standing,
#pp#pp #faction-modal .fc-settings, #pp#pp #faction-modal .fc-st-row, #pp#pp #faction-modal .fc-invite-box{
  background:var(--wp-base2) !important; border:2px solid var(--wp-ink) !important;
  box-shadow:inset -3px -3px 0 var(--wp-base3) !important; color:var(--wp-text) !important;
}
#pp#pp #faction-modal .fc-member, #pp#pp #faction-modal .fc-browse-row, #pp#pp #faction-modal .fc-diplo-row{
  background:var(--wp-base) !important; border:0 !important; border-bottom:2px solid var(--wp-base3) !important;
  color:var(--wp-text) !important;
}
#pp#pp #faction-modal .fc-member:hover, #pp#pp #faction-modal .fc-browse-row:hover{ background:var(--wp-base2) !important; }
#pp#pp #faction-modal .fc-std-tag, #pp#pp #faction-modal .fc-member-role, #pp#pp #faction-modal .fc-std-role{
  background:var(--wp-well) !important; color:var(--wp-text) !important; border:2px solid var(--wp-ink) !important;
}
#pp#pp #faction-modal .fc-std-name, #pp#pp #faction-modal .fc-ro b{ color:var(--wp-title) !important; }
#pp#pp #faction-modal .fc-ro span, #pp#pp #faction-modal .fc-std-sub, #pp#pp #faction-modal .fc-empty{ color:var(--wp-muted) !important; }

/* Fraksiyon penceresine eklenen wplace profil başlığı (state-browser.js) */
#pp#pp #faction-modal .wp-fchero{ margin:0 0 14px; }

/* ── Telefon ── */
@media (max-width:900px){
  #pp#pp .wp .wp-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  #pp#pp .wp .wp-cols{ grid-template-columns:1fr; }
}
@media (max-width:620px){
  #pp#pp .wp.wp-ov{ padding:0; }
  #pp#pp .wp .wp-box{ width:100%; height:100%; max-height:none; }
  #pp#pp .wp .wp-head{ padding:12px 14px; }
  #pp#pp .wp .wp-body{ padding:14px; }
  #pp#pp .wp .wp-grid{ grid-template-columns:1fr; }
  #pp#pp .wp .wp-sorts{ margin-left:0; width:100%; }
  #pp#pp .wp .wp-sorts .wb{ flex:1 1 auto; }
  #pp#pp .wp .wp-search{ max-width:none; }
  #pp#pp .wp .wp-tiles{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  #pp#pp .wp .wp-phead .wp-emblem{ width:88px; height:88px; }
  #pp#pp .wp .wp-pname{ font-size:21px; }
  #pp#pp .wp .wp-pactions{ margin-left:0; width:100%; }
}