/*! Copyright 2026 El Trivia (eltrivia.com). All rights reserved. */
.band{background-color:var(--field);background-image:var(--grain);color:var(--on);height:160px;isolation:isolate;overflow:hidden;position:relative}@media (min-width:720px){.band{height:220px}}.band__media{bottom:0;overflow:hidden;position:absolute;right:0;top:0;width:36%}@media (min-width:720px){.band__media{width:44%}}.band__photo{filter:var(--duo);height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.band__art svg{aspect-ratio:4/5;height:151.5%;left:50%;max-width:none;position:absolute;top:0;transform:translateX(-50%);width:auto}.band .art-field{display:none}.band__in{height:100%;padding-top:14px;position:relative;z-index:1}@media (min-width:720px){.band__in{padding-top:24px}}.band__top{align-items:center;display:flex;gap:var(--s2);justify-content:space-between;min-height:44px}.band__chips{display:flex;flex-wrap:wrap;gap:6px;height:26px;list-style:none;margin:0;min-width:0;overflow:hidden;padding:0}.band__btns{display:flex;flex:none;gap:var(--s2)}.band__btns .btn{box-shadow:0 0 0 2px var(--light)}.band__btns .btn:focus-visible{box-shadow:0 0 0 2px var(--wall)}.band__btns .btn .lbl{display:none}@media (min-width:720px){.band__btns .btn{padding:0 18px 0 14px;width:auto}.band__btns .btn .lbl{display:inline}}.band__titlewrap{container-type:inline-size;margin-top:8px;width:62%}@media (min-width:720px){.band__titlewrap{margin-top:12px;width:52%}}.band__title{font-size:min(calc(100cqi/var(--em)*.985),72px);font-stretch:var(--wdth);font-weight:900;letter-spacing:-.01em;line-height:.9;padding-top:.06em;text-transform:uppercase;white-space:nowrap}@media (max-width:379px){.band__chips .chip--cat{display:none}}.stage-wrap{margin-top:-48px;position:relative;z-index:2}.stage-card{background:var(--surface);border-radius:var(--r-card);margin-inline:auto;max-width:720px;padding:var(--s4);width:100%}@media (min-width:720px){.stage-card{padding:var(--s5)}}.stage-card--wide{max-width:1040px}.toprow{flex-wrap:wrap;gap:var(--s3);min-height:56px}.toprow,.toprow__stats{align-items:center;display:flex}.toprow__stats{flex:1 1 auto;gap:var(--s4) var(--s5);min-width:0}.stat{display:grid;gap:2px;min-width:0}.stat.is-unused{visibility:hidden}.stat__label{color:var(--ink-2);font-size:12px;line-height:1.2}.stat__value{font-size:20px;font-stretch:100%;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2;white-space:nowrap}.stat--progress{flex:1 1 120px;max-width:220px}.bar{background:var(--surface-2);border-radius:2px;display:block;height:4px;margin-top:4px;overflow:hidden}.bar__fill{background:var(--field);display:block;height:100%;transition:width var(--t) var(--ease);width:0}.toprow__actions{display:flex;gap:var(--s2);margin-left:auto}.toprow__actions .btn .lbl{display:none}@media (min-width:560px){.toprow__actions .btn{padding:0 16px 0 12px;width:auto}.toprow__actions .btn .lbl{display:inline}}.toprow__note{color:var(--ink-2);flex-basis:100%;font-size:14px}.variants{margin-top:var(--s3)}.variants .seg span{min-width:64px}.stage{margin:var(--s5) auto 0;position:relative}.stage--narrow{max-width:380px;min-height:600px}.stage--square{aspect-ratio:1;width:min(100%,560px)}.stage--wide{max-width:960px;min-height:480px}.stage__skeleton{height:100%;inset:0;position:absolute;width:100%}.stage.is-mounted .stage__skeleton{display:none}.pause-panel{align-content:start;background:var(--light);border-radius:12px;color:var(--deep);display:grid;gap:var(--s4);inset:-8px;justify-items:center;padding:clamp(48px,12vh,120px) var(--s5) var(--s5);position:absolute;text-align:center;z-index:3}.pause-panel p{font-size:20px;font-stretch:108%;font-weight:700}:root[data-theme=dark] .pause-panel{background:var(--surface-2);color:var(--ink)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pause-panel{background:var(--surface-2);color:var(--ink)}}.stage-msg{display:grid;gap:var(--s3);justify-items:start;padding:var(--s5) 0}.stage-msg h2{font-size:22px}.stage-msg p{color:var(--ink-2);max-width:46ch}.finished{display:grid;gap:var(--s4)}.finished__summary{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:var(--s3) var(--s4);padding-bottom:var(--s4)}.finished__summary h2{flex-basis:100%;font-size:20px}.state{--st:var(--state-absent);background:var(--st);color:#fff;position:relative}.state--correct{--st:var(--state-correct)}.state--partial{--st:var(--state-partial)}.state--wrong{--st:var(--state-wrong)}.state--absent{--st:var(--state-absent)}.state--partial{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='m-2 2 4-4M0 8l8-8M6 10l4-4' stroke='%23fff' stroke-opacity='.28' stroke-width='1.5'/%3E%3C/svg%3E")}.state--absent{box-shadow:inset 0 0 0 3px var(--st),inset 0 0 0 4.5px hsla(0,0%,100%,.55)}.state .cue{stroke-width:3;height:14px;position:absolute;right:4px;top:4px;width:14px}.specimen{border-top:1px dashed var(--line-strong);margin-top:var(--s6);padding-top:var(--s5)}.specimen h2{font-size:16px}.specimen>p{color:var(--ink-2);font-size:14px;margin-top:2px}.tiles{display:grid;gap:var(--s3);grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:var(--s4) 0 0;padding:0}.tiles li{display:grid;font-size:13px;gap:6px;justify-items:center;line-height:1.25;text-align:center}.tile{border-radius:6px;display:grid;font-size:28px;font-stretch:112.5%;font-weight:800;height:56px;place-items:center;width:56px}.below{display:grid;gap:var(--s7);margin-top:var(--s7)}.about-row{align-items:start;display:grid;gap:var(--s6)}@media (min-width:1280px){.about-row{grid-template-columns:minmax(0,1fr) 300px}}.about h2,.more h2{font-size:22px;margin-bottom:var(--s3)}.about ol,.about p{max-width:62ch}.about ol{margin:var(--s3) 0 0;padding-left:1.25em}.about ol li+li{margin-top:6px}.more .shelf__row{margin-top:var(--s4)}@media (min-width:720px){.more .shelf__row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.more .shelf__row{grid-template-columns:repeat(3,minmax(0,300px))}}.result__img{aspect-ratio:4/5;background:var(--field);border-radius:var(--r-poster);height:auto;margin:0 auto var(--s4);width:min(100%,300px)}.result h2{font-size:24px}.result__compare{color:var(--ink-2);margin-top:6px}.result .dlg__actions .btn{flex:1 1 auto}.result__next{align-items:center;display:flex;font-variant-numeric:tabular-nums;gap:var(--s2);min-height:44px}.dist{display:grid;gap:6px;list-style:none;margin:var(--s4) 0 0;padding:0}.dist li{display:grid;font-size:14px;font-variant-numeric:tabular-nums;grid-template-columns:16px 1fr}.dist .dist__bar,.dist li{align-items:center;gap:var(--s2)}.dist .dist__bar{display:flex}.dist .dist__bar i{background:var(--field);border-radius:3px;display:block;height:20px;min-width:4px}