.cpq-hero-emoji{font-size:3rem;line-height:1;display:block}.cpq-hud{justify-content:center;align-items:center;gap:.6rem;margin-top:.5rem;display:flex}.cpq-greeting{align-items:center;gap:.8rem;margin-bottom:1.25rem;display:flex}.cpq-greeting-emoji{font-size:2rem;line-height:1}.cpq-greeting h3{margin:0}.cpq-section-h{margin:1.4rem 0 .5rem}.cpq-checks-note{margin:0 0 .6rem}.cpq-feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;display:grid}.cpq-feature-card{background:var(--ff-paper);color:var(--ff-anvil);border:2px solid var(--ff-outline);box-shadow:0 4px 0 var(--ff-outline);border-top:6px solid var(--pc-select);border-radius:16px;gap:.3rem;padding:1.1rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:grid}.cpq-feature-card:hover{box-shadow:0 6px 0 var(--ff-outline);transform:translateY(-2px)}.cpq-feature-emoji{font-size:2.2rem;line-height:1}.cpq-feature-card strong{color:var(--ff-anvil);font-size:1.1rem}.cpq-feature-blurb{color:var(--ff-anvil);opacity:.85;font-size:.92rem}.cpq-kit-list{gap:.5rem;display:grid}.cpq-kit-row{background:var(--ff-warm);min-height:48px;color:var(--ff-anvil);border:2px solid var(--ff-outline);border-radius:12px;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.7rem;padding:.5rem .9rem;text-decoration:none;display:grid}.cpq-kit-row:hover{background:var(--ff-paper)}.cpq-kit-num{background:var(--pc-select);color:#fff;border-radius:999px;place-items:center;width:2.2rem;height:2.2rem;font-weight:700;display:grid}.cpq-kit-name{font-weight:600}.cpq-stage{place-items:center;gap:.9rem;display:grid}.cpq-hear{align-self:center}.cpq-desc{text-align:center;max-width:44ch;margin:0}.cpq-choice-row{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.cpq-choice{min-height:48px;font-size:1rem;font-weight:600}.cpq-choice--correct{background:var(--pc-correct);color:#fff;border-color:var(--ff-outline)}.cpq-choice--wrong{opacity:.5}.cpq-card{text-align:center;max-width:44ch;color:var(--ff-anvil);background:var(--ff-paper);border:2px solid var(--ff-outline);box-shadow:0 3px 0 var(--ff-outline);border-radius:14px;padding:.8rem 1rem;font-size:1.15rem;font-weight:700}.cpq-compass{border:2px solid var(--ff-outline);background:var(--ff-warm);border-radius:999px;place-items:center;width:90px;height:90px;display:grid;position:relative}.cpq-compass span{color:var(--ff-anvil);font-weight:800;position:absolute}.cpq-compass-n{top:4px}.cpq-compass-s{bottom:4px}.cpq-compass-e{right:6px}.cpq-compass-w{left:6px}.cpq-compass-mid{font-size:1.6rem}.cpq-map{grid-template-columns:repeat(var(--cpq-cols,5), 40px);background:var(--ff-warm);border:2px solid var(--ff-outline);border-radius:12px;gap:3px;padding:6px;display:grid}.cpq-cell{background:var(--ff-paper);border-radius:6px;place-items:center;width:40px;height:40px;font-size:1.4rem;display:grid}.cpq-cell--from{outline:3px solid var(--ff-slate)}.cpq-cell--to{outline:3px solid var(--pc-select)}@media (aspect-ratio>=1) and (width>=1000px){.pc-theme-compassquest.pc-immersive .cpq-map{grid-template-columns:repeat(var(--cpq-cols,5), 72px);gap:5px}.pc-theme-compassquest.pc-immersive .cpq-cell{width:72px;height:72px;font-size:2.2rem}}.cpq-timeline{gap:.4rem;width:100%;max-width:46ch;margin:0;padding-left:1.4rem;display:grid}.cpq-timeline-item{color:var(--ff-anvil);font-weight:600}.cpq-event-pool{gap:.5rem;width:100%;max-width:46ch;display:grid}.cpq-event{text-align:left;min-height:48px;font-size:.98rem}.cpq-event--wrong{animation:.3s cpq-shake}@keyframes cpq-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.cpq-event--wrong{animation:none}}.pc-theme-compassquest.pc-immersive{--pc-env-bg:url(/play/compassquest/env.webp) center / cover no-repeat, linear-gradient(to bottom, #f0e6cf 0%, #ecdfc0 26%, #e7d9b4 60%, #e2d3aa 86%, #ddcda0 100%);--pc-env-bg-dark:url(/play/compassquest/env-dark.webp) center / cover no-repeat, linear-gradient(to bottom, #17120a 0%, #1b160c 42%, #16110a 74%, #110d07 100%);--pc-env-bg-flat:url(/play/compassquest/env.webp) center / cover no-repeat, oklab(89.7592% .000941689 .0468786);--pc-env-bg-flat-dark:url(/play/compassquest/env-dark.webp) center / cover no-repeat, #18130b}.cpq-tile-art{aspect-ratio:3/2;object-fit:cover;border-radius:14px;width:100%;margin-bottom:.5rem;display:block}.cpq-mapname{color:var(--ff-forge-text);text-align:center;margin:0 0 .4rem;font-size:1.1rem;font-weight:900}.cpq-keymap{margin:0 auto .6rem}.cpq-key{border:2px solid var(--ff-outline);background:var(--ff-warm);border-radius:12px;max-width:300px;margin:.4rem auto .6rem;padding:.6rem .8rem}.cpq-key-title{color:var(--ff-forge-text);text-align:center;margin:0 0 .4rem;font-size:1rem;font-weight:900}.cpq-key-rows{grid-template-columns:1fr 1fr;gap:.4rem .8rem;display:grid}.cpq-key-row{align-items:center;gap:.4rem;font-size:1.05rem;display:flex}.cpq-key-sym{font-size:1.5rem}.cpq-key-eq{color:var(--ff-slate-text);font-weight:900}.cpq-key-mean{color:var(--ff-anvil);font-weight:800}.cpq-choice-row--sym{justify-content:center}.cpq-choice--sym{min-width:64px;min-height:64px;padding:.4rem;font-size:1.8rem}@media (width<=640px){.cpq-key{max-width:100%}}.cpq-band{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:0 0 .7rem;display:flex}.cpq-band-title{color:var(--ff-forge-text);background:var(--ff-warm);border:2px solid var(--ff-outline);border-radius:999px;padding:.35rem .7rem;font-size:1.05rem;font-weight:800}.cpq-intro{border-top:6px solid var(--pc-select);text-align:center}.cpq-lead{color:var(--ff-anvil);margin:.4rem 0 0;font-size:1.15rem;line-height:1.5}.cpq-cta{background:var(--ff-forge);color:#fff;border-color:var(--ff-forge);min-height:52px;padding:.8rem 1.3rem;font-size:1.15rem;display:inline-block}.cpq-hint-card{border-top:6px solid var(--pc-select)}.cpq-hint-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.cpq-hint{color:var(--ff-anvil);margin:0;font-size:1.2rem;font-weight:700;line-height:1.4}.cpq-legend{margin:.5rem 0 0}.cpq-say{cursor:pointer;background:var(--ff-warm);border:2px solid var(--ff-outline);border-radius:50%;min-width:48px;min-height:48px;font-size:1.4rem;line-height:1}.cpq-route-stage{border-top:6px solid var(--pc-select)}.cpq-grid-host{justify-content:center;display:flex}.cpq-grid{grid-template-columns:repeat(var(--cpq-cols,5), 1fr);gap:.3rem;width:100%;max-width:340px;display:grid}.cpq-cell{aspect-ratio:1;border:2px solid var(--ff-outline);background:var(--ff-paper);border-radius:8px;justify-content:center;align-items:center;font-size:1.6rem;display:flex}.cpq-cell--blocked{background:color-mix(in oklab, var(--ff-anvil) 18%, var(--ff-paper))}.cpq-cell--goal{background:color-mix(in oklab, var(--pc-select) 18%, var(--ff-paper));border-color:var(--pc-select)}.cpq-cell--start{background:var(--ff-warm)}.cpq-cell--path{background:var(--pc-correct-bg);border-color:var(--pc-correct)}.cpq-cell--pos{background:var(--pc-select);border-color:var(--ff-forge-text)}.cpq-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2rem;margin:1rem 0 0;display:flex}.cpq-pad{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.cpq-arrow{cursor:pointer;min-width:56px;min-height:56px;font:inherit;background:var(--ff-paper);border:3px solid var(--ff-outline);box-shadow:2px 2px 0 var(--ff-outline);color:var(--ff-anvil);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.cpq-arrow[disabled]{opacity:.5;cursor:default}.cpq-arrow-icon{font-size:1.5rem;line-height:1}.cpq-arrow--n{grid-area:1/2}.cpq-arrow--w{grid-area:2/1}.cpq-arrow--e{grid-area:2/3}.cpq-arrow--s{grid-area:3/2}.cpq-undo{cursor:pointer;min-height:48px;font:inherit;background:var(--ff-warm);border:2px solid var(--ff-outline);color:var(--ff-anvil);border-radius:10px;padding:.6rem 1rem;font-size:1rem;font-weight:800}.cpq-status{text-align:center;color:var(--ff-anvil);margin:.9rem 0 0;font-size:1.15rem;font-weight:700}.cpq-status--ok{color:var(--ff-forge-text)}.cpq-status--try{color:var(--ff-anvil)}.cpq-status .cpq-next{min-height:52px;margin:.8rem auto 0;display:block}.cpq-results{border-top:6px solid var(--pc-select);text-align:center}.cpq-modes{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1rem;display:flex}