.sb-shell{--sb-maxh:min(44svh,24rem);--sb-fr:clamp(0.5rem,2.2vw,0.75rem)}@media (min-width:640px){.sb-shell{--sb-maxh:min(50vh,30rem)}}@media (min-width:900px){.sb-shell{--sb-maxh:min(48vh,32rem)}}.sb-top{align-items:center;justify-content:space-between;gap:.5rem .75rem;margin-bottom:.7rem}.sb-levels,.sb-top{display:flex;flex-wrap:wrap}.sb-levels{gap:.35rem;max-width:100%}.sb-level{min-width:2.4rem;min-height:40px;padding:0 .55rem;color:var(--pp-muted);font:inherit;font-weight:900;font-size:.85rem;background:var(--pp-board);border:0;border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent}.sb-level.is-on{color:var(--pp-paper);background:var(--pp-walnut);box-shadow:0 2px 0 var(--pp-walnut-edge)}.sb-level.is-done:not(.is-on){outline:2px solid #2F6B55;outline-offset:-2px}.sb-level:focus-visible{outline:3px solid var(--pp-focus);outline-offset:1px}.sb-stats{display:flex;gap:.4rem}.sb-stat{display:grid;min-width:3.2rem;padding:.2rem .55rem;text-align:center;background:var(--pp-board);border-radius:12px;line-height:1.15}.sb-stat small{color:var(--pp-muted);font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.sb-stat strong{font-family:var(--font-display),Fraunces,Georgia,serif;font-size:1.05rem;font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width:420px){.sb-top{justify-content:center}.sb-stats{width:100%}.sb-stat{flex:1 1 0;min-width:0}}.sb-stage{position:relative;display:flex;justify-content:center;container-type:inline-size;padding-bottom:.5rem}.sb-frame{padding:var(--sb-fr);background:repeating-linear-gradient(100deg,rgb(255 255 255/4%) 0 7px,transparent 7px 15px),var(--pp-walnut);border-radius:18px;box-shadow:inset 0 2px 0 rgb(255 255 255/18%),0 6px 0 var(--pp-walnut-edge)}.sb-board{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:0;width:min(calc(100cqi - 2 * var(--sb-fr)),var(--sb-maxh),30rem);aspect-ratio:1;padding:clamp(3px,1.2cqi,6px);background:repeating-linear-gradient(92deg,rgb(255 255 255/8%) 0 8px,rgb(0 0 0/3%) 8px 14px,transparent 14px 24px),var(--pp-board);border-radius:10px;touch-action:manipulation;user-select:none;-webkit-user-select:none}.sb-cell{position:relative;min-width:0;min-height:0;aspect-ratio:1;margin:0;padding:0;border:1px solid rgb(90 60 30/28%);cursor:pointer;font:inherit;font-size:clamp(.95rem,5cqi,1.55rem);line-height:1;-webkit-tap-highlight-color:transparent;transition:transform 80ms ease,box-shadow .12s ease,background .12s ease;color:#3F2A1C}.sb-cell:focus-visible{outline:3px solid var(--pp-focus);outline-offset:-2px;z-index:2}.sb-cell.is-empty{background:linear-gradient(160deg,#E8D7B8,#D4C09A 55%,#C4AE88);box-shadow:inset 0 1px 2px rgb(255 255 255/35%),inset 0 -1px 2px rgb(0 0 0/12%)}.sb-cell.is-star{color:#5A3A10;background:radial-gradient(circle at 50% 55%,#FFE08A 0 28%,transparent 32%),linear-gradient(160deg,#F0C36A,#D9A72B 55%,#B8841E);box-shadow:0 0 0 1px rgb(255 230 150/35%),inset 0 2px 0 rgb(255 255 255/45%),0 2px 0 rgb(110 60 20/35%)}.sb-cell.is-mark{color:rgb(90 50 40/55%);background:linear-gradient(160deg,#D4C4A8,#C0AE90 55%,#A89878);box-shadow:inset 0 1px 2px rgb(255 255 255/30%),inset 0 -1px 2px rgb(0 0 0/10%);font-size:clamp(.75rem,4cqi,1.15rem);font-weight:900}.sb-cell.is-hint{outline:3px solid #2F6B55;outline-offset:-2px;z-index:1}.sb-cell.is-bad{outline:3px solid #B33A3A;outline-offset:-2px}.sb-cell:active{transform:scale(.94)}.sb-cell.edge-t{border-top-width:2.5px;border-top-color:rgb(50 28 12/75%)}.sb-cell.edge-b{border-bottom-width:2.5px;border-bottom-color:rgb(50 28 12/75%)}.sb-cell.edge-l{border-left-width:2.5px;border-left-color:rgb(50 28 12/75%)}.sb-cell.edge-r{border-right-width:2.5px;border-right-color:rgb(50 28 12/75%)}.sb-cell[data-reg="0"]{filter:none}.sb-cell.is-empty[data-reg="0"]{background:linear-gradient(160deg,#E8D7B8,#D4C09A 55%,#C4AE88)}.sb-cell.is-empty[data-reg="1"]{background:linear-gradient(160deg,#E2D0C0,#CDB59E 55%,#BCA48A)}.sb-cell.is-empty[data-reg="2"]{background:linear-gradient(160deg,#DDE0C0,#C5C89A 55%,#B0B388)}.sb-cell.is-empty[data-reg="3"]{background:linear-gradient(160deg,#D8D8E0,#C0C0D0 55%,#A8A8BC)}.sb-cell.is-empty[data-reg="4"]{background:linear-gradient(160deg,#E0D0D8,#C8B0C0 55%,#B098A8)}.sb-cell.is-empty[data-reg="5"]{background:linear-gradient(160deg,#D0E0D8,#B0C8BC 55%,#98B0A4)}.sb-cell.is-empty[data-reg="6"]{background:linear-gradient(160deg,#E0E0C8,#C8C8A0 55%,#B0B088)}.sb-cell.is-empty[data-reg="7"]{background:linear-gradient(160deg,#D0D8E8,#B0C0D8 55%,#98A8C0)}.sb-cell.is-empty[data-reg="8"]{background:linear-gradient(160deg,#E8D8C8,#D0C0A8 55%,#B8A890)}.sb-cell.is-empty[data-reg="9"]{background:linear-gradient(160deg,#D8E8D0,#C0D0B0 55%,#A8B898)}.sb-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem;justify-content:center}.sb-actions .pp-btn{min-height:44px}.sb-help{margin:.55rem 0 0;text-align:center;color:var(--pp-muted);font-size:.9rem;line-height:1.4}.sb-toast{left:50%;bottom:.4rem;transform:translateX(-50%);z-index:5;max-width:92%;padding:.45rem .85rem;background:var(--pp-walnut);font-weight:800;font-size:.9rem;border-radius:999px;box-shadow:0 4px 0 var(--pp-walnut-edge);pointer-events:none}.sb-complete,.sb-toast{position:absolute;color:var(--pp-paper)}.sb-complete{inset:var(--sb-fr);z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:rgb(40 24 14/72%);border-radius:12px;text-align:center;padding:1rem}.sb-complete strong{font-family:var(--font-display),Fraunces,Georgia,serif;font-size:1.35rem}