.pb-shd{justify-items:center;gap:14px;max-width:1080px;margin:0 auto;padding:16px clamp(12px,4vw,32px) 48px;display:grid}.pb-shd .pb-play__bar{align-items:center;gap:.75rem;width:100%;display:flex}.pb-shd .pb-play__meta{flex-wrap:wrap;flex:1;align-items:baseline;gap:.6rem;min-width:0;display:flex}.pb-shd .pb-play__level{font-family:var(--pb-font-display);font-size:var(--pb-fs-lg);font-weight:600}.pb-shd__stones{color:var(--pb-ink-soft);font-size:var(--pb-fs-sm);font-variant-numeric:tabular-nums}.pb-shd__lede{text-align:center;max-width:62ch;color:var(--pb-ink-soft);font-size:var(--pb-fs-sm);margin:0;line-height:1.55}.pb-shd__stage{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;width:100%;display:grid}@media (min-width:880px){.pb-shd__stage{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-auto-rows:min-content}.pb-shd__view{grid-area:1/1/span 2}.pb-shd__plans{grid-area:1/2}.pb-shd__plot{grid-area:2/2}}.pb-shd__view{border:1.5px solid var(--pb-line);border-radius:var(--pb-r-lg);background:radial-gradient(120% 90% at 30% 10%, var(--pb-surface) 0%, transparent 60%), color-mix(in oklab, var(--pb-sky) 22%, var(--pb-bg));height:clamp(240px,50vh,520px);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--pb-surface) 70%, transparent);position:relative;overflow:hidden}.pb-shd__plans{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:10px;display:grid}.pb-shd__view-note{text-align:center;color:var(--pb-ink-soft);font-size:var(--pb-fs-sm);place-content:center;margin:0;padding:2rem;display:grid;position:absolute;inset:0}.pb-shd__plan{border:1.5px solid var(--pb-line);border-radius:var(--pb-r-md,12px);background:var(--pb-surface);justify-items:center;gap:6px;margin:0;padding:10px 10px 8px;display:grid}.pb-shd__plan.is-clear{border-color:color-mix(in oklab, var(--pb-success) 45%, var(--pb-line));background:color-mix(in oklab, var(--pb-success) 6%, var(--pb-surface))}.pb-shd__plan-title{font-size:var(--pb-fs-xs);letter-spacing:.01em;color:var(--pb-ink-soft);text-align:center;font-weight:700}.pb-shd__plan-grid{background:color-mix(in oklab, var(--pb-ink) 16%, var(--pb-surface));border-radius:6px;grid-template-columns:repeat(4,1fr);gap:2px;width:100%;padding:3px;display:grid}.pb-shd__plan-grid>span{aspect-ratio:1;border-radius:2px}.pb-shd__plan-grid .is-filled{background:color-mix(in oklab, var(--pb-ink) 74%, var(--pb-surface))}.pb-shd__plan-grid .is-empty{background:var(--pb-surface)}.pb-shd__plan-verdict{font-size:var(--pb-fs-xs);font-variant-numeric:tabular-nums;color:var(--pb-ink-soft);text-align:center;margin:0}.pb-shd__plan.is-clear .pb-shd__plan-verdict{color:var(--pb-success);font-weight:700}.pb-shd__status{font-size:var(--pb-fs-sm);color:var(--pb-ink-soft);text-align:center;margin:0}.pb-shd.is-solved .pb-shd__status{color:var(--pb-success);font-weight:700}.pb-shd__plot{border-radius:var(--pb-r-md,12px);background:color-mix(in oklab, var(--pb-ink) 9%, var(--pb-bg));border:1.5px solid var(--pb-line);grid-template-columns:repeat(4,minmax(0,1fr));justify-self:center;gap:6px;width:min(100%,320px);min-width:0;margin:0;padding:8px;display:grid}.pb-shd__cell{aspect-ratio:1;border:1.5px solid var(--pb-line);cursor:pointer;background:color-mix(in oklab, var(--pb-brand) var(--pb-shd-height,0%), var(--pb-cell));transition:background var(--pb-dur,.16s) var(--pb-ease,ease), transform var(--pb-dur,.16s) var(--pb-ease,ease);border-radius:7px;padding:0}.pb-shd__cell:hover{border-color:var(--pb-line-strong);transform:translateY(-1px)}.pb-shd__cell:active{transform:translateY(1px)}.pb-shd__cell.has-stones{border-color:color-mix(in oklab, var(--pb-brand) 40%, var(--pb-line))}.pb-shd__cell:focus-visible{outline:2.5px solid var(--pb-brand);outline-offset:2px}.pb-shd__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.pb-shd__actions{flex-wrap:wrap;gap:8px;display:flex}.pb-shd__hint,.pb-shd__done{border-radius:var(--pb-r-md,12px);max-width:56ch;font-size:var(--pb-fs-sm);text-align:center;margin:0;padding:10px 14px;line-height:1.5}.pb-shd__hint{color:var(--pb-ink);background:color-mix(in oklab, var(--pb-accent) 28%, var(--pb-surface));border:1.5px solid color-mix(in oklab, var(--pb-accent) 55%, var(--pb-line))}.pb-shd__done{color:var(--pb-ink);background:color-mix(in oklab, var(--pb-success) 12%, var(--pb-surface));border:1.5px solid color-mix(in oklab, var(--pb-success) 40%, var(--pb-line))}@media (prefers-reduced-motion:reduce){.pb-shd__cell{transition:none}.pb-shd__cell:hover,.pb-shd__cell:active{transform:none}}