/* BOXXY v424: admin-only WebDriver evidence badge. */
/* BOXXY v395: compact, paged Play History with fixed sort buttons and playable level links. */
.history-browser {font:inherit;color:inherit;max-width:100%;}
.history-browser details {border:1px solid #989083;border-radius:5px;margin:.45rem 0;padding:.55rem;}
.history-browser summary {cursor:pointer;font-weight:800;padding:.45rem;}
.history-browser .history-pack {--history-pack-accent:#171719;--history-pack-ink:#fff;background:#fffbf5;}
.history-browser .history-pack > summary {background:var(--history-pack-accent);color:var(--history-pack-ink);border-radius:3px;padding:.75rem;}
.history-browser .history-pack .history-level {margin:.45rem 0 .45rem .55rem;background:#fffdf9;color:#171719;}
.history-browser .history-note {font-size:.82em;opacity:.78;margin:.65rem 0;line-height:1.4;}
.history-browser .history-recent {margin:.85rem 0 1.2rem;background:#fff9ee;}
.history-browser .history-recent > summary {font-weight:900;}
.history-browser .history-recent-items {display:grid;gap:.35rem;padding:.35rem 0;}
.history-browser .history-recent button {display:block;text-align:left;white-space:normal;padding:.7rem;border:1px solid #333;border-left:8px solid var(--history-pack-accent,#171719);border-radius:5px;background:#fffdf9;color:#171719;cursor:pointer;line-height:1.3;font-weight:760;}
.history-browser .history-recent button:hover,.history-browser .history-recent button:focus-visible {background:var(--history-pack-accent);color:var(--history-pack-ink);}
.history-browser .history-table-wrap {overflow-x:auto;}
.history-browser .history-controls {display:flex;flex-wrap:nowrap;align-items:center;gap:.32rem;padding:.7rem 0;overflow-x:auto;white-space:nowrap;}
.history-browser .history-sort-label {font-weight:700;flex:none;}
.history-browser .history-sort-button {flex:none;margin:0;padding:.35rem .55rem;border:1.5px solid #171719;border-radius:3px;background:#fffdf9;color:#171719;font:inherit;font-size:.82em;font-weight:800;line-height:1.1;cursor:pointer;box-shadow:none;}
.history-browser .history-sort-button[aria-pressed="true"] {background:#171719;color:#fff;}
.history-browser .history-sort-button:hover,.history-browser .history-sort-button:focus-visible {outline:2px solid #171719;outline-offset:1px;}
.history-browser .history-table {width:100%;border-collapse:collapse;font-size:.85em;min-width:390px;}
.history-browser .history-table th,.history-browser .history-table td {padding:.45rem .3rem;text-align:left;border-bottom:1px solid #8886;}
.history-browser .history-incomplete {background:#f5f2ed;}
.history-browser .history-missing {color:#777;}
.history-browser .history-best {background:#37a86e33;font-weight:900;outline:1px solid #37a86e;}
.history-browser .history-earlier-row {background:#f1eee9;color:#5a5754;}
.history-browser .history-earlier-row td:first-child {font-weight:800;white-space:nowrap;}
.account-play-history {border:2px solid #171719;border-radius:6px;margin:1rem 0;background:#fff9ef;}
.account-play-history > summary {cursor:pointer;font-weight:900;letter-spacing:.06em;background:#8e44ad;color:#fff;padding:.9rem 1rem;}
.account-play-history > summary:hover,.account-play-history > summary:focus-visible {background:#70318e;color:#fff;}
.account-play-history > .history-browser {padding:.9rem;}

.history-browser .history-more-levels,.history-browser .history-play-level {
  display:inline-block;margin:.55rem 0;padding:.55rem .9rem;border:2px solid #171719;
  border-radius:4px;background:#8e44ad;color:white;font:inherit;font-size:.85em;
  font-weight:850;text-decoration:none;cursor:pointer;
}
.history-browser .history-more-levels:hover,.history-browser .history-more-levels:focus-visible,
.history-browser .history-play-level:hover,.history-browser .history-play-level:focus-visible {
  background:#70318e;color:white;
}
.history-browser .history-more-levels[hidden]{display:none;}
.history-browser .history-play-status{font-size:.85em;color:#992d2d;margin:.4rem 0;}

.history-browser .history-webdriver-flag{display:inline-block;margin-left:.35rem;padding:.08rem .28rem;border:1px solid #b01818;border-radius:3px;color:#b01818;background:#fff4f4;font-size:.72em;font-weight:900;line-height:1.2;vertical-align:middle;white-space:nowrap}

/* v428: permanent Daily Fastest Times medal marker. */
.history-browser .history-daily-gold{display:inline-block;margin-left:.28rem;font-size:1.05em;line-height:1;vertical-align:-.08em;filter:drop-shadow(1px 1px 0 rgba(23,23,25,.2))}
