.sg-board-wrap{background:var(--ff-warm);border:2px solid var(--ff-outline);border-top:4px solid var(--pc-select,var(--ff-forge));box-shadow:0 3px 0 var(--ff-outline);border-radius:12px;justify-content:center;margin:.6rem 0 .8rem;padding:.7rem;display:flex}.sg-board{touch-action:manipulation;width:100%;max-width:26rem;height:auto}.sg-board--cascade{max-width:24rem}.sg-tag{text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--ff-outline);background:var(--ff-spark);color:var(--ff-anvil);border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:800;display:inline-block}.sg-prompt{color:var(--ff-anvil);margin:.55rem 0 .2rem;font-weight:700}.sg-c4-frame{fill:var(--sg-c4-frame);stroke:var(--ff-outline);stroke-width:3px}.sg-c4{stroke:var(--ff-outline);stroke-width:2px}.sg-c4--y{fill:var(--sg-disc-y)}.sg-c4--r{fill:var(--sg-disc-r)}.sg-c4--e{fill:var(--ff-paper)}.sg-c4-col{fill:#0000;cursor:pointer}.sg-c4-col:hover{fill:#ffffff24}.sg-c4-col:focus-visible{fill:#e0a82e59;outline:none}.sg-sq{stroke:#1c1f1a1f;stroke-width:.5px;cursor:pointer}.sg-sq--light{fill:var(--sg-sq-light)}.sg-sq--dark{fill:var(--sg-sq-dark)}.sg-sq:hover{fill:var(--ff-spark);fill-opacity:.55}.sg-sq:focus-visible{stroke:var(--ff-focus);stroke-width:3px;outline:none}.sg-sq--from{stroke:var(--ff-spark);stroke-width:3.5px}.sg-sq--sel{stroke:var(--ff-forge);stroke-width:3.5px}.sg-glyph{paint-order:stroke;font-size:30px}.sg-glyph--w{fill:var(--sg-piece-w);stroke:var(--sg-piece-stroke);stroke-width:1.2px}.sg-glyph--b{fill:var(--sg-piece-b)}.sg-glyph--sel{font-weight:700}.sg-coord{fill:var(--ff-slate-text);opacity:.65;font-size:10px}.sg-cell--correct{stroke:var(--pc-correct);fill:var(--pc-correct)!important}.sg-cell--wrong{stroke:var(--pc-incorrect);fill:var(--pc-incorrect)!important}.sg-c4.sg-cell--correct{fill:var(--pc-correct)!important}.sg-c4.sg-cell--wrong{fill:var(--pc-incorrect)!important}.sg-hintcard{border:2px dashed var(--ff-slate);background:color-mix(in srgb, var(--ff-slate) 10%, var(--ff-paper));border-radius:.7rem;margin-top:.5rem;padding:.6rem .8rem}.sg-hint-text{color:var(--ff-anvil);margin:0;font-size:.9rem}.sg-rush-hud{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;margin-bottom:.4rem;font-weight:800;display:flex}.sg-rush-time{font-variant-numeric:tabular-nums;color:var(--ff-forge-text)}.sg-rush-time--low{color:var(--pc-incorrect)}.sg-rush-solved{color:var(--pc-correct)}.sg-rush-miss{color:var(--ff-slate-text)}.sg-rush-streak{color:var(--ff-spark)}.sg-rush-best{color:var(--ff-forge-text);margin-top:.3rem;font-weight:700}.sg-rush-board{min-height:12rem}.sg-feedback{text-align:center;min-height:1.2rem;margin-top:.5rem;font-weight:600}.sg-lesson{border-left:4px solid var(--ff-forge);margin-bottom:.9rem;padding-left:.8rem}.sg-lesson-name{color:var(--ff-forge-text);font-size:1.15rem;font-weight:800}.sg-lesson-summary{margin:.2rem 0;font-weight:700}.sg-lesson-explain{opacity:.9;font-size:.92rem}.sg-examples{gap:.4rem;margin-top:.6rem;display:grid}.sg-example{align-items:baseline;gap:.6rem;font-size:.88rem;display:flex}.sg-example-game{color:var(--ff-slate-text);flex:0 0 5.5rem;font-weight:800}.sg-example-text{opacity:.9}.sg-step{margin-top:.8rem}.sg-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ff-slate-text);margin-bottom:.35rem;font-size:.72rem;font-weight:800}.sg-choices{gap:.5rem;display:grid}.sg-choice{width:100%}.sg-choice--correct{background:var(--pc-correct-bg);border-color:var(--pc-correct);color:#1e5b34}.sg-choice--wrong{background:var(--pc-incorrect-bg);border-color:var(--pc-incorrect);opacity:.85}@media (prefers-reduced-motion:reduce){.sg-board,.sg-c4,.sg-sq{transition:none!important}}.sg-learn-h{color:var(--ff-anvil);margin:0 0 .3rem;font-size:1.2rem}.sg-learn-p{color:var(--ff-anvil);max-width:48ch;margin:0 0 .4rem;line-height:1.55}.sg-learn-nav{display:flex}.sg-learn-fb{margin-top:.6rem}.sg-learn-handoff{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;width:100%;margin-top:.6rem;display:grid}.sg-learn-card{flex-direction:column;gap:.15rem;min-height:44px;padding:.7rem .85rem;text-decoration:none;display:flex}.sg-learn-card-label{color:var(--ff-anvil);font-weight:800}.sgl-learn-cta{border-color:var(--pc-select);color:var(--ff-anvil);text-decoration:none}.sgl-learn-cta strong{color:var(--ff-anvil)}.sgl-learn-cta:hover{box-shadow:0 3px 0 var(--ff-outline);transform:translateY(-2px)}.pc-theme-strategyforge.pc-immersive{--pc-env-bg:url(/play/strategyforge/env.webp) center / cover no-repeat, linear-gradient(to bottom, #eee9dc 0%, #e6e2cd 26%, #dfdbc5 60%, #d9d5bd 86%, #d5d1b8 100%);--pc-env-bg-dark:url(/play/strategyforge/env-dark.webp) center / cover no-repeat, linear-gradient(to bottom, #101410 0%, #131712 42%, #0f130e 74%, #0c100b 100%);--pc-env-bg-flat:url(/play/strategyforge/env.webp) center / cover no-repeat, oklab(90.058% -.00417314 .0286524);--pc-env-bg-flat-dark:url(/play/strategyforge/env-dark.webp) center / cover no-repeat, #12160f}.sg-kits{margin:.4rem 0 1rem}.sg-kits-summary{cursor:pointer;color:var(--ff-anvil);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;list-style:none;display:flex}.sg-kits-summary::-webkit-details-marker{display:none}.sg-kits-summary:before{content:"▸";color:var(--pc-select);font-weight:800}.sg-kits[open] .sg-kits-summary:before{content:"▾"}@media (aspect-ratio>=1) and (width>=1000px){.pc-theme-strategyforge.pc-immersive .sg-board{max-width:34rem}.pc-theme-strategyforge.pc-immersive .sg-board--cascade{max-width:31rem}}