.cq{gap:0;display:grid}.cq-figure{border:1px solid var(--paper-edge,#dcd0b6);background:color-mix(in srgb, var(--paper,#f7f3ea) 92%, transparent);border-radius:3px;min-height:30rem;margin:0;position:relative;overflow:hidden}.cq-poster,.cq-live{position:absolute;inset:0}.cq-poster[hidden],.cq-live[hidden]{display:none}.cq-poster-fig{width:100%;height:100%}.cq-panel{grid-template-rows:1fr auto;gap:.75rem;height:100%;padding:.85rem .95rem .95rem;display:grid}.cq-pile{grid-template-rows:auto 1fr auto;gap:.4rem;min-height:0;display:grid}.cq-pile-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem .9rem;display:flex}.cq-pile-title{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.01em;color:var(--ink,#23201b);font-size:.74rem}.cq-legend{flex-wrap:wrap;gap:.9rem;display:flex}.cq-legend-item{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;font-size:.66rem;display:inline-flex}.cq-swatch{border-radius:50%;width:.62rem;height:.62rem;display:inline-block}.cq-swatch--reached{background:var(--entity-target,#0c7d5f)}.cq-swatch--failed{background:color-mix(in srgb, var(--ink-mute,#6d6252) 55%, transparent)}.cq-pile-svg{width:100%;height:100%;min-height:0;display:block}.cq-dot{transition:opacity .25s,fill .2s}.cq-dot--reached{fill:var(--entity-target,#0c7d5f)}.cq-dot--failed{fill:var(--ink-mute,#6d6252)}.cq-dot--kept{opacity:.92}.cq-dot--culled{opacity:.14}.cq-pile-foot{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem .8rem;font-size:.68rem;display:flex}.cq-pile-foot b{color:var(--ink,#23201b);font-variant-numeric:tabular-nums}.cq-result{border:1px solid var(--rule-strong,#c8bc9e);background:color-mix(in srgb, var(--paper,#f7f3ea) 60%, transparent);border-radius:6px;gap:.4rem;padding:.7rem .75rem .6rem;display:grid}.cq-result-head{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.cq-result-title{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink,#23201b);letter-spacing:.01em;font-size:.72rem}.cq-delta{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:100px;padding:.08rem .45rem;font-size:.72rem;font-weight:600}.cq-delta--good{color:var(--entity-target,#0c7d5f);border-color:color-mix(in srgb, var(--entity-target,#0c7d5f) 45%, transparent);background:color-mix(in srgb, var(--entity-target,#0c7d5f) 12%, transparent)}.cq-delta--trap{color:var(--alert,#c0362a);border-color:color-mix(in srgb, var(--alert,#c0362a) 45%, transparent);background:color-mix(in srgb, var(--alert,#c0362a) 12%, transparent)}.cq-delta--raw{color:var(--ink-mute,#6d6252);border-color:var(--rule-strong,#c8bc9e)}.cq-bar-row{grid-template-columns:8.5rem 1fr 3ch;align-items:center;gap:.6rem;display:grid}.cq-bar-row[data-muted=true]{opacity:.62}.cq-bar-label{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.cq-bar-track{background:color-mix(in srgb, var(--ink-mute,#6d6252) 16%, transparent);border-radius:3px;height:.72rem;overflow:hidden}.cq-bar-fill{border-radius:3px 0 0 3px;width:0%;height:100%;transition:width .4s cubic-bezier(.22,.61,.36,1),background .2s}.cq-bar-fill--raw{background:color-mix(in srgb, var(--ink,#23201b) 55%, var(--paper,#f7f3ea))}.cq-bar-fill--good{background:var(--entity-target,#0c7d5f)}.cq-bar-fill--trap{background:var(--alert,#c0362a)}.cq-bar-val{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--ink,#23201b);text-align:right;font-size:.72rem;font-weight:600}.cq-result-foot{border-top:1px dashed color-mix(in srgb, var(--rule-strong,#c8bc9e) 80%, transparent);font-family:var(--font-mono,ui-monospace, monospace);grid-template-columns:auto 1fr;gap:.2rem .8rem;margin-top:.15rem;padding-top:.4rem;font-size:.66rem;display:grid}.cq-foot-k{color:var(--ink-mute,#6d6252)}.cq-foot-v{color:var(--ink,#23201b);font-variant-numeric:tabular-nums;text-align:right}.cq-foot-sub{color:var(--ink-mute,#6d6252)}.cq-controls{gap:.55rem;padding:.9rem .1rem .1rem;display:grid}.cq-control-lead{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink,#23201b);letter-spacing:.01em;font-size:.74rem}.cq-radiogroup{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.cq-option{text-align:left;border:1px solid var(--rule-strong,#c8bc9e);background:var(--paper,#f7f3ea);color:var(--ink,#23201b);cursor:pointer;border-radius:7px;align-content:start;gap:.2rem;padding:.55rem .65rem;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.cq-option:hover:not(:disabled){border-color:var(--ink-mute,#6d6252)}.cq-option:focus-visible{outline:2px solid var(--signal,#1f56de);outline-offset:2px}.cq-option:disabled{opacity:.55;cursor:default}.cq-option[aria-checked=true]{border-color:color-mix(in srgb, var(--ink,#23201b) 40%, transparent);background:color-mix(in srgb, var(--paper,#f7f3ea) 40%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink,#23201b) 22%, transparent)}.cq-option[aria-checked=true][data-kind=good]{border-color:var(--entity-target,#0c7d5f);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--entity-target,#0c7d5f) 45%, transparent)}.cq-option[aria-checked=true][data-kind=trap]{border-color:var(--alert,#c0362a);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--alert,#c0362a) 45%, transparent)}.cq-option-label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.01em;font-size:.72rem;font-weight:600}.cq-option-sub{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);font-size:.63rem;line-height:1.35}.cq-option-stat{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:.66rem}.cq-option-stat b{color:var(--ink,#23201b)}.cq-option[aria-checked=true][data-kind=good] .cq-option-stat b{color:var(--entity-target,#0c7d5f)}.cq-option[aria-checked=true][data-kind=trap] .cq-option-stat b{color:var(--alert,#c0362a)}.cq-note{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);margin:0;font-size:.68rem;line-height:1.5}@media (width<=34rem){.cq-radiogroup{grid-template-columns:1fr}.cq-bar-row{grid-template-columns:6.5rem 1fr 3ch}}@media (prefers-reduced-motion:reduce){.cq-dot,.cq-bar-fill,.cq-option{transition:none}}
