/*! Copyright 2026 El Trivia (eltrivia.com). All rights reserved. */
.q-symbols{padding-block:var(--s5) var(--s7)}.q-symbols__intro{display:grid;gap:var(--s2);margin-bottom:var(--s5);max-width:60ch}.q-symbols__intro h1{font-size:28px}.q-symbols__game{display:grid;gap:var(--s3);max-width:none;padding:var(--s3)}.q-symbols__game:focus{outline:none}.q-symbols__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-symbols__row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s4)}.q-symbols__actions{display:flex;gap:var(--s2);margin-left:auto}.q-symbols__ask{align-items:flex-start;display:flex;gap:var(--s3)}.q-symbols__ask:has(>[data-preview][hidden]):has(>[data-entry][hidden]){display:none}.q-symbols__preview{display:grid;flex:none;gap:var(--s1);justify-items:start;margin:0}.q-symbols__preview-face{background:var(--surface-2);border-radius:8px;display:grid;font-size:44px;font-weight:700;height:88px;line-height:1;place-items:center;width:88px}.q-symbols__preview-name{font-size:16px;font-weight:700;max-width:22ch}.q-symbols__preview-name:empty{display:none}.q-symbols__entry{flex:1 1 auto;min-width:0}.q-symbols__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-symbols__input:disabled{opacity:.5}.q-symbols__keys{display:none;font-size:13px;margin-top:var(--s1);padding-inline:var(--s4)}@media (pointer:fine){.q-symbols__keys{display:block}}.q-symbols__feedback{font-size:15px;margin-top:var(--s1);padding-inline:var(--s4)}.q-symbols__result{display:grid;gap:var(--s3);padding-block:var(--s2)}.q-symbols__result .fig dd{font-size:24px}.q-symbols__after{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}.q-symbols__after:not(:has(>:not([hidden]))){display:none}.q-symbols__hint,.q-symbols__practice{font-size:15px}.q-symbols__practice{flex-basis:100%}.q-symbols__gridwrap{min-width:0;position:relative}.q-symbols__grid{display:grid;gap:var(--s2) var(--s1);grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0}.q-symbols .image-tile__frame{--tile-ratio:3/2;color:var(--ink);font-size:22px;font-weight:700;line-height:1}.q-symbols .image-tile__label{font-size:11px;font-stretch:75%;hyphens:manual;overflow-wrap:anywhere}.q-symbols:not(.is-playing) .image-tile.is-named button.image-tile__btn{cursor:pointer}.q-symbols:not(.is-playing) .image-tile.is-named .image-tile__frame{opacity:1}.q-symbols__pause{align-content:start;inset:0;padding:var(--s4)}.q-symbols__pause p{font-size:18px}.q-symbols.is-paused .q-symbols__grid,.q-symbols.is-paused .q-symbols__preview{visibility:hidden}.q-symbols__stats{display:grid;gap:var(--s4);margin-top:var(--s5);max-width:none;padding:var(--s4)}.q-symbols__stats .figs{grid-template-columns:repeat(3,minmax(0,1fr))}.q-symbols__stats .fig dd{font-size:24px}.q-symbols__recent{overflow-x:auto}.q-symbols__recent caption{padding-bottom:var(--s2);text-align:left}.q-symbols__table{border-collapse:collapse;font-size:15px;width:100%}.q-symbols__table thead th{color:var(--ink-2);font-size:12px;font-weight:600;padding:var(--s2);text-align:left}.q-symbols__table tbody th,.q-symbols__table td{border-bottom:1px solid var(--line);height:36px;padding:6px var(--s2);text-align:left}.q-symbols__about{display:grid;gap:var(--s3);margin-top:var(--s7);max-width:72ch}.q-symbols__about h2{margin-top:var(--s4)}.q-symbols__about h3{margin-top:var(--s2)}.q-symbols__about ol,.q-symbols__about ul{display:grid;gap:var(--s1);margin:0;padding-left:1.4em}.q-symbols__more{display:grid;gap:var(--s3)}.q-symbols__more summary{cursor:pointer;font-weight:600;padding-block:10px}@media (min-width:600px){.q-symbols__grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:900px){.q-symbols__game{gap:var(--s4);padding:var(--s5)}.q-symbols__bar{margin:calc(var(--s5)*-1) calc(var(--s5)*-1) 0;padding:var(--s4) var(--s5)}.q-symbols__preview-face{font-size:80px;height:160px;width:160px}.q-symbols__entry{align-self:center;max-width:480px}.q-symbols__grid{gap:var(--s3) var(--s2);grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:1024px){.q-symbols__game{align-items:start;column-gap:var(--s5);grid-template-columns:280px minmax(0,1fr)}.q-symbols__bar{border:0;border-radius:0;grid-column:1;grid-row:1/span 3;margin:0;padding:0;position:sticky;top:var(--s4)}.q-symbols__ask{flex-direction:column}.q-symbols__entry{align-self:stretch;max-width:none}.q-symbols__after,.q-symbols__gridwrap,.q-symbols__result{grid-column:2}.q-symbols__grid{gap:var(--s2) var(--s1);grid-template-columns:repeat(10,minmax(0,1fr))}.q-symbols .image-tile__label{font-size:12px;min-height:2.4em}}@media (min-width:1200px){.q-symbols__grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.q-symbols__more[open] summary{margin-bottom:var(--s2)}.q-symbols__origins{border-collapse:collapse;font-size:15px;width:100%}.q-symbols__origins thead th{color:var(--ink-2);font-size:12px;font-weight:600;padding:var(--s2);text-align:left}.q-symbols__origins td{border-bottom:1px solid var(--line);height:36px;padding:6px var(--s2)}.q-symbols__origins td:first-child{font-weight:700;width:4em}