.sf-home-hero{text-align:center}.sf-intro{color:var(--ff-anvil,#2d2d2d);max-width:48ch;margin:.4rem auto .6rem;font-size:clamp(1.02rem,4vw,1.28rem);line-height:1.5}.sf-intro strong{color:var(--pc-select-strong)}.sf-steps{flex-wrap:wrap;justify-content:center;gap:.8rem;max-width:68ch;margin:.4rem auto 1rem;display:flex}.sf-step{background:color-mix(in oklab, var(--pc-select) 8%, var(--ff-paper,#fff));border:2px solid color-mix(in oklab, var(--pc-select) 40%, var(--ff-outline,#2a1f1a));text-align:center;border-radius:18px;flex-direction:column;flex:16rem;align-items:center;gap:.25rem;max-width:21rem;padding:.9rem 1rem;display:flex}.sf-step-ico{font-size:2rem;line-height:1}.sf-step-t{color:var(--ff-anvil);font-size:1.1rem;font-weight:800}.sf-step-d{color:var(--ff-anvil);font-size:.96rem;line-height:1.4}.sf-root,.sf-game{flex-direction:column;align-items:center;gap:.55rem;width:100%;display:flex}.sf-meter{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;font-size:1rem;font-weight:700;display:flex}.sf-you-tag{color:var(--sf-you)}.sf-friend-tag{color:var(--sf-friend)}.sf-words{color:var(--ff-anvil)}.sf-words b{color:var(--pc-select-strong)}.sf-spelled{min-height:1.5em;color:var(--pc-select-strong);text-align:center;letter-spacing:.04em;font-size:1.05rem;font-weight:800}.sf-board{--sf-cell:clamp(42px, 11.2vw, 54px);background:color-mix(in oklab, var(--pc-select) 10%, var(--ff-paper,#fff));border:3px solid color-mix(in oklab, var(--pc-select) 55%, var(--ff-outline,#2a1f1a));border-radius:20px;flex-direction:column;gap:.28rem;max-width:96vw;padding:.7rem .8rem 1rem;display:flex;overflow-x:auto}.sf-row{gap:.28rem;display:flex}.sf-cell{flex:0 0 var(--sf-cell);width:var(--sf-cell);height:var(--sf-cell);cursor:pointer;background:var(--sf-tile);color:var(--sf-tile-ink);border:2px solid color-mix(in oklab, var(--sf-tile-ink) 26%, transparent);border-radius:12px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.sf-letter{font-size:clamp(1.1rem,5.5vw,1.6rem);font-weight:900}.sf-cell:not(:disabled):hover{border-color:var(--pc-select)}.sf-cell:focus-visible{outline:3px solid var(--pc-select);outline-offset:2px;z-index:2}.sf-cell.on-path{box-shadow:inset 0 0 0 3px var(--pc-select);background:color-mix(in oklab, var(--pc-select) 24%, var(--sf-tile))}.sf-cell.is-tip{box-shadow:inset 0 0 0 4px var(--pc-select-strong)}.sf-order{background:var(--pc-select);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 3px;font-size:.72rem;font-weight:900;line-height:1;display:flex;position:absolute;top:-6px;left:-6px}.sf-cell.is-you{box-shadow:inset 0 0 0 4px var(--sf-you)}.sf-cell.is-friend{box-shadow:inset 0 0 0 4px var(--sf-friend)}.sf-cell.is-you:after,.sf-cell.is-friend:after{font-size:.78rem;line-height:1;position:absolute;bottom:1px;right:3px}.sf-cell.is-you:after{content:"🔵"}.sf-cell.is-friend:after{content:"🟠"}.sf-cell.just-won{animation:.5s sf-pop}@keyframes sf-pop{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}.sf-meaning{min-height:1.7em;color:var(--pc-select-strong);text-align:center;opacity:0;max-width:46ch;font-size:clamp(1.02rem,4.2vw,1.28rem);font-weight:700;transition:opacity .2s}.sf-meaning.is-show{opacity:1}.sf-meaning b{color:var(--pc-select-strong)}.sf-banner{min-height:1.5em;color:var(--ff-anvil);text-align:center;max-width:46ch;margin:0;font-size:1.04rem;font-weight:700}.sf-report{text-align:center;background:color-mix(in oklab, var(--pc-select) 8%, var(--ff-paper,#fff));border:2px solid color-mix(in oklab, var(--pc-select) 45%, var(--ff-outline,#2a1f1a));border-radius:18px;max-width:40ch;margin:.3rem auto;padding:.7rem 1rem}.sf-report-head{color:var(--ff-anvil);margin:0 0 .5rem;font-size:1.02rem;font-weight:800}.sf-report-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.sf-report-chip{color:var(--ff-anvil);background:color-mix(in oklab, var(--pc-select) 12%, var(--ff-paper,#fff));border:1px solid color-mix(in oklab, var(--pc-select) 30%, transparent);border-radius:12px;align-items:baseline;gap:.3rem;padding:.25rem .7rem;font-size:.92rem;display:inline-flex}.sf-report-chip b{color:var(--pc-select-strong);font-size:1.1rem;font-weight:900}.sf-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.2rem;display:flex}.sf-btn{border:2px solid var(--pc-select);background:var(--ff-paper,#fff);min-width:48px;min-height:48px;color:var(--pc-select-strong);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:0 1rem;font-size:1rem;font-weight:800;display:inline-flex}.sf-btn:disabled{opacity:.45;cursor:default}.sf-btn:not(:disabled):hover{background:color-mix(in oklab, var(--pc-select) 16%, var(--ff-paper))}.sf-btn:focus-visible{outline:3px solid var(--pc-select);outline-offset:3px}.sf-span{background:color-mix(in oklab, var(--pc-select) 20%, var(--ff-paper,#fff))}@media (prefers-reduced-motion:reduce){.sf-cell.just-won{animation:none}}.pc-theme-spanforge.pc-immersive{--pc-env-bg:url(/play/spanforge/env.webp) center / cover no-repeat, linear-gradient(to bottom, #e8eef3 0%, #dfe7ef 55%, #d7e0ea 100%);--pc-env-bg-dark:url(/play/spanforge/env-dark.webp) center / cover no-repeat, linear-gradient(to bottom, #141b24 0%, #10151d 55%, #0d1016 100%);--pc-env-bg-flat:url(/play/spanforge/env.webp) center / cover no-repeat, #dfe7ef;--pc-env-bg-flat-dark:url(/play/spanforge/env-dark.webp) center / cover no-repeat, #11161d}