/*! Copyright 2026 El Trivia (eltrivia.com). All rights reserved. */
.q-countries{padding-block:var(--s5) var(--s7)}.q-countries__intro{display:grid;gap:var(--s2);margin-bottom:var(--s5);max-width:60ch}.q-countries__intro h1{font-size:28px}.q-countries__game{display:grid;gap:var(--s4);max-width:none;padding:var(--s3)}.q-countries__game:focus{outline:none}.q-countries__side{align-content:start;display:grid;gap:var(--s3);min-width:0}.q-countries__bar{background:var(--surface);border-radius:var(--r-card) var(--r-card) 0 0;display:grid;gap:var(--s2);margin:calc(var(--s3)*-1) calc(var(--s3)*-1) 0;padding:var(--s3);position:sticky;top:0;z-index:4}.q-countries__row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s4)}.q-countries__actions{display:flex;gap:var(--s2);margin-left:auto}.q-countries__input{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink);font-size:18px;min-height:48px;padding:0 var(--s4);width:100%}.q-countries__input:disabled{opacity:.5}.q-countries__feedback{font-size:15px;margin-top:var(--s1);padding-inline:var(--s4)}.q-countries__list{border-top:1px solid var(--line);max-height:176px;overflow-y:auto;overscroll-behavior:contain}.q-countries__table{border-collapse:collapse;font-size:15px;width:100%}.q-countries__table thead th{background:var(--surface);color:var(--ink-2);font-size:12px;font-weight:600;padding:var(--s2);position:sticky;text-align:left;top:0}.q-countries__table td{border-bottom:1px solid var(--line);height:36px;padding:6px var(--s2)}.q-countries__table td:first-child,.q-countries__table th:first-child{color:var(--ink-2);width:3.5em}.q-countries__result{display:grid;gap:var(--s3);padding-block:var(--s2)}.q-countries__result .fig dd{font-size:24px}.q-countries__mapwrap{min-width:0;position:relative}.q-countries__endlist{border-top:1px solid var(--line);display:grid;gap:var(--s3);padding-top:var(--s3)}.q-countries__groups{display:grid;gap:var(--s4)}.q-countries__group{display:grid;gap:var(--s2)}.q-countries__group h3{align-items:baseline;display:flex;gap:var(--s2)}.q-countries__bubbles{display:flex;flex-wrap:wrap;gap:6px}.q-countries__bubbles .state{border-radius:var(--r-pill);font-size:14px;line-height:1.5;padding:2px 10px}.q-countries__caption{font-size:15px;margin-top:var(--s2);min-height:1.5em}.q-countries__stats{display:grid;gap:var(--s4);margin-top:var(--s5);max-width:none;padding:var(--s4)}.q-countries__stats .figs{grid-template-columns:repeat(3,minmax(0,1fr))}.q-countries__stats .fig dd{font-size:24px}.q-countries__recent{overflow-x:auto}.q-countries__recent caption{padding-bottom:var(--s2);text-align:left}.q-countries__recent td:first-child,.q-countries__recent th:first-child{color:inherit;width:auto}.q-countries__about{display:grid;gap:var(--s3);margin-top:var(--s7);max-width:72ch}.q-countries__about h2{margin-top:var(--s4)}.q-countries__about h3{margin-top:var(--s2)}.q-countries__about ol,.q-countries__about ul{display:grid;gap:var(--s1);margin:0;padding-left:1.4em}.q-countries__names th[scope=row]{border-bottom:1px solid var(--line);font-weight:600;padding:6px var(--s2);text-align:left}.q-countries__names th:first-child{color:inherit;width:40%}.q-countries__names thead th{position:static}.q-countries__more{display:grid;gap:var(--s3)}.q-countries__more summary{cursor:pointer;font-weight:600;padding-block:10px}.q-countries__pause{align-content:center;inset:0;padding:var(--s4)}.q-countries__pause p{font-size:18px}.q-countries.is-paused .q-countries__list,.q-countries.is-paused .q-countries__map{visibility:hidden}@media (min-width:900px){.q-countries__game{gap:var(--s5);grid-template-columns:minmax(0,2fr) minmax(280px,1fr);padding:var(--s5)}.q-countries__mapwrap{align-self:start;grid-column:1;grid-row:1}.q-countries__side{grid-column:2;grid-row:1}.q-countries__bar{margin:0;padding:0;position:static}.q-countries__list{max-height:420px}.q-countries__endlist{grid-column:1/-1}}.q-capitals{padding-block:var(--s5) var(--s7)}.q-capitals__intro{display:grid;gap:var(--s2);margin-bottom:var(--s5);max-width:60ch}.q-capitals__intro h1{font-size:28px}.q-capitals__game{display:grid;gap:var(--s4);max-width:none;padding:var(--s3)}.q-capitals__game:focus{outline:none}.q-capitals__side{align-content:start;display:grid;gap:var(--s3);min-width:0}@media (max-width:899px){.q-capitals__side{display:contents}}.q-capitals__bar{background:var(--surface);border-radius:var(--r-card) var(--r-card) 0 0;display:grid;gap:var(--s2);margin:calc(var(--s3)*-1) calc(var(--s3)*-1) 0;padding:var(--s3);position:sticky;top:0;z-index:4}.q-capitals__row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s4)}.q-capitals__actions{display:flex;gap:var(--s2);margin-left:auto}.q-capitals__input{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink);font-size:18px;min-height:48px;padding:0 var(--s4);width:100%}.q-capitals__input:disabled{opacity:.5}.q-capitals__feedback{font-size:15px;margin-top:var(--s1);min-height:1.5em;overflow:hidden;padding-inline:var(--s4);text-overflow:ellipsis;white-space:nowrap}.q-capitals__result{display:grid;gap:var(--s3);padding-block:var(--s2)}.q-capitals__result .fig dd{font-size:24px}.q-capitals__mapwrap{min-width:0;position:relative}.q-capitals__list{border-top:1px solid var(--line);min-width:0}.q-capitals__table{border-collapse:collapse;font-size:15px;width:100%}.q-capitals__table thead th{color:var(--ink-2);font-size:12px;font-weight:600;padding:var(--s2);text-align:left}.q-capitals__table tbody th[scope=row]{font-weight:400;text-align:left;width:50%}.q-capitals__table tbody th,.q-capitals__table td{border-bottom:1px solid var(--line);height:36px;padding:6px var(--s2);vertical-align:top}.q-capitals__table td{font-weight:600}.q-capitals__group th{font-size:15px;font-weight:700;padding-top:var(--s4);text-align:left}.q-capitals__group .num{font-weight:400;margin-left:var(--s1)}.q-capitals__table tr.is-new{background:color-mix(in srgb,var(--state-correct) 16%,var(--surface))}.q-capitals__table tr{transition:background-color 1s var(--ease)}.q-capitals__missed{color:var(--state-wrong);font-style:italic}.q-capitals__extra{color:var(--ink-2);display:block;font-size:13px;font-weight:400}.q-capitals__pause{align-content:center;inset:0;padding:var(--s4)}.q-capitals__pause p{font-size:18px}.q-capitals.is-paused .q-capitals__list,.q-capitals.is-paused .q-capitals__map{visibility:hidden}.q-capitals__stats{display:grid;gap:var(--s4);margin-top:var(--s5);max-width:none;padding:var(--s4)}.q-capitals__stats .figs{grid-template-columns:repeat(3,minmax(0,1fr))}.q-capitals__stats .fig dd{font-size:24px}.q-capitals__recent{overflow-x:auto}.q-capitals__recent caption{padding-bottom:var(--s2);text-align:left}.q-capitals__recent td{font-weight:400}.q-capitals__about{display:grid;gap:var(--s3);margin-top:var(--s7);max-width:72ch}.q-capitals__about h2{margin-top:var(--s4)}.q-capitals__about h3{margin-top:var(--s2)}.q-capitals__about ol,.q-capitals__about ul{display:grid;gap:var(--s1);margin:0;padding-left:1.4em}.q-capitals__more{display:grid;gap:var(--s3)}.q-capitals__more summary{cursor:pointer;font-weight:600;padding-block:10px}.q-capitals__more[open] summary{margin-bottom:var(--s2)}.q-capitals__names td{font-weight:400}.q-capitals__names tbody th[scope=row]{font-weight:600}@media (min-width:900px){.q-capitals__game{gap:var(--s4) var(--s5);grid-template-columns:minmax(0,2fr) minmax(300px,1fr);grid-template-rows:auto 1fr;padding:var(--s5)}.q-capitals__mapwrap{align-self:start;grid-column:1;grid-row:1/3}.q-capitals__side{grid-column:2;grid-row:1}.q-capitals__list{grid-column:2;grid-row:2;max-height:60vh;overflow-y:auto;overscroll-behavior:contain}.q-capitals__table thead th{background:var(--surface);position:sticky;top:0;z-index:1}.q-capitals__bar{margin:0;padding:0;position:static}}.q-flags{padding-block:var(--s5) var(--s7)}.q-flags__intro{display:grid;gap:var(--s2);margin-bottom:var(--s5);max-width:60ch}.q-flags__intro h1{font-size:28px}.q-flags__game{display:grid;gap:var(--s3);max-width:none;padding:var(--s3)}.q-flags__game:focus{outline:none}.q-flags__bar{background:var(--surface);border-bottom:1px solid var(--line);border-radius:var(--r-card) var(--r-card) 0 0;display:grid;gap:var(--s2);margin:calc(var(--s3)*-1) calc(var(--s3)*-1) 0;padding:var(--s3);position:sticky;top:0;z-index:4}.q-flags__row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s4)}.q-flags__actions{display:flex;gap:var(--s2);margin-left:auto}.q-flags__loading{font-size:15px}.q-flags__ask{align-items:flex-start;display:flex;gap:var(--s3)}.q-flags__ask:has(>[data-preview][hidden]):has(>[data-entry][hidden]){display:none}.q-flags__preview{display:grid;flex:none;gap:var(--s1);justify-items:start;margin:0}.q-flags__preview img{display:block;height:72px;object-fit:contain;object-position:left center;width:108px}.q-flags .image-tile__frame img,.q-flags__preview img{filter:drop-shadow(0 0 1px var(--line-strong))}.q-flags__preview-name{font-size:18px;font-weight:700}.q-flags__preview-name:empty{display:none}.q-flags__entry{flex:1 1 auto;min-width:0}.q-flags__input{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink);font-size:18px;min-height:48px;padding:0 var(--s4);width:100%}.q-flags__input:disabled{opacity:.5}.q-flags__keys{display:none;font-size:13px;margin-top:var(--s1);padding-inline:var(--s4)}@media (pointer:fine){.q-flags__keys{display:block}}.q-flags__feedback{font-size:15px;margin-top:var(--s1);padding-inline:var(--s4)}.q-flags__result{display:grid;gap:var(--s3);padding-block:var(--s2)}.q-flags__result .fig dd{font-size:24px}.q-flags__after{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}.q-flags__after:not(:has(>:not([hidden]))){display:none}.q-flags__hint,.q-flags__practice{font-size:15px}.q-flags__practice{flex-basis:100%}.q-flags__gridwrap{min-width:0;position:relative}.q-flags__grid{display:grid;gap:var(--s3) var(--s2);grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}.q-flags .image-tile__frame{--tile-ratio:3/2}.q-flags.is-playing .image-tile__frame,.q-flags__grid:not([aria-hidden]) .image-tile__frame{background:none}.q-flags:not(.is-playing) .image-tile.is-named button.image-tile__btn{cursor:pointer}.q-flags:not(.is-playing) .image-tile.is-named .image-tile__frame{opacity:1}.q-flags__pause{align-content:start;inset:0;padding:var(--s4)}.q-flags__pause p{font-size:18px}.q-flags.is-paused .q-flags__grid,.q-flags.is-paused .q-flags__preview{visibility:hidden}.q-flags__stats{display:grid;gap:var(--s4);margin-top:var(--s5);max-width:none;padding:var(--s4)}.q-flags__stats .figs{grid-template-columns:repeat(3,minmax(0,1fr))}.q-flags__stats .fig dd{font-size:24px}.q-flags__recent{overflow-x:auto}.q-flags__recent caption{padding-bottom:var(--s2);text-align:left}.q-flags__table{border-collapse:collapse;font-size:15px;width:100%}.q-flags__table thead th{color:var(--ink-2);font-size:12px;font-weight:600;padding:var(--s2);text-align:left}.q-flags__table td{border-bottom:1px solid var(--line);height:36px;padding:6px var(--s2)}.q-flags__about{display:grid;gap:var(--s3);margin-top:var(--s7);max-width:72ch}.q-flags__about h2{margin-top:var(--s4)}.q-flags__about ol,.q-flags__about ul{display:grid;gap:var(--s1);margin:0;padding-left:1.4em}.q-flags__about h3{margin-top:var(--s2)}.q-flags__more{display:grid;gap:var(--s3)}.q-flags__more summary{cursor:pointer;font-weight:600;padding-block:10px}.q-flags__more[open] summary{margin-bottom:var(--s2)}.q-flags__alike{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--s3) var(--s4)}.q-flags__alike figure{display:grid;font-size:14px;gap:var(--s1);margin:0}.q-flags__alike img{display:block;filter:drop-shadow(0 0 1px var(--line-strong));height:60px;max-width:100%;width:auto}.q-flags__names th[scope=row]{border-bottom:1px solid var(--line);font-weight:600;padding:6px var(--s2);text-align:left;width:40%}@media (min-width:600px){.q-flags__grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}@media (min-width:900px){.q-flags__game{gap:var(--s4);padding:var(--s5)}.q-flags__bar{margin:calc(var(--s5)*-1) calc(var(--s5)*-1) 0;padding:var(--s4) var(--s5)}.q-flags__preview img{height:107px;width:160px}.q-flags__entry{align-self:center;max-width:480px}.q-flags__grid{gap:var(--s4) var(--s3);grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}