/* Wikipedia's classic Vector layout: https://www.mediawiki.org/wiki/Skin:Vector */
.wiki-game {
    --wiki-link: #0645ad;
    box-sizing: border-box;
    position: fixed;
    inset: 0;
    z-index: 1000;
    overflow: auto;
    background: #f6f6f6;
    color: #202122;
    font: 14px/1.6 Arial, Helvetica, sans-serif;
    text-align: left;
    letter-spacing: normal;
    color-scheme: light;
}
.wiki-game *, .wiki-game *::before, .wiki-game *::after { box-sizing: border-box; }
.wiki-game--embedded { position: relative; inset: auto; z-index: auto; min-height: 100vh; overflow: visible; }
body.wiki-game-open { overflow: hidden; }
.wiki-game [hidden], .wiki-game__dissolve { display: none !important; }
.wiki-game a { color: var(--wiki-link); text-decoration: none; }
.wiki-game a:hover { text-decoration: underline; }
.wiki-game button { font-family: inherit; cursor: pointer; letter-spacing: normal; }
.wiki-game :is(a, button):focus-visible { outline: 2px solid #36c; outline-offset: 3px; }
.wiki-game__sidebar { position: absolute; top: 0; left: 0; width: 176px; padding: 18px 24px; }
.wiki-game__logo { display: flex; align-items: center; flex-direction: column; color: #202122 !important; margin: 0 -8px 30px; }
.wiki-game__logo:hover { text-decoration: none !important; }
.wiki-game__logo img { display: block; object-fit: contain; margin-bottom: 4px; }
.wiki-game__logo > span { font: small-caps 28px/1 Georgia, 'Times New Roman', serif; }
.wiki-game__logo small { font: 12px/1.5 Georgia, 'Times New Roman', serif; white-space: nowrap; }
.wiki-game__sidebar nav { display: flex; flex-direction: column; align-items: flex-start; font-size: 14px; line-height: 1.55; }
.wiki-game__sidebar nav > a { display: block; }
.wiki-game__nav-heading { color: #54595d; border-bottom: 1px solid #c8ccd1; margin: 18px 0 6px; padding-bottom: 3px; }
.wiki-game__workspace { margin-left: 176px; }
.wiki-game__personal { height: 40px; padding: 7px 24px; display: flex; justify-content: flex-end; gap: 18px; font-size: 12px; background: linear-gradient(#fff, #f6f6f6); }
.wiki-game__close { border: 0; padding: 0; background: none; color: var(--wiki-link); }
.wiki-game__tabs { display: flex; align-items: stretch; justify-content: space-between; height: 40px; border-bottom: 1px solid #a7d7f9; padding-right: 24px; background: linear-gradient(#f6f6f6 0%, #fff 100%); font-size: 13px; }
.wiki-game__mode { display: flex; }
.wiki-game__mode button, .wiki-game__tabs > a { display: flex; align-items: center; border: 0; border-left: 1px solid #a7d7f9; border-right: 1px solid #a7d7f9; border-radius: 0; padding: 0 12px; background: linear-gradient(#fff 0%, #e8f2f8 100%); color: var(--wiki-link); font-size: 13px; }
.wiki-game__mode button + button { border-left: 0; }
.wiki-game__mode button.is-active { background: #fff; color: #202122; margin-bottom: -1px; padding-bottom: 1px; }
.wiki-game__mode button:hover { text-decoration: underline; }
.wiki-game__panel { min-height: 0; background: #fff; border: 1px solid #a7d7f9; border-top: 0; padding: 16px 24px; display: flow-root; }
.wiki-game__top > :is(h1,h2) { margin: 0; padding: 0 0 4px; border-bottom: 1px solid #a2a9b1; color: #000; font: normal 29px/1.3 Georgia, 'Times New Roman', serif; }
.wiki-game__subtitle { margin: 5px 0 20px; font-size: 13px; }
.wiki-game__prompt { margin: 0 0 20px; }
.wiki-game__statbar { float: right; width: 260px; margin: 0 0 24px 28px; padding: 6px; background: #f8f9fa; border: 1px solid #a2a9b1; font-size: 13px; }
.wiki-game__stats-title { text-align: center; font-size: 17px; font-weight: bold; padding: 1px 0 7px; }
.wiki-game__stat-label { background: #eaecf0; font-weight: bold; text-align: center; padding: 2px 6px; margin-bottom: 3px; }
.wiki-game__stat-group + .wiki-game__stat-group { margin-top: 6px; }
.wiki-game__stat-pair { display: flex; justify-content: space-between; gap: 12px; padding: 4px 6px; }
.wiki-game__stat-pair > span { font-weight: bold; }
.wiki-game__stat-pair strong { font-weight: normal; font-variant-numeric: tabular-nums; }
.wiki-game__arena { overflow: hidden; }
.wiki-game__card { width: 100%; display: block; position: relative; text-align: left; border: 0; border-radius: 0; padding: 0 0 24px; background: #fff; color: #202122; font-size: 14px; line-height: 1.6; }
.wiki-game__card + .wiki-game__card { margin-top: 6px; }
.wiki-game__card:disabled { cursor: default; opacity: 1; }
.wiki-game__card-heading { display: flex; align-items: baseline; gap: 12px; border-bottom: 1px solid #a2a9b1; margin-bottom: 10px; padding-bottom: 3px; }
.wiki-game__card-heading strong { color: #202122; font: normal 23px/1.35 Georgia, 'Times New Roman', serif; overflow-wrap: anywhere; }
.wiki-game__card-tag { color: var(--wiki-link); font-size: 13px; white-space: nowrap; }
.wiki-game__card:hover:not(:disabled) .wiki-game__card-heading strong { color: var(--wiki-link); text-decoration: underline; }
.wiki-game__card-extract { display: block; }
.wiki-game__card-result { display: none; align-items: baseline; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
.is-revealed .wiki-game__card-result { display: flex; }
.wiki-game__card-result em { font-style: normal; font-weight: bold; }
.wiki-game__card-badge { font-size: 13px; color: #54595d; }
.wiki-game__card.is-correct .wiki-game__card-result em { color: #14866d; }
.wiki-game__card.is-wrong .wiki-game__card-result::after { content: 'Your choice'; color: #b32424; font-size: 13px; }
.wiki-game__arena.is-loading .wiki-game__card-heading strong:empty::before { content: 'Loading…'; color: #72777d; }
.wiki-game__arena.is-loading .wiki-game__card-extract:empty::before { content: 'Finding a pair of Wikipedia articles.'; color: #72777d; }
.wiki-game__status { margin: 12px 0; padding: 8px 12px; border: 1px solid #a2a9b1; background: #f8f9fa; }
.wiki-game__round-actions { margin: 0 0 20px; }
.wiki-game__next-round { min-height: 32px; padding: 5px 12px; background: #f8f9fa; color: #202122; border: 1px solid #a2a9b1; border-radius: 2px; font-size: 14px; font-weight: bold; }
.wiki-game__next-round:hover { background: #fff; border-color: #72777d; }
.wiki-game__history { clear: both; padding-top: 12px; }
.wiki-game__history-top { display: flex; align-items: baseline; gap: 14px; border-bottom: 1px solid #a2a9b1; margin-bottom: 12px; }
.wiki-game__history-top h2 { margin: 0; font: normal 23px/1.5 Georgia, 'Times New Roman', serif; color: #202122; }
.wiki-game__history-top button { border: 0; background: none; color: var(--wiki-link); font-size: 13px; padding: 0; }
.wiki-game__history-top button::before { content: '['; color: #202122; }
.wiki-game__history-top button::after { content: ']'; color: #202122; }
.wiki-game__history ol { margin: 0; padding: 0; list-style: none; border: 1px solid #a2a9b1; }
.wiki-game__history-item { display: grid; grid-template-columns: 24px minmax(0, 1fr) 24px minmax(0, 1fr); gap: 12px; padding: 9px 12px; background: #f8f9fa; font-size: 13px; }
.wiki-game__history-item + .wiki-game__history-item { border-top: 1px solid #a2a9b1; }
.wiki-game__history-result { font-weight: bold; }
.wiki-game__history-result.is-win { color: #14866d; }
.wiki-game__history-result.is-loss { color: #b32424; }
.wiki-game__history-side { display: flex; flex-wrap: wrap; gap: 0 12px; align-items: baseline; overflow-wrap: anywhere; }
.wiki-game__history-side span { white-space: nowrap; color: #54595d; }
.wiki-game__history-side.is-winner a { font-weight: bold; }
.wiki-game__history-vs { color: #54595d; }
.wiki-game__toast { display: none; margin: 12px 0; color: #54595d; }
.wiki-game__toast.is-visible { display: block; }
.wiki-game__footer { padding: 18px 24px 28px; font-size: 12px; }
.wiki-game__footer p { margin: 0 0 8px; }
@media (max-width: 900px) {
    .wiki-game__statbar { width: 210px; margin-left: 20px; }
    .wiki-game__panel { padding: 18px; }
}
@media (max-width: 680px) {
    .wiki-game__sidebar { position: static; width: auto; padding: 12px 16px; }
    .wiki-game__logo { width: max-content; flex-direction: row; justify-content: flex-start; gap: 8px; margin: 0 0 10px; }
    .wiki-game__logo img { width: 32px; height: 32px; margin: 0; }
    .wiki-game__logo > span { font-size: 24px; }
    .wiki-game__logo small { display: none; }
    .wiki-game__sidebar nav { flex-direction: row; flex-wrap: wrap; gap: 4px 16px; }
    .wiki-game__sidebar nav > a[href^='#'], .wiki-game__nav-heading { display: none; }
    .wiki-game__workspace { margin: 0; }
    .wiki-game .wiki-game__personal:has(.wiki-appearance) { position: absolute; top: 12px; right: 16px; height: 32px; min-height: 0; padding: 0; background: none; }
    .wiki-game__personal .wiki-appearance { height: 100%; gap: 8px; font-size: 12px; }
    .wiki-game__personal .wiki-appearance fieldset { gap: 6px; }
    .wiki-game__personal:has(.wiki-game__close) { display: flex; height: 32px; }
    .wiki-game__tabs { padding-right: 0; }
    .wiki-game__panel { border-left: 0; border-right: 0; padding: 16px; min-height: 0; display: flex; flex-direction: column; }
    .wiki-game__top > :is(h1,h2) { font-size: 28px; }
    .wiki-game__subtitle { margin-bottom: 16px; }
    .wiki-game__prompt { margin-bottom: 20px; }
    .wiki-game__statbar { float: none; width: 100%; margin: 12px 0; order: 2; }
    .wiki-game__history { order: 3; }
    .wiki-game__arena { overflow: visible; }
    .wiki-game__card-heading strong { font-size: 22px; }
    .wiki-game__history-item { grid-template-columns: 18px minmax(0, 1fr); gap: 3px 8px; }
    .wiki-game__history-result { grid-row: span 2; }
    .wiki-game__history-vs { display: none; }
    .wiki-game__footer { padding: 16px; }
}

.wiki-game__footer-links { display: flex; flex-wrap: wrap; gap: 8px 20px; }

.wiki-game__categories { margin-bottom: 16px; padding: 5px 8px; border: 1px solid var(--wiki-rule, #a2a9b1); background: var(--wiki-box, #f8f9fa); font-size: 14px; }

@media (max-width: 380px) {
    .wiki-game__logo { gap: 6px; }
    .wiki-game__logo img { width: 24px; height: 32px; }
    .wiki-game__logo > span { font-size: 18px; }
}
