.block-fit{--ink:#173e38;box-sizing:border-box;color:var(--ink);background:#fff8ed;min-height:100vh;padding:28px clamp(12px,4vw,60px);font-family:Arial,Helvetica,sans-serif}.block-fit *{box-sizing:border-box}.block-fit header{max-width:1000px;margin:0 auto 26px}.block-fit h1{letter-spacing:-2px;margin:10px 0;font-size:clamp(40px,6vw,66px)}.block-fit h1 em{color:#ac4937;font-family:Georgia,serif;font-weight:400}.block-fit p{line-height:1.6}.block-fit .bf-kicker{letter-spacing:2px;color:#984c35;font-size:11px;font-weight:700}.bf-layout{grid-template-columns:minmax(0,520px) 1fr;gap:48px;max-width:1000px;margin:auto;display:grid}.bf-layout main{min-width:0}.bf-scores{justify-content:space-between;margin-bottom:14px;font-size:13px;display:flex}.bf-scores strong{margin-top:3px;font-size:30px;display:block}.block-fit button{cursor:pointer;color:var(--ink);background:#fffdf8;border:1px solid #a8bdb3;border-radius:20px;min-height:44px;padding:10px 17px;font:700 15px Arial,sans-serif}.block-fit button:disabled{opacity:.4;cursor:default}.block-fit button:focus-visible{outline-offset:2px;outline:3px solid #b34830}.bf-board{background:#dce6d5;border:3px solid #284d40;border-radius:18px;grid-template-columns:repeat(8,1fr);gap:3px;padding:8px;display:grid;box-shadow:0 7px #cad6bf}.bf-board button{aspect-ratio:1;touch-action:manipulation;background:#f6f6e9;border:0;border-radius:5px;min-height:0;padding:0}.bf-board button>*{pointer-events:none}.bf-board .bf-filled{color:#f6f6e9;background:#35705d}.bf-board .bf-colour-2{background:#ad593f}.bf-board .bf-colour-3{background:#486585}.bf-board .bf-preview{background:#a9ccad;box-shadow:inset 0 0 0 3px #173e38}.bf-board .bf-invalid{box-shadow:inset 0 0 0 3px #a84c3e}.bf-tray{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;display:grid}.bf-tray button{flex-direction:column;justify-content:center;align-items:center;height:120px;padding:8px;display:flex}.bf-tray button[aria-pressed=true]{background:#e4edda;border:3px solid #173e38}.bf-mini{grid-template-rows:repeat(4,16px);grid-template-columns:repeat(4,16px);gap:2px;display:grid}.bf-mini i{background:#35705d;border-radius:3px}.bf-tray small{margin-top:6px;font-size:11px}.bf-used{font-size:12px}.bf-message{min-height:48px;font-size:14px}.bf-actions{flex-wrap:wrap;gap:8px;display:flex}.bf-layout aside h2{font:34px Georgia,serif}.bf-layout li{margin-bottom:22px;padding-left:4px;line-height:1.6}.bf-layout ol{padding-left:22px}.bf-layout aside>p{font-size:13px}.bf-note{color:#51695f}.bf-finish{background:#e4edda;border-radius:18px;margin-bottom:15px;padding:18px}.block-fit dialog{color:#173e38;background:#fff8ed;border:1px solid #a8bdb3;border-radius:22px;max-width:calc(100% - 30px);padding:26px}.block-fit dialog::backdrop{background:#173e3866}.block-fit dialog button{margin:5px}@media (width<=720px){.bf-layout{grid-template-columns:1fr;gap:22px;max-width:520px}.bf-layout aside{border-top:1px solid #cedac8;padding-top:16px}.bf-tray button{height:110px}.bf-board{gap:2px;padding:5px}.block-fit header{margin-bottom:18px}}