.pf-hero-mark{font-size:1.1em}.pf-stage{display:flex;flex-direction:column;align-items:center;gap:.8rem}.pf-controls,.pf-op-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.pf-controls{margin-bottom:.6rem}.pf-op-grid{margin-top:.8rem}.pf-op{min-width:6.5rem}.pf-hanoi-board{display:flex;gap:.8rem;align-items:flex-end;justify-content:center;width:100%;max-width:30rem;min-height:12rem}.pf-peg{flex:1;display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;position:relative;min-height:12rem;padding:.4rem .2rem .5rem;background:color-mix(in oklab,var(--pc-select) 8%,var(--ff-paper));border:2px solid var(--ff-outline);border-radius:12px;cursor:pointer}.pf-peg--sel{outline:3px solid var(--pc-select);outline-offset:2px}.pf-spindle{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);width:6px;height:9.5rem;border-radius:3px;background:color-mix(in oklab,var(--ff-slate) 55%,var(--ff-paper))}.pf-disks{display:flex;flex-direction:column-reverse;align-items:center;gap:3px;z-index:1;width:100%}.pf-disk{height:1.5rem;border-radius:8px;border:2px solid var(--ff-outline);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.85rem}.pf-disk--1{width:22%;background:var(--pc-select)}.pf-disk--2{width:36%;background:var(--ff-slate)}.pf-disk--3{width:50%;background:var(--ff-forge)}.pf-disk--4{width:64%;background:var(--pc-incorrect)}.pf-disk--5{width:78%;background:var(--ff-spark);color:var(--ff-anvil)}.pf-disk--6{width:92%;background:color-mix(in oklab,var(--pc-select) 70%,var(--ff-slate))}.pf-slide-grid{display:grid;grid-template-columns:repeat(3,4.2rem);grid-auto-rows:4.2rem;gap:6px;justify-content:center}.pf-slide-cell{border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800}.pf-slide-cell--blank{background:transparent;border:2px dashed color-mix(in oklab,var(--ff-outline) 45%,transparent)}.pf-slide-tile{background:var(--pc-select);color:#fff;border:2px solid var(--ff-outline);cursor:pointer}.pf-slide-tile:disabled{background:color-mix(in oklab,var(--pc-select) 40%,var(--ff-paper));color:var(--ff-anvil);cursor:default}.pf-jugs{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%}.pf-jug-row{display:flex;gap:1.5rem;align-items:flex-end;justify-content:center}.pf-jug{display:flex;flex-direction:column;align-items:center;gap:.3rem}.pf-jug-glass{position:relative;width:4.5rem;height:9rem;overflow:hidden;border:3px solid var(--ff-outline);border-top:none;border-radius:0 0 12px 12px;background:color-mix(in oklab,var(--pc-select) 6%,var(--ff-paper));display:flex;align-items:flex-end}.pf-jug-fill{width:100%;background:color-mix(in oklab,var(--pc-select) 70%,#4aa3d6);transition:height .25s ease;min-height:0}.pf-jug-fill--target{background:var(--pc-correct)}.pf-jug-amount{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:800;color:var(--ff-anvil);font-variant-numeric:tabular-nums;background:color-mix(in oklab,var(--ff-paper) 80%,transparent);padding:.05rem .3rem;border-radius:6px}.pf-river{display:flex;flex-direction:column;align-items:center;width:100%}.pf-banks{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;max-width:34rem}.pf-bank{flex:1;min-height:6.5rem;padding:.5rem;border:2px solid var(--ff-outline);border-radius:12px;background:color-mix(in oklab,var(--ff-forge) 10%,var(--ff-paper));display:flex;flex-direction:column;align-items:center;gap:.35rem}.pf-bank-items{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;align-items:center;min-height:2.4rem}.pf-actor{font-size:1.9rem;line-height:1}.pf-river-water{font-size:1.3rem;color:var(--ff-slate);white-space:nowrap}.pf-poe-scenario{background:color-mix(in oklab,var(--pc-select) 8%,var(--ff-paper));border:2px solid var(--ff-outline);border-left:6px solid var(--pc-select);border-radius:10px;padding:.7rem .9rem;margin-bottom:.8rem}.pf-poe-text{margin:0;color:var(--ff-anvil)}.pf-poe-opts{display:flex;flex-direction:column;gap:.5rem}.pf-poe-opt{text-align:left}.pf-poe-opt--correct{background:var(--pc-correct-bg);border-color:var(--pc-correct);color:var(--ff-anvil)}.pf-poe-opt--wrong{background:var(--pc-incorrect-bg);border-color:var(--pc-incorrect);color:var(--ff-anvil)}@media(prefers-reduced-motion:reduce){.pf-jug-fill{transition:none}}.pf-rings{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;align-items:center;padding:1rem 0}.pf-ring{width:3.2rem;height:3.2rem;border-radius:999px;border:3px solid var(--ff-outline);font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center}.pf-ring--on{background:var(--pc-select);color:#fff}.pf-ring--off{background:color-mix(in oklab,var(--pc-select) 12%,var(--ff-paper));color:var(--ff-anvil);border-style:dashed}.pf-ring--movable{outline:3px solid var(--ff-spark);outline-offset:2px;cursor:pointer}.pf-ring:disabled{opacity:.7;cursor:default}.pf-peg-board{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem 0}.pf-peg-row{display:flex;gap:.4rem;justify-content:center}.pf-peg-hole{width:2.6rem;height:2.6rem;border-radius:999px;border:2px solid var(--ff-outline);background:color-mix(in oklab,var(--pc-select) 6%,var(--ff-paper))}.pf-peg-hole--peg{background:var(--ff-forge);border-color:var(--ff-outline);cursor:pointer}.pf-peg-hole--empty{background:color-mix(in oklab,var(--ff-slate) 14%,var(--ff-paper))}.pf-peg-hole--sel{outline:3px solid var(--ff-spark);outline-offset:2px}.pf-peg-hole--land{background:var(--pc-correct-bg);border-color:var(--pc-correct);border-style:dashed;cursor:pointer}.pf-rush-board{display:grid;grid-template-columns:repeat(6,3rem);grid-auto-rows:3rem;gap:4px;justify-content:center;padding:.5rem;border-radius:12px;background:color-mix(in oklab,var(--ff-slate) 10%,var(--ff-paper))}.pf-rush-cell{border-radius:8px;border:2px solid transparent;font-size:1.2rem}.pf-rush-empty{background:color-mix(in oklab,var(--pc-select) 5%,var(--ff-paper));border-color:color-mix(in oklab,var(--ff-outline) 30%,transparent)}.pf-rush-target{background:var(--pc-correct-bg);border:2px dashed var(--pc-correct);cursor:pointer}.pf-rush-exit{box-shadow:inset -4px 0 0 var(--ff-spark)}.pf-car{border:2px solid var(--ff-outline);cursor:pointer;color:#fff}.pf-car--sel{outline:3px solid var(--ff-spark);outline-offset:1px}.pf-car--x{background:#d64545}.pf-car--b{background:var(--ff-slate)}.pf-car--c{background:var(--ff-forge)}.pf-car--d{background:#7a53c9}.pf-car--e{background:#2e8b8b}.pf-car--f{background:#c98a3c}.pf-car--g{background:#8c6a4a}
