/*! Copyright 2026 El Trivia (eltrivia.com). All rights reserved. */
.q-shapes{padding-block:var(--s5) var(--s7)}.q-shapes__intro{display:grid;gap:var(--s2);margin-bottom:var(--s5);max-width:60ch}.q-shapes__intro h1{font-size:28px}.q-shapes__game{display:grid;gap:var(--s3);max-width:none;padding:var(--s3)}.q-shapes__game:focus{outline:none}.q-shapes__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-shapes__row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s4)}.q-shapes__actions{display:flex;gap:var(--s2);margin-left:auto}.q-shapes__loading[hidden]{display:none}.q-shapes__ask{align-items:center;display:flex;gap:var(--s3)}.q-shapes__ask:has(>[data-preview][hidden]):has(>[data-entry][hidden]){display:none}.q-shapes__preview{display:grid;flex:none;gap:var(--s1);justify-items:center;margin:0}.q-shapes__preview-face{display:grid;height:88px;place-items:center;width:88px}.q-shapes__preview-name{font-size:15px;font-weight:700;text-align:center}.q-shapes__preview-name:empty{display:none}.q-shapes__entry{flex:1;min-width:0}.q-shapes__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-shapes__input:disabled{opacity:.5}.q-shapes__keys{display:none;font-size:13px;margin-top:var(--s1);padding-inline:var(--s4)}@media (pointer:fine){.q-shapes__keys{display:block}}.q-shapes__feedback{font-size:15px;margin-top:var(--s1);padding-inline:var(--s4)}.q-shapes__result{display:grid;gap:var(--s3);padding-block:var(--s2)}.q-shapes__result .fig dd{font-size:24px}.q-shapes__after{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}.q-shapes__after:not(:has(>:not([hidden]))){display:none}.q-shapes__hint,.q-shapes__practice{font-size:15px}.q-shapes__gridwrap{min-width:0;position:relative}.q-shapes__grid{display:grid;gap:var(--s2);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.q-shapes .image-tile{min-width:0}.q-shapes .image-tile__frame{--tile-ratio:1;padding:var(--s2)}.q-shapes .image-tile__frame>[aria-hidden]{inset:var(--s2);position:absolute}.q-shapes .outline,.q-shapes__preview-face>[aria-hidden]{height:100%;width:100%}.q-shapes .outline{display:block}.q-shapes .outline path{fill:var(--ink);fill-rule:evenodd}.q-shapes:not(.is-playing) .image-tile.is-named button.image-tile__btn{cursor:pointer}.q-shapes:not(.is-playing) .image-tile.is-named .image-tile__frame{opacity:1}.q-shapes__pause{align-content:start;inset:0;padding:var(--s4)}.q-shapes__pause p{font-size:18px}.q-shapes.is-paused .q-shapes__grid,.q-shapes.is-paused .q-shapes__preview{visibility:hidden}@media (min-width:600px){.q-shapes__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.q-shapes__preview-face{height:120px;width:120px}}@media (min-width:900px){.q-shapes__game{gap:var(--s4);padding:var(--s5)}.q-shapes__bar{margin:calc(var(--s5)*-1) calc(var(--s5)*-1) 0;padding:var(--s4) var(--s5)}.q-shapes__entry{max-width:480px}.q-shapes__grid{gap:var(--s3)}}.q-missing{padding-block:var(--s5) var(--s7)}.q-missing__intro{display:grid;gap:var(--s2);margin-bottom:var(--s5);max-width:60ch}.q-missing__intro h1{font-size:28px}.q-missing__game{display:grid;gap:var(--s3);max-width:none;padding:var(--s3)}.q-missing__game:focus{outline:none}.q-missing__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-missing__row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s4)}.q-missing__actions{display:flex;gap:var(--s2);margin-left:auto}.q-missing__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-missing__input:disabled{opacity:.5}.q-missing__feedback{font-size:15px;margin-top:var(--s1);padding-inline:var(--s4)}.q-missing__result{display:grid;gap:var(--s3);padding-block:var(--s2)}.q-missing__result .fig dd{font-size:24px}.q-missing__missed{font-size:15px}.q-missing__mapwrap{min-width:0;position:relative}.q-missing__caption{font-size:15px;margin-top:var(--s2);min-height:1.5em}.q-missing .geo-map .c.is-hole:not(.is-guessed):not(.is-missed){fill:var(--surface);stroke:var(--ink-2);stroke-width:1px;stroke-dasharray:3 2}.q-missing__pause{align-content:center;inset:0;padding:var(--s4)}.q-missing__pause p{font-size:18px}.q-missing.is-paused .q-missing__map{visibility:hidden}@media (min-width:900px){.q-missing__game{gap:var(--s4);padding:var(--s5)}.q-missing__bar{margin:calc(var(--s5)*-1) calc(var(--s5)*-1) 0;padding:var(--s4) var(--s5)}.q-missing__entry{max-width:480px}}.q-missing__stats,.q-shapes__stats{display:grid;gap:var(--s4);margin-top:var(--s5);max-width:none;padding:var(--s4)}.q-missing__stats .figs,.q-shapes__stats .figs{grid-template-columns:repeat(3,minmax(0,1fr))}.q-missing__stats .fig dd,.q-shapes__stats .fig dd{font-size:24px}.q-missing__recent,.q-shapes__recent{overflow-x:auto}.q-missing__recent caption,.q-shapes__recent caption{padding-bottom:var(--s2);text-align:left}.q-missing__table,.q-shapes__table{border-collapse:collapse;font-size:15px;width:100%}.q-missing__table thead th,.q-shapes__table thead th{color:var(--ink-2);font-size:12px;font-weight:600;padding:var(--s2);text-align:left}.q-missing__table td,.q-shapes__table td{border-bottom:1px solid var(--line);height:36px;padding:6px var(--s2)}.q-missing__about,.q-shapes__about{display:grid;gap:var(--s3);margin-top:var(--s7);max-width:72ch}.q-missing__about h2,.q-shapes__about h2{margin-top:var(--s4)}.q-missing__about ol,.q-missing__about ul,.q-shapes__about ol,.q-shapes__about ul{display:grid;gap:var(--s1);margin:0;padding-left:1.4em}