@layer components{.pq-count{font-family:var(--font-label);font-weight:var(--weight-ui);font-size:var(--text-label-s);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--colour-text-muted)}.pq-q{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-s);line-height:var(--leading-display-s);text-transform:uppercase;margin:var(--space-3) 0 var(--space-5)}.pq-opt{text-align:start;background:var(--colour-surface-raised);border:var(--border-width) solid var(--colour-border);inline-size:100%;box-shadow:var(--shadow-button);padding:var(--space-4) var(--space-5);cursor:pointer;font-family:var(--font-body);font-size:var(--text-body-m);color:var(--colour-text-primary);transition:transform var(--motion-fast) var(--ease-press), box-shadow var(--motion-fast) var(--ease-press);margin-block-end:var(--space-3);display:block}.pq-opt:hover,.pq-opt:active{transform:var(--press-travel,translate(3px, 3px));box-shadow:var(--shadow-button-press)}.pq-opt:focus-visible{outline:var(--border-width) solid var(--colour-focus-border);box-shadow:var(--shadow-button), var(--shadow-focus)}.pq-opt.sel{background:var(--colour-surface-accent);color:var(--colour-text-on-accent)}.pq-nav{justify-content:space-between;align-items:center;gap:var(--space-3);margin-block-start:var(--space-2);display:flex}.pq-back{cursor:pointer;font-family:var(--font-label);font-weight:var(--weight-ui);font-size:var(--text-label-m);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--colour-text-muted);padding:var(--space-2);background:0 0;border:none}.pq-label{font-family:var(--font-label);font-weight:var(--weight-ui);font-size:var(--text-label-m);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:var(--space-5) 0 var(--space-2);display:block}.pq-label .opt-tag{text-transform:none;letter-spacing:0;color:var(--colour-text-muted);font-weight:var(--weight-body)}.pq-err{color:var(--colour-error);font-weight:var(--weight-lead);font-size:var(--text-body-s);margin-block-start:var(--space-3)}.pq-fine{font-size:var(--text-body-s);color:var(--colour-text-muted);margin-block-start:var(--space-3)}.pq-start-meta{gap:var(--space-3) var(--space-6);font-family:var(--font-label);font-weight:var(--weight-ui);font-size:var(--text-label-s);letter-spacing:var(--tracking-label-s);text-transform:uppercase;color:var(--colour-text-muted);flex-wrap:wrap;margin-block-start:var(--space-4);display:flex}.pq-reveal{background:var(--colour-surface-brand);color:var(--colour-text-on-brand);border:var(--border-width) solid var(--colour-border);box-shadow:var(--shadow-card);padding:var(--space-7) var(--space-6)}.pq-reveal .pq-reveal-eyebrow{color:var(--colour-text-on-brand-muted)}.pq-reveal .pq-arch{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-m);line-height:var(--leading-display-m);text-transform:uppercase;margin:var(--space-2) 0}.pq-reveal .pq-arch em{font-family:var(--font-edit);text-transform:none;font-style:italic}.pq-reveal .pq-tag{font-family:var(--font-edit);font-size:var(--text-edit-s);color:var(--colour-text-on-brand-muted)}.pq-ladder{gap:var(--space-2);margin:var(--space-5) 0 var(--space-2);display:flex}.pq-rung{text-align:center;font-family:var(--font-label);font-weight:var(--weight-ui);font-size:var(--text-label-s);letter-spacing:var(--tracking-label-s);text-transform:uppercase;padding:var(--space-2) var(--space-1);background:var(--colour-surface-sunken);color:var(--colour-text-on-brand-muted);background:color-mix(in srgb, var(--colour-surface-brand) 60%, transparent);border:var(--border-width-hair) solid var(--colour-text-on-brand-muted);flex:1}.pq-rung.on{background:var(--colour-surface-accent);color:var(--colour-text-on-accent);border-color:var(--colour-border)}.pq-scorebar{block-size:var(--space-3);background:color-mix(in srgb, var(--colour-surface-brand) 40%, black);margin-block-start:var(--space-4);overflow:hidden}.pq-scorebar>i{background:var(--colour-surface-accent);block-size:100%;inline-size:0;transition:inline-size .8s var(--ease-out);display:block}.pq-loading,.pq-error{border:var(--border-width) solid var(--colour-border);box-shadow:var(--shadow-card);background:var(--colour-surface-raised);padding:var(--space-8) var(--space-6);text-align:center;margin-block-start:var(--space-5)}.pq-spinner{inline-size:var(--space-10);block-size:var(--space-10);border-radius:var(--radius-pill);border:4px solid var(--colour-surface-track);border-block-start-color:var(--colour-accent);margin:0 auto var(--space-4);animation:1s linear infinite pq-spin}@keyframes pq-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pq-spinner{animation:none}.pq-scorebar>i{transition:none}}.pq-loading .lmsg{font-weight:var(--weight-ui);font-size:var(--text-body-l)}.pq-loading .lsub{color:var(--colour-text-muted);font-size:var(--text-body-s);margin-block-start:var(--space-2)}.pq-actions{gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-6);display:flex}.result-doc{margin-block-start:var(--space-5)}.pb-archetype{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-m);line-height:var(--leading-display-m);text-transform:uppercase;margin:var(--space-2) 0 0}.pb-tagline{font-family:var(--font-edit);font-size:var(--text-edit-m);line-height:var(--leading-edit-m);margin:var(--space-2) 0 var(--space-5)}.pb-mirror{background:var(--colour-surface-raised);border:var(--border-width) solid var(--colour-border);box-shadow:var(--shadow-card);padding:var(--space-5) var(--space-6);margin-block-end:var(--space-6)}ol.pb-moves{counter-reset:m;margin:0 0 var(--space-6);padding:0;list-style:none}ol.pb-moves li{counter-increment:m;background:var(--colour-surface-raised);border:var(--border-width) solid var(--colour-border);box-shadow:var(--shadow-button);padding:var(--space-4) var(--space-4) var(--space-4) calc(var(--space-10) + var(--space-6));margin-block-end:var(--space-3);position:relative}ol.pb-moves li:before{content:counter(m);inline-size:var(--space-10);block-size:var(--space-10);background:var(--colour-surface-accent);color:var(--colour-text-on-accent);border:var(--border-width-hair) solid var(--colour-border);font-family:var(--font-display);font-size:var(--text-display-s);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:var(--space-4);inset-inline-start:var(--space-4)}ol.pb-moves h4{margin:0 0 var(--space-1);font-size:var(--text-body-l)}ol.pb-moves p{font-size:var(--text-body-s);color:var(--colour-text-secondary);margin:0}.pb-trap,.pb-focus,.pb-take{border:var(--border-width) solid var(--colour-border);padding:var(--space-5) var(--space-6);margin:var(--space-4) 0}.pb-trap{background:var(--colour-surface-soft);color:var(--colour-text-on-soft)}.pb-focus{background:var(--colour-surface-accent);color:var(--colour-text-on-accent)}.pb-take{background:var(--colour-arm-build);color:var(--colour-text-on-arm-build)}.pb-cta{inline-size:100%;background:var(--colour-action-primary);color:var(--colour-on-action-primary);font-family:var(--font-label);font-weight:var(--weight-button);font-size:var(--text-label-l);letter-spacing:var(--tracking-label);text-transform:uppercase;padding:var(--space-4) var(--space-6);border:var(--border-width) solid var(--colour-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-button);transition:transform var(--motion-fast) var(--ease-press), box-shadow var(--motion-fast) var(--ease-press);justify-content:center;align-items:center;margin-block-start:var(--space-5);text-decoration:none;display:inline-flex}.pb-cta:hover,.pb-cta:active{transform:var(--press-travel,translate(3px, 3px));box-shadow:var(--shadow-button-press)}}@media print{.no-print,.site-header,footer,.pq-reveal .pq-ladder,.pq-scorebar,.pb-cta{display:none!important}body{background:#fff}.pq-reveal{color:#000;box-shadow:none;background:0 0;border:none;padding:0}.pq-reveal .pq-tag{color:#333}.pb-mirror,ol.pb-moves li,.pb-trap,.pb-focus,.pb-take{box-shadow:none}}