.cp-stage{position:relative;width:100%;max-width:760px;margin-inline:auto;aspect-ratio:760 / 560;user-select:none;-webkit-user-select:none;touch-action:none}.cp-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.cp-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.cp-tray{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:var(--color-sky);border:1px solid var(--color-border);border-radius:var(--radius);min-height:3rem}.cp-tray-label{width:100%;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-soft);margin-bottom:.1rem}.cp-piece{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:999px;font-family:var(--font-body);font-size:.88rem;font-weight:600;color:var(--color-primary-dark);cursor:grab;transition:background .12s,border-color .12s,opacity .12s;touch-action:none}.cp-piece:hover{background:var(--color-sky);border-color:var(--color-primary-dark)}.cp-piece:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.cp-piece[aria-pressed=true],.cp-piece.cp-selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary-dark);cursor:grabbing}.cp-piece.cp-placed{opacity:.38;pointer-events:none;cursor:default}.cp-target{position:absolute;background:transparent;border:2px dashed transparent;border-radius:8px;cursor:pointer;transition:background .12s,border-color .12s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;font-family:var(--font-body);font-size:.78rem;font-weight:700;color:var(--color-primary-dark)}.cp-target .cp-placed-piece{background:#ffffffeb;border:1px solid var(--color-primary);border-radius:999px;padding:.1rem .55rem;font-size:.76rem;font-weight:700;color:var(--color-primary-dark);box-shadow:0 1px 3px #0000002e;white-space:nowrap}.cp-target:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.cp-target.cp-candidate{border-color:var(--color-primary);background:#1f7a5a12}.cp-target.cp-candidate:hover,.cp-target.cp-candidate:focus-visible{background:#1f7a5a29;border-color:var(--color-primary-dark)}.cp-flow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:.75rem}.cp-flow-target{display:flex;flex-direction:column;gap:.3rem;padding:.65rem .85rem;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius);cursor:pointer;min-height:3.5rem;transition:background .12s,border-color .12s}.cp-flow-target:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.cp-flow-target.cp-candidate{border-color:var(--color-primary);background:#1f7a5a0d}.cp-flow-target .cp-target-name{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-soft)}.cp-flow-target .cp-placed-piece{font-size:.88rem;font-weight:600;color:var(--color-primary-dark)}.cp-ghost{position:fixed;pointer-events:none;z-index:9999;padding:.35rem .75rem;background:var(--color-primary);color:#fff;border:2px solid var(--color-primary-dark);border-radius:999px;font-family:var(--font-body);font-size:.88rem;font-weight:600;opacity:.9;transform:translate(-50%,-50%);white-space:nowrap}.cp-target.cp-correct,.cp-flow-target.cp-correct{border-style:solid;border-color:#3a9e62;background:#e3f5ea}.cp-target.cp-incorrect,.cp-flow-target.cp-incorrect{border-style:solid;border-color:#c94040;background:#fbe9e8}.cp-result-glyph{font-size:.8rem;font-weight:700;margin-left:.25rem}.cp-target.cp-correct .cp-result-glyph{color:#1d6b41}.cp-target.cp-incorrect .cp-result-glyph{color:#a4302c}.cp-flow-target.cp-correct .cp-result-glyph{color:#1d6b41}.cp-flow-target.cp-incorrect .cp-result-glyph{color:#a4302c}.cp-sr-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cp-stage.cp-locked .cp-target,.cp-flow-grid.cp-locked .cp-flow-target,.cp-tray.cp-locked .cp-piece{pointer-events:none;cursor:default}@media (prefers-reduced-motion: reduce){.cp-piece,.cp-target,.cp-flow-target,.cp-ghost{transition:none!important}}@media (max-width: 520px){.cp-tray{gap:.35rem;padding:.5rem}.cp-piece{font-size:.82rem;padding:.3rem .6rem}.cp-flow-grid{grid-template-columns:1fr}}.phase-intro{margin-bottom:1.25rem}.phase-intro h2{margin-bottom:.25rem}.phase-intro p{color:var(--color-ink-soft);margin:0}.phase-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.phase-badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px;background:var(--color-primary);color:#fff;flex-shrink:0}.phase-title{font-size:1.05rem;font-weight:700;color:var(--color-primary-dark);margin:0}.phase-instruction{color:var(--color-ink-soft);font-size:.93rem;margin:.3rem 0 .85rem}.cell-stage-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(180deg,#ffffff,var(--color-surface-soft));box-shadow:var(--shadow);margin-bottom:1rem}#cell-svg .shadow{fill:#13241d29}#cell-svg .hi{fill:#ffffff4d}.cell-context-label{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;fill:var(--color-ink-soft);pointer-events:none}.sibling-highlight{opacity:0;transition:opacity .35s ease}.sibling-highlight.visible{opacity:1}.cp-piece[data-piece=nucleus],.cp-flow-target[data-target=fn-nucleus] .cp-placed-piece{border-color:var(--color-teal);color:#0c6b60}.cp-piece[data-piece=nucleus]:hover,.cp-piece[data-piece=nucleus].cp-selected,.cp-piece[data-piece=nucleus][aria-pressed=true]{background:var(--color-teal);border-color:#0c6b60;color:#fff}.cp-piece[data-piece=mitochondrion],.cp-flow-target[data-target=fn-mitochondrion] .cp-placed-piece{border-color:var(--color-accent);color:#8a6116}.cp-piece[data-piece=mitochondrion]:hover,.cp-piece[data-piece=mitochondrion].cp-selected,.cp-piece[data-piece=mitochondrion][aria-pressed=true]{background:var(--color-accent);border-color:#b9821e;color:#fff}.cp-piece[data-piece=chloroplast],.cp-flow-target[data-target=fn-chloroplast] .cp-placed-piece{border-color:var(--color-lime);color:#4e7d2a}.cp-piece[data-piece=chloroplast]:hover,.cp-piece[data-piece=chloroplast].cp-selected,.cp-piece[data-piece=chloroplast][aria-pressed=true]{background:var(--color-lime);border-color:#4e7d2a;color:#fff}.cp-piece[data-piece=vacuole],.cp-flow-target[data-target=fn-vacuole] .cp-placed-piece{border-color:#7fb8a0;color:#2e7a60}.cp-piece[data-piece=vacuole]:hover,.cp-piece[data-piece=vacuole].cp-selected,.cp-piece[data-piece=vacuole][aria-pressed=true]{background:#7fb8a0;border-color:#2e7a60;color:#fff}.cp-piece[data-piece=cell-wall],.cp-piece[data-piece=cytoplasm],.cp-flow-target[data-target=fn-cell-wall] .cp-placed-piece,.cp-flow-target[data-target=fn-cytoplasm] .cp-placed-piece{border-color:var(--color-primary);color:var(--color-primary-dark)}.reasoning-card{background:var(--color-sky);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:.85rem}.reasoning-card h4{margin:0 0 .25rem;color:var(--color-primary-dark);font-size:.95rem}.reasoning-card p{margin:0;color:var(--color-ink-soft);font-size:.9rem}.reasoning-sentence{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:.85rem 0 .5rem;font-size:.94rem;font-weight:600;color:var(--color-ink)}.reasoning-sentence .cp-flow-target{min-width:160px;min-height:2.4rem;display:inline-flex;align-items:center}.cell-results-note{font-size:.88rem;color:var(--color-ink-soft);max-width:50ch;margin:.5rem auto 0}@media (max-width: 520px){.reasoning-sentence{flex-direction:column;align-items:flex-start}}