.gf-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}.gf-stage{display:flex;justify-content:center}.gf-disc{display:block;width:82%;height:82%;border-radius:50%;border:2px solid var(--ff-outline);box-shadow:0 2px 3px #0000004d}.gf-disc--you{background:#f0b429}.gf-disc--ai{background:#3a3a46}.gf-c4-board{display:flex;gap:4px;background:var(--pc-select);padding:6px;border-radius:.6rem}.gf-c4-col{display:flex;flex-direction:column;gap:4px;padding:0;border:none;background:transparent;cursor:pointer}.gf-c4-col:disabled{cursor:default}.gf-c4-cell{width:min(11vw,3rem);height:min(11vw,3rem);border-radius:50%;background:var(--ff-paper);display:flex;align-items:center;justify-content:center}.gf-c4-col:not(:disabled):hover .gf-c4-cell:first-child{outline:3px solid var(--ff-spark);outline-offset:-3px}.gf-go-board{display:grid;grid-template-columns:repeat(var(--gf-n, 9),1fr);gap:0;background:color-mix(in oklab,var(--pc-select) 20%,var(--ff-warm));border:3px solid var(--ff-outline);border-radius:.3rem;width:min(94vw,30rem);aspect-ratio:1 / 1}.gf-go-cell{aspect-ratio:1 / 1;border:1px solid var(--ff-outline);background:transparent;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.gf-go-cell:disabled{cursor:default}.gf-rev-board{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;background:var(--pc-select);padding:3px;border-radius:.4rem;width:min(94vw,30rem);aspect-ratio:1 / 1}.gf-rev-cell{aspect-ratio:1 / 1;background:color-mix(in oklab,var(--pc-select) 30%,var(--ff-paper));display:flex;align-items:center;justify-content:center;padding:0;border:none;cursor:default}button.gf-rev-cell--legal{cursor:pointer;box-shadow:inset 0 0 0 3px var(--ff-spark)}.gf-db-board{display:grid;grid-template-columns:repeat(var(--gf-db-cols, 7),auto);align-items:center;justify-items:center;gap:0;width:-moz-max-content;width:max-content;margin:0 auto}.gf-db-dot{width:12px;height:12px;border-radius:50%;background:var(--ff-anvil)}.gf-db-edge{padding:0;border:none;background:color-mix(in oklab,var(--ff-anvil) 12%,var(--ff-paper));cursor:pointer;border-radius:3px}.gf-db-edge--h{width:min(11vw,3rem);height:8px}.gf-db-edge--v{width:8px;height:min(11vw,3rem)}.gf-db-edge--on{background:var(--pc-select)}.gf-db-edge:disabled{cursor:default}.gf-db-box{width:min(11vw,3rem);height:min(11vw,3rem);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;color:var(--ff-anvil)}.gf-db-box--you{background:color-mix(in oklab,#f0b429 45%,var(--ff-paper))}.gf-db-box--ai{background:color-mix(in oklab,#3a3a46 35%,var(--ff-paper));color:var(--ff-paper)}.gf-hex-board{display:flex;flex-direction:column;gap:3px;margin:.4rem 0;overflow-x:auto}.gf-hex-row{display:flex;gap:3px;margin-left:calc(var(--gf-hex-indent, 0) * (min(9vw,2.1rem) / 2))}.gf-hex-cell{width:min(9vw,2.1rem);height:min(9vw,2.1rem);flex:0 0 auto;background:color-mix(in oklab,var(--pc-select) 16%,var(--ff-paper));border:2px solid var(--ff-outline);padding:0;cursor:pointer;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.gf-hex-cell:disabled{cursor:default}.gf-hex-cell--you{background:#f0b429}.gf-hex-cell--ai{background:#3a3a46}.gf-hex-cell--you,.gf-hex-cell--ai{box-shadow:inset 0 0 0 3px color-mix(in oklab,var(--ff-outline) 55%,transparent)}.gf-tr-scenario{margin:.3rem 0}.gf-tr-text{font-weight:700;font-size:1.05rem;color:var(--ff-anvil)}.gf-tr-opts{display:grid;gap:.5rem;margin-top:.6rem}.gf-tr-opt{text-align:left}.gf-tr-opt--correct{border-color:var(--pc-correct);background:var(--pc-correct-bg)}.gf-tr-opt--wrong{border-color:var(--pc-incorrect);background:var(--pc-incorrect-bg)}.gr-flow-stage{text-align:center}.gr-flow-head{margin:0 auto .6rem;max-width:56ch}.gr-flow-kicker{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--pc-select);margin:0}.gr-flow-title{font-size:1.35rem;font-weight:800;margin:.15rem 0 .3rem;color:var(--ff-forge-text)}.gr-flow-goal{margin:0;color:var(--ff-anvil);opacity:.9}.gr-flow-board{position:relative;width:min(420px,82vw);height:min(420px,82vw);margin:.8rem auto}.gr-flow-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.gr-flow-edge{stroke:var(--ff-outline);stroke-width:2.4;stroke-linecap:round;opacity:.55}.gr-flow-edge.is-used{stroke:var(--pc-select);stroke-width:4;opacity:1}.gr-flow-node{position:absolute;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;border:3px solid var(--ff-outline);background:var(--ff-paper);color:var(--ff-forge-text);font-weight:800;font-size:1.05rem;cursor:pointer;display:grid;place-items:center}.gr-flow-node:hover{background:color-mix(in oklab,var(--pc-select) 16%,var(--ff-paper))}.gr-flow-node:focus-visible{outline:3px solid var(--pc-select);outline-offset:2px}.gr-flow-node.is-current{background:var(--pc-select);color:var(--ff-paper);border-color:var(--ff-outline);box-shadow:0 0 0 4px color-mix(in oklab,var(--pc-select) 35%,transparent)}.gr-flow-ctl{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin:.4rem 0}.gr-flow-fb{margin:.55rem auto 0;max-width:56ch;padding:.5rem .75rem;border-radius:.5rem;border:2px solid var(--ff-outline);background:var(--ff-warm);color:var(--ff-anvil);font-weight:600}.gr-flow-fb.is-good{border-color:#2f8f4e;background:color-mix(in oklab,#2f8f4e 16%,var(--ff-paper))}.gr-flow-fb.is-bad{border-color:#b23b3b;background:color-mix(in oklab,#b23b3b 14%,var(--ff-paper))}.gr-flow-readout{margin:.4rem 0 0;font-variant-numeric:tabular-nums}.gr-flow-menu{margin:1rem 0 0}@media(prefers-reduced-motion:reduce){.gr-flow-node{transition:none}}