/* playBGT(TM) quiz explorer v1.0. Works on the Table Type family pages (.tt) and the original player quiz (.bx-classic). */
.bx{background:#fff;border-radius:22px;padding:18px 16px;margin-top:16px;box-shadow:0 8px 22px rgba(34,22,58,.08)}
.bx[hidden],.bx-grid li[hidden]{display:none}
.bx-h{margin:0 0 4px;font-size:1.35rem;font-weight:600;line-height:1.2}
.bx-lede{margin:0 0 12px;font-size:.98rem;opacity:.85}
.bx-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:560px){.bx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bx-tile{display:flex;flex-direction:column;width:100%;height:100%;min-height:44px;padding:0;margin:0;border:2px solid rgba(34,22,58,.14);border-radius:16px;overflow:hidden;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer;
  box-shadow:0 4px 0 rgba(34,22,58,.12);transition:transform .12s,box-shadow .12s,border-color .15s;-webkit-tap-highlight-color:transparent}
.bx-tile:hover{transform:translateY(-2px);border-color:rgba(34,22,58,.35)}
.bx-tile:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(34,22,58,.12)}
.bx-tile:focus-visible{outline:3px solid #22163a;outline-offset:3px}
.bx-img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#f1e4d0}
.bx-txt{display:flex;flex-direction:column;gap:2px;flex:1;padding:9px 10px 11px}
.bx-tile-c .bx-txt{color:var(--bi);background:linear-gradient(110deg,var(--b1),var(--b2))}
.bx-name{font:700 1.02rem/1.15 "Fredoka","Trebuchet MS",Arial,sans-serif}
.bx-tag{font-size:.86rem;line-height:1.25;opacity:.92}
.bx-more{margin-top:auto;padding-top:6px;font:600 .82rem "Fredoka","Trebuchet MS",Arial,sans-serif;text-decoration:underline;text-underline-offset:2px}
/* panel */
html.bx-lock,html.bx-lock body{overflow:hidden}
.bx-dlg{width:min(100vw,640px);max-width:100vw;max-height:100vh;max-height:100dvh;height:auto;margin:auto;padding:0;border:0;border-radius:22px;background:var(--paper,#fff8ef);color:var(--ink,#22163a);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.bx-dlg::backdrop{background:rgba(20,12,40,.62)}
.bx-dlg.bx-fallback{position:fixed;inset:0;z-index:9998}
@media (min-width:701px){.bx-dlg{max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px)}}
@media (max-width:700px){.bx-dlg{width:100vw;height:100vh;height:100dvh;border-radius:0}}
.bx-bar{position:sticky;top:0;z-index:2;display:flex;padding:10px 12px;background:var(--paper,#fff8ef);border-bottom:1px solid rgba(34,22,58,.1)}
.bx-back{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border-radius:999px;border:2px solid rgba(34,22,58,.2);background:#fff;color:var(--ink,#22163a);font:600 1rem "Fredoka","Trebuchet MS",Arial,sans-serif;cursor:pointer}
.bx-back:hover{border-color:rgba(34,22,58,.45)}
.bx-back:focus-visible{outline:3px solid #22163a;outline-offset:2px}
.bx-body{padding:12px 12px 4px}
.bx-body .tt-card{animation:none}
.bx-foot{padding:6px 12px 20px;display:flex;justify-content:center}
.bx-back-foot{width:100%;justify-content:center}
.bx-kick{display:inline-block;margin:0 0 8px;padding:4px 12px;border-radius:999px;background:#fff;border:2px dashed rgba(34,22,58,.25);font:600 .85rem "Fredoka","Trebuchet MS",Arial,sans-serif}
/* original player quiz look */
.bx-classic{font-family:Georgia,"Times New Roman",serif;color:#3a2e25}
.bx.bx-classic{background:#fffaf0;border:1px solid #e3d8c3;border-radius:18px;padding:20px;box-shadow:0 6px 18px rgba(58,46,37,.08);margin-top:14px}
.bx-classic .bx-h{font-family:"Trebuchet MS",Arial,sans-serif}
.bx-classic .bx-tile{border-color:#e3d8c3}
.bx-classic .bx-tile:hover{border-color:#e4a04a}
.bx-classic .bx-name{color:#3a2e25}
.bx-classic .bx-more{color:#c8642c}
.bx-dlg.bx-classic{--paper:#f5f1e8;--ink:#3a2e25}
.bx-classic .bx-back{font-family:"Trebuchet MS",Arial,sans-serif;border-color:#e3d8c3;color:#3a2e25}
.bx-classic .bx-back:hover{border-color:#e4a04a}
@media (prefers-reduced-motion:reduce){.bx-tile{transition:none}}