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