.flq-stage{background-color:var(--sky);color:var(--ink);background-image:linear-gradient(#15110d10 2px,#0000 2px),linear-gradient(90deg,#15110d10 2px,#0000 2px);background-size:34px 34px;padding:.875rem 1rem 1.25rem}.flq-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:1rem .25rem;display:flex;position:relative}.flq-big{text-wrap:balance;max-width:18ch;font-size:clamp(2.25rem,8vw,4.5rem);line-height:1.04}.flq-line{text-wrap:balance;max-width:38ch;font-size:clamp(1.0625rem,3vw,1.375rem);font-weight:700;line-height:1.3}.flq-line strong{font-weight:800}.flq-paces{border:3px solid var(--ink);background:var(--cream);border-radius:999px;display:inline-flex;overflow:hidden}.flq-paces button{min-height:2.5rem;padding-inline:1rem;font-weight:800}.flq-paces button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.flq-paces button:focus-visible{outline:3px solid var(--sun);outline-offset:-5px}.flq-go{min-height:3.5rem;padding-inline:2.5rem;font-size:1.25rem}.flq-play{flex-direction:column;flex:1;gap:.75rem;display:flex}.flq-flag-wrap{flex:1;min-height:9.5rem;position:relative}.flq-flag-fill{place-items:center;display:grid;position:absolute;inset:0 6px 6px 0;container-type:size}.flq-flag{box-sizing:content-box;aspect-ratio:4/3;border:4px solid var(--ink);width:min(100cqi - 8px,133.33cqb - 11px);box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:10px;overflow:hidden}.flq-flag img{width:100%;height:100%;display:block}.flq-side{flex-direction:column;gap:.625rem;display:flex}.flq-info{justify-content:center;gap:1.25rem;font-size:.9375rem;font-weight:700;display:flex}.flq-info b{font-size:1.25rem;font-weight:800}.flq-status{align-items:center;gap:.625rem;min-height:3.25rem;display:flex}.flq-feedback{flex:1;min-width:0;font-size:1.0625rem;font-weight:800;line-height:1.15}.flq-next{box-shadow:3px 3px 0 var(--cream);flex-shrink:0;padding-inline:1rem}.flq-clock{flex:1;align-items:center;gap:.625rem;display:flex}.flq-clock b{font-variant-numeric:tabular-nums;text-align:right;min-width:2ch;font-size:1.75rem;font-weight:800;line-height:1}.flq-bar{border:3px solid var(--ink);background:var(--cream);border-radius:999px;flex:1;height:1.125rem;overflow:hidden}.flq-bar i{background:var(--lime);transform-origin:0;height:100%;display:block}.flq-bar i.flq-low{background:var(--tomato)}.flq-options{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}.flq-option{border:3px solid var(--ink);background:var(--cream);min-height:3.5rem;box-shadow:3px 3px 0 var(--ink);overflow-wrap:anywhere;border-radius:16px;padding:.375rem .625rem;font-size:1rem;font-weight:800;line-height:1.12;transition:transform .12s,box-shadow .12s}.flq-option:not(:disabled):active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.flq-option:focus-visible,.flq-next:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.flq-option[data-state=right]{background:var(--mint)}.flq-option[data-state=wrong]{background:var(--tomato)}.flq-option[data-state=other]{opacity:.55}.flq-missed{border:3px solid var(--ink);background:var(--cream);border-radius:16px;width:min(100%,34rem);margin-top:.5rem;padding:.875rem 1rem}.flq-missed ul{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.625rem .875rem;margin-top:.625rem;display:grid}.flq-missed li{text-align:left;align-items:center;gap:.5rem;font-weight:700;line-height:1.1;display:flex}.flq-missed img{border:2px solid var(--ink);border-radius:4px;flex-shrink:0;width:2.5rem;height:auto}@media (hover:hover){.flq-option:not(:disabled):hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}}@media (min-aspect-ratio:1) and (min-width:40rem){.flq-play{flex-direction:row;gap:1.25rem}.flq-flag-wrap{flex:50%}.flq-side{flex:50%;justify-content:center}}@media (min-width:64rem){.flq-stage{padding:1.5rem 2rem 2rem}.flq-side{gap:1rem}.flq-option{min-height:5rem;font-size:1.25rem}}@media (prefers-reduced-motion:no-preference){.flq-flag{animation:.3s cubic-bezier(.2,.9,.3,1) both pop-in}.flq-bar i{transition:transform .1s linear}}