/* ===== permainan ===== */
.skor-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.lencana{background:var(--bg);border:2px solid var(--garis);border-radius:999px;
  padding:6px 12px;font-size:.82rem;font-weight:700}
.lencana.emas{border-color:#ffe08a;background:#fff9e6;color:#8a6d00}
@media (prefers-color-scheme:dark){ .lencana.emas{background:#3a3115;color:#ffe08a} }
.btn-main{margin-left:auto;background:linear-gradient(135deg,#ff8fc7,#c084fc);color:#fff;
  border:none;border-radius:999px;padding:9px 16px;font-weight:700;cursor:pointer;
  font-size:.85rem}

.papan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.kad-main{position:relative;aspect-ratio:1;border-radius:16px;border:none;cursor:pointer;
  font-size:1.9rem;display:grid;place-items:center;color:transparent;
  background:linear-gradient(135deg,#ffc2e0,#d8c2ff);
  box-shadow:0 4px 10px rgba(180,90,150,.18);transition:transform .18s ease}
.kad-main::before{content:"💗";color:rgba(255,255,255,.9);font-size:1.4rem;position:absolute}
.kad-main.buka,.kad-main.padan{color:inherit;background:#fff;border:2px solid var(--garis)}
@media (prefers-color-scheme:dark){ .kad-main.buka,.kad-main.padan{background:#2f2340} }
.kad-main.buka::before,.kad-main.padan::before{content:none}
.kad-main.padan{background:linear-gradient(135deg,#d3f9d8,#e6fcf5);border-color:#8ce99a;
  transform:scale(.96);cursor:default}
.menang{text-align:center;font-weight:800;color:var(--siap);padding:12px;font-size:1.05rem}

.kuiz-soalan{font-size:1.08rem;font-weight:700;line-height:1.4;margin-bottom:12px;
  font-family:"Baloo 2","Nunito",sans-serif}
.kuiz-pilihan{display:grid;gap:9px}
.pilih-btn{text-align:left;padding:13px 15px;border-radius:16px;border:2px solid var(--garis);
  background:var(--bg);color:var(--tinta);font-size:1rem;font-weight:600;cursor:pointer;
  font-family:inherit}
.pilih-btn.betul{background:#d3f9d8;border-color:#51cf66;color:#1a7f37}
.pilih-btn.salah{background:#ffe3e3;border-color:#ff8787;color:#c92a2a}
.kuiz-nota{margin-top:12px;font-size:.88rem;color:var(--lembut);line-height:1.45;min-height:1.2em}
.kuiz-habis{text-align:center;padding:10px 0;font-size:1.05rem;font-weight:800}


/* ===== menu bilik permainan ===== */
.grid-game{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:11px}
.game-kad{display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 10px;
  border-radius:20px;border:2px solid var(--garis);cursor:pointer;font-family:inherit;
  background:linear-gradient(160deg,#fff0f8,#f3ecff);color:var(--tinta);
  transition:transform .12s ease}
@media (prefers-color-scheme:dark){ .game-kad{background:linear-gradient(160deg,#2c2038,#241a30)} }
.game-kad:active{transform:scale(.97)}
.game-ikon{font-size:2.1rem;line-height:1}
.game-nama{font-family:"Baloo 2","Nunito",sans-serif;font-weight:700;font-size:1rem;text-align:center}
.game-rekod{font-size:.72rem;color:var(--lembut);font-weight:700}
.btn-balik{background:none;border:none;color:var(--utama);font-weight:800;font-size:.88rem;
  cursor:pointer;padding:0 0 8px;font-family:inherit}

/* kira cepat */
.kira-soalan{font-family:"Baloo 2","Nunito",sans-serif;font-size:2.1rem;font-weight:800;
  text-align:center;margin:6px 0 16px;color:var(--utama)}
.pilih-btn.tengah{text-align:center;font-size:1.3rem;font-weight:800}

/* susun huruf */
.huruf-petunjuk{font-size:3.2rem;text-align:center;margin-bottom:10px}
.huruf-kotak{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.huruf-slot{width:38px;height:46px;border-radius:12px;border:2px dashed var(--garis);
  display:grid;place-items:center;font-size:1.4rem;font-weight:800;background:var(--bg);
  font-family:"Baloo 2","Nunito",sans-serif}
.betul-kotak .huruf-slot{border-style:solid;border-color:#51cf66;background:#d3f9d8;color:#1a7f37}
.huruf-bank{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.huruf-btn{width:46px;height:52px;border-radius:14px;border:2px solid var(--garis);
  background:linear-gradient(160deg,#fff,#ffeef7);font-size:1.4rem;font-weight:800;cursor:pointer;
  font-family:"Baloo 2","Nunito",sans-serif;color:var(--tinta)}
@media (prefers-color-scheme:dark){ .huruf-btn{background:#2f2340} }
.huruf-btn:disabled{opacity:.25;cursor:default}
.huruf-alat{display:flex;justify-content:center;margin-top:12px}
.btn-alat{background:var(--bg);border:2px solid var(--garis);border-radius:999px;padding:8px 16px;
  font-weight:700;cursor:pointer;font-family:inherit;color:var(--tinta)}

/* ikut warna */
.warna-arahan{text-align:center;font-weight:700;margin-bottom:12px;min-height:1.4em}
.papan-warna{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  max-width:320px;margin:0 auto}
.pad{aspect-ratio:1;border-radius:22px;border:none;font-size:2rem;cursor:pointer;opacity:.75;
  transition:opacity .12s ease, transform .12s ease}
.pad-merah{background:#ff8787} .pad-biru{background:#74c0fc}
.pad-hijau{background:#8ce99a} .pad-kuning{background:#ffd43b}
.pad.nyala{opacity:1;transform:scale(1.05);box-shadow:0 0 22px rgba(255,255,255,.9)}

/* tangkap rama-rama */
.papan-rama{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
  max-width:340px;margin:0 auto}
.petak{aspect-ratio:1;border-radius:18px;border:2px solid var(--garis);font-size:2rem;
  cursor:pointer;background:linear-gradient(160deg,#f3ecff,#fff0f8)}
@media (prefers-color-scheme:dark){ .petak{background:#2c2038} }
.petak.kena{background:#d3f9d8;border-color:#51cf66}

/* SOS 2 pemain */
.sos-label{font-weight:800;font-size:.85rem;margin:12px 0 6px}
.sos-input{width:100%;padding:12px;border-radius:14px;border:2px solid var(--garis);
  background:var(--bg);color:var(--tinta);font-size:1rem;font-family:inherit}
.sos-kod-in{text-align:center;font-size:1.5rem;font-weight:800;letter-spacing:.3em;
  font-family:"Baloo 2","Nunito",sans-serif}
.sos-baris{display:flex;gap:8px;align-items:stretch}
.sos-baris .sos-input{flex:1}
.sos-btn-besar{width:100%;margin-top:12px;padding:14px;border-radius:16px;border:none;color:#fff;
  font-size:1.02rem;font-weight:800;cursor:pointer;font-family:"Baloo 2","Nunito",sans-serif;
  background:linear-gradient(135deg,#ff8fc7,#c084fc)}
.sos-btn-besar.kecil{width:auto;margin-top:0;padding:12px 20px}
.sos-atau{text-align:center;color:var(--lembut);font-size:.8rem;font-weight:700;margin-top:14px}
.sos-tip{margin-top:16px;font-size:.78rem;color:var(--lembut);line-height:1.5;
  background:var(--bg);border-radius:14px;padding:11px 13px}
.sos-ralat{background:#ffe3e3;color:#c92a2a;border-radius:12px;padding:10px 12px;
  font-weight:700;font-size:.85rem;margin-bottom:6px}
.sos-kod-besar{text-align:center;font-family:"Baloo 2","Nunito",sans-serif;font-size:2.8rem;
  font-weight:800;letter-spacing:.25em;color:var(--utama);
  background:var(--bg);border-radius:18px;padding:14px 6px;border:3px dashed var(--garis)}
.sos-tunggu{margin-top:12px;text-align:center;color:var(--lembut);font-size:.86rem;line-height:1.5}
.sos-pemain{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}
.sos-kad-pemain{background:var(--bg);border:2px solid var(--garis);border-radius:16px;
  padding:10px;text-align:center}
.sos-kad-pemain.giliran{border-color:var(--utama);background:linear-gradient(160deg,#fff0f8,#f3ecff);
  box-shadow:0 3px 12px rgba(232,72,154,.2)}
.sos-nama-pemain{font-weight:800;font-size:.95rem}
.sos-mata{font-size:.8rem;color:var(--lembut);font-weight:700}
.sos-status{text-align:center;font-weight:700;margin-bottom:12px;font-size:.95rem}
.sos-pilih-huruf{display:flex;gap:10px;justify-content:center;margin-bottom:14px}
.sos-huruf{width:64px;height:56px;border-radius:16px;border:3px solid var(--garis);
  background:var(--bg);color:var(--tinta);font-size:1.6rem;font-weight:800;cursor:pointer;
  font-family:"Baloo 2","Nunito",sans-serif}
.sos-huruf.pilih{background:linear-gradient(135deg,#ff8fc7,#c084fc);color:#fff;border-color:transparent}
.sos-huruf:disabled{opacity:.4;cursor:default}
.papan-sos{display:grid;gap:6px;max-width:360px;margin:0 auto}
.petak-sos{aspect-ratio:1;border-radius:12px;border:2px solid var(--garis);background:var(--bg);
  font-size:1.4rem;font-weight:800;cursor:pointer;color:var(--utama);
  font-family:"Baloo 2","Nunito",sans-serif}
.petak-sos.isi{background:linear-gradient(160deg,#fff0f8,#f3ecff);border-color:#f0c8e4;
  cursor:default}
@media (prefers-color-scheme:dark){ .petak-sos.isi{background:#2f2340;border-color:#4a3a5c} }
.petak-sos:disabled:not(.isi){opacity:.6;cursor:default}
.sos-mata-pop{text-align:center;margin-top:12px;font-weight:800;color:var(--siap)}

/* ===== permainan kanvas (Lompat Puteri & Peri Terbang) ===== */
/* MUAT SKRIN: kanvas mesti mengecil ikut LEBAR *dan* TINGGI.
   Dahulu ia width:100%;height:auto — hanya lebar dikira, jadi pada skrin pendek
   (atau melintang) tingginya melebihi skrin: budak kena skrol semasa main dan
   butang kawalan tertolak keluar pandangan. max-height ditetapkan oleh
   padanKanvas() dalam enjin.js mengikut ruang sebenar yang tinggal. */
.kanvas-game{width:auto;height:auto;max-width:100%;margin:0 auto;
  display:block;border-radius:18px;
  border:2px solid var(--garis);background:#ffe9f4;touch-action:none}
.kanvas-nota{margin-top:10px;font-size:.78rem;color:var(--lembut);line-height:1.45;text-align:center}
.kawalan{display:flex;gap:10px;justify-content:center;margin-top:12px}
.btn-arah{min-width:64px;padding:14px 10px;border-radius:18px;border:2px solid var(--garis);
  background:linear-gradient(160deg,#fff,#ffeef7);font-size:1.3rem;cursor:pointer;
  font-family:inherit;color:var(--tinta);user-select:none;touch-action:manipulation}
@media (prefers-color-scheme:dark){ .btn-arah{background:#2f2340} }
.btn-arah:active{transform:scale(.95)}
.btn-arah.lompat{flex:1;max-width:190px;font-size:1.05rem;font-weight:800;color:#fff;
  border-color:transparent;background:linear-gradient(135deg,#ff8fc7,#c084fc)}
.btn-terbang{width:100%;margin-top:12px;padding:15px;border-radius:18px;border:none;color:#fff;
  font-size:1.05rem;font-weight:800;cursor:pointer;font-family:"Baloo 2","Nunito",sans-serif;
  background:linear-gradient(135deg,#ff8fc7,#c084fc);touch-action:manipulation}

/* semasa main game kanvas, bar tab disorok supaya kawalan tak tertutup */
body.game-kanvas .tab-bar{display:none}


/* ===== MOD SKRIN PENUH untuk permainan kanvas =====
   Mengecilkan kanvas sahaja TIDAK memadai: pada skrin pendek (telefon 640px,
   telefon melintang, laptop pendek) bingkai di sekeliling kanvas — tajuk, nota,
   bar skor, kawalan, butang keluar — sudah pun melebihi tinggi skrin. Diuji:
   9 daripada 15 gabungan skrin/permainan memerlukan skrol.
   Jadi kawasan permainan menjadi bekas TETAP setinggi skrin, dan kanvas
   mengambil baki ruang. Dengan cara ini skrol menjadi MUSTAHIL, bukan sekadar
   tidak mungkin. */
body.game-kanvas{overflow:hidden}
/* Sorok kepala halaman (ucapan, tab hari, jalur kemajuan) semasa bermain.
   Dua sebab: (1) ia memakan ~260px daripada skrin telefon — separuh kawasan
   permainan; (2) `main{position:relative;z-index:1}` mencipta konteks susunan,
   jadi z-index:60 kawasan permainan TERPERANGKAP di bawah header z-index:5 dan
   header menindih bar kad permainan. Menyoroknya menyelesaikan kedua-duanya. */
body.game-kanvas > header{display:none}
body.game-kanvas #kawasan-game{
  position:fixed; inset:0; z-index:60; margin:0; width:100%; max-width:none;
  border-radius:0; overflow:hidden;
  display:flex; flex-direction:column; gap:6px;
  padding:8px 10px 10px;
}
body.game-kanvas #kawasan-game .kad-kepala{display:flex;align-items:center;gap:10px;
  margin:0;flex:0 0 auto}
body.game-kanvas #kawasan-game #game-tajuk{font-size:1rem;margin:0;flex:1}
body.game-kanvas #kawasan-game #game-nota{display:none}
body.game-kanvas #kawasan-game .btn-balik{display:none}
body.game-kanvas #kawasan-game .kanvas-nota{display:none}
/* Bar skor: SATU baris boleh skrol. Berbalut, 5 lencana + butang 'Peta tahap'
   memakan ~250px daripada skrin 640px — hampir separuh, dan kanvas yang bayar. */
body.game-kanvas #kawasan-game #game-skor{flex:0 0 auto;margin:0;
  flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:6px;
  -webkit-overflow-scrolling:touch;scrollbar-width:none}
body.game-kanvas #kawasan-game #game-skor::-webkit-scrollbar{display:none}
body.game-kanvas #kawasan-game #game-skor > *{flex:0 0 auto;white-space:nowrap}
body.game-kanvas #kawasan-game #game-skor .lencana{padding:4px 10px;font-size:.78rem}
body.game-kanvas #kawasan-game #game-skor .btn-main{padding:6px 12px;font-size:.78rem}
body.game-kanvas #kawasan-game #game-isi{flex:1 1 auto;min-height:0;width:100%;
  display:flex;flex-direction:column;align-items:center;gap:6px;overflow:auto}
body.game-kanvas #kawasan-game #btn-keluar-bawah{flex:0 0 auto;margin:0}
body.game-kanvas .kanvas-game{flex:0 1 auto;min-height:0}
/* Sesetengah permainan membungkus kanvasnya (Kebun: isi > arena > kanvas).
   Tanpa ini pembungkus itu menyusut ikut kandungan (216px) dan menghadkan
   lebar kanvas walaupun tinggi mencukupi. */
/* :not([hidden]) WAJIB — tanpa ia, display:flex mengatasi display:none daripada
   atribut [hidden], jadi skrin peta Kebun (329px) kekal terpampang di atas kanvas
   walaupun kodnya sudah menyorokkannya. Kanvas terhimpit jadi 99x152px. */
/* :not(.kanvas-game) WAJIB — sesetengah permainan menambah kanvas TERUS ke
   #game-isi (Lompat, Peri Terbang). Tanpa pengecualian ini, width:100% mengenai
   kanvas itu sendiri dan MEREGANGKANNYA: Lompat 360x260 dipapar 1256x348
   (nisbah 1.39 -> 3.6). Kanvas mesti kekal nisbah asalnya. */
body.game-kanvas #kawasan-game #game-isi > *:not([hidden]):not(.kanvas-game){
  width:100%;max-width:100%;
  flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;gap:6px}
/* bar kad / kawalan kekal saiz asal; hanya kanvas yang menyerap baki ruang */
body.game-kanvas #kawasan-game .kebun-kad-bar,
body.game-kanvas #kawasan-game .kawalan,
body.game-kanvas #kawasan-game .btn-terbang{flex:0 0 auto}
body.game-kanvas #kawasan-game [hidden]{display:none !important}

/* MELINTANG / SKRIN SANGAT PENDEK — susun MENDATAR.
   Menyusun menegak pada 740x360 memberi kanvas 123x90px: ia "muat" tetapi
   terlalu kecil untuk dimain. Bila skrin lebih lebar daripada tinggi, kanvas
   patut mengambil seluruh TINGGI dan kawalan duduk di sebelahnya. */


/* ===== butang KELUAR permainan (dalam header melekat, sentiasa nampak) ===== */
.head-btn{display:flex;gap:8px;align-items:center;flex:0 0 auto}
.btn-keluar-game{background:#fff;color:#e03131;border:none;border-radius:999px;
  padding:0 16px;height:44px;font-family:"Baloo 2","Nunito",sans-serif;font-weight:800;
  font-size:.95rem;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px rgba(120,40,90,.28)}
.btn-keluar-game:active{transform:scale(.96)}
/* butang keluar besar di bawah permainan kanvas */
.btn-keluar-bawah{width:100%;margin-top:10px;padding:13px;border-radius:18px;
  border:2px solid var(--garis);background:var(--bg);color:var(--lembut);
  font-family:"Baloo 2","Nunito",sans-serif;font-weight:800;font-size:.95rem;cursor:pointer}

/* ===== KEBUN AMEENA (pertahanan kebun) ===== */
.kebun-peta-kepala{text-align:center;margin-bottom:12px}
.kebun-peta-tajuk{font-family:"Baloo 2","Nunito",sans-serif;font-weight:800;font-size:1.15rem;color:var(--utama)}
.kebun-peta-nota{font-size:.78rem;color:var(--lembut);margin-top:3px;line-height:1.45}
.kebun-grid-tahap{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:9px}
.kebun-tahap-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:11px 4px;
  border-radius:18px;border:2px solid var(--garis);cursor:pointer;font-family:inherit;
  background:linear-gradient(160deg,#fff0f8,#f3ecff);color:var(--tinta)}
@media (prefers-color-scheme:dark){ .kebun-tahap-btn{background:linear-gradient(160deg,#2c2038,#241a30)} }
.kebun-tahap-btn.baru{border-color:var(--utama);box-shadow:0 0 0 3px rgba(255,143,199,.25)}
.kebun-tahap-btn.kunci{opacity:.45;cursor:default;background:var(--bg)}
.kebun-tahap-no{font-family:"Baloo 2","Nunito",sans-serif;font-weight:800;font-size:1.3rem}
.kebun-tahap-bintang{font-size:.62rem;color:var(--lembut);font-weight:700;letter-spacing:-1px}
.kebun-koleksi{margin-top:16px;padding-top:12px;border-top:2px dashed var(--garis)}
.kebun-koleksi-tajuk{font-size:.8rem;font-weight:800;color:var(--lembut);margin-bottom:7px}
.kebun-koleksi-baris{display:flex;flex-wrap:wrap;gap:7px}
.kebun-koleksi-item{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;
  background:var(--bg);border:2px solid var(--garis);font-size:.75rem;font-weight:700}
.kebun-koleksi-emoji{font-size:1.05rem}
.kebun-koleksi-nota{margin-top:10px;font-size:.78rem;color:var(--utama);font-weight:700}

.kebun-kad-bar{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 8px;-webkit-overflow-scrolling:touch}
.kebun-kad{position:relative;overflow:hidden;flex:0 0 auto;width:66px;display:flex;flex-direction:column;
  align-items:center;gap:1px;padding:7px 3px;border-radius:15px;border:2px solid var(--garis);
  background:linear-gradient(160deg,#fff,#ffeef7);color:var(--tinta);cursor:pointer;
  font-family:inherit;touch-action:manipulation}
@media (prefers-color-scheme:dark){ .kebun-kad{background:linear-gradient(160deg,#2f2340,#241a30)} }
.kebun-kad.pilih{border-color:var(--utama);box-shadow:0 0 0 3px rgba(255,143,199,.3);transform:translateY(-2px)}
.kebun-kad.mati{opacity:.45}
.kebun-kad.cangkul{background:linear-gradient(160deg,#f1f3f5,#e9ecef);color:#495057}
@media (prefers-color-scheme:dark){ .kebun-kad.cangkul{background:#332a3f;color:#cfc4dd} }
.kebun-kad-emoji{font-size:1.45rem;line-height:1.1}
.kebun-kad-nama{font-size:.58rem;font-weight:800;text-align:center;line-height:1.1}
.kebun-kad-kos{font-size:.6rem;font-weight:800;color:var(--utama)}
.kebun-kad-tudung{position:absolute;left:0;top:0;width:100%;height:0;
  background:rgba(80,40,90,.45);pointer-events:none;transition:height .12s linear}
.kebun-bar-tamat{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}

/* sprite SVG dalam kad & senarai koleksi */
.kebun-kad-imej{width:34px;height:34px;display:block;image-rendering:auto}
.kebun-koleksi-imej{width:22px;height:22px;display:block}

/* ===== MELINTANG / SKRIN PENDEK (mesti kekal DI HUJUNG fail) ===== */
@media (orientation:landscape) and (max-height:560px){
  body.game-kanvas #kawasan-game{padding:6px 8px}
  /* Pemilih di sini SENGAJA sama bentuk dengan peraturan am di atas dan blok ini
     diletak di HUJUNG fail. Sebab: peraturan am menggunakan
     `#kawasan-game #game-isi > *:not([hidden]):not(.kanvas-game)` = 2 id + 3 kelas.
     Pemilih satu-kelas seperti `.kebun-arena` KALAH, jadi arena kekal menegak
     sementara bar kad menjadi lajur tinggi — kanvas terhimpit ke 4x4px.
     Specificity sama + kedudukan terkemudian = override yang betul, tanpa !important. */
  body.game-kanvas #kawasan-game #game-isi{flex-direction:row;align-items:stretch;
    justify-content:center;gap:10px;overflow:hidden}
  body.game-kanvas #kawasan-game #game-isi > *:not([hidden]):not(.kanvas-game){
    flex-direction:row;align-items:stretch;gap:8px}
  body.game-kanvas #kawasan-game #game-isi .kebun-kad-bar{flex-direction:column;
    overflow-y:auto;overflow-x:hidden;flex:0 0 auto;padding:0;max-width:84px}
  /* flex:0 1 auto — BUKAN 1 1 auto. Dalam susunan BARIS, paksi utama ialah
     LEBAR, jadi flex-grow meregangkan kanvas melebar (646x193, nisbah rosak)
     sementara max-height mengapitnya. Biarkan nisbah asal yang menentukan. */
  body.game-kanvas #kawasan-game .kanvas-game{flex:0 1 auto;min-height:0;
    max-height:100%;height:auto;width:auto;max-width:100%;align-self:center}
  body.game-kanvas #kawasan-game .kawalan{flex-direction:column;justify-content:center;
    margin:0;flex:0 0 auto;align-self:center}
  body.game-kanvas #kawasan-game .btn-terbang{width:auto;margin:0;align-self:center;
    padding:14px 18px;flex:0 0 auto}
  body.game-kanvas #kawasan-game #game-skor{font-size:.72rem;flex-wrap:nowrap;
    overflow-x:auto;gap:6px}
  body.game-kanvas #kawasan-game #btn-keluar-bawah{padding:8px 14px;font-size:.85rem}
}