.pb-play{width:min(100%, var(--pb-page));margin:0 auto;padding:clamp(.75rem,2vw,1.5rem) clamp(.75rem,3vw,2rem) 7rem}.pb-play--loading{place-items:center;gap:1rem;min-height:60vh;display:grid}.pb-loading__note{color:var(--pb-ink-soft);font-size:var(--pb-fs-sm);align-items:center;gap:.4rem;display:inline-flex}.pb-board--skeleton{aspect-ratio:1;border:3px solid var(--pb-line);border-radius:var(--pb-r-lg);background:repeating-linear-gradient(to right, transparent 0 10.9%, var(--pb-line) 10.9% 11.1%), repeating-linear-gradient(to bottom, transparent 0 10.9%, var(--pb-line) 10.9% 11.1%);width:min(100%,520px);animation:pb-breathe 1.8s var(--pb-ease) infinite}@keyframes pb-breathe{0%,to{opacity:.5}50%{opacity:.85}}.pb-play__bar{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.pb-back{border-radius:var(--pb-r-pill);border:1.5px solid var(--pb-line);background:var(--pb-surface);width:40px;height:40px;color:var(--pb-ink);cursor:pointer;transition:background var(--pb-dur) var(--pb-ease);justify-content:center;align-items:center;display:inline-flex}.pb-back:hover{background:var(--pb-surface-2)}.pb-play__meta{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.pb-play__level{font-family:var(--pb-font-display);font-size:var(--pb-fs-lg);font-weight:600}.pb-play__clock{color:var(--pb-ink-soft);font-variant-numeric:tabular-nums;font-size:var(--pb-fs-sm);align-items:center;gap:.3rem;margin-left:auto;font-weight:700;display:inline-flex}.pb-play__body{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:clamp(1rem,2.5vw,2rem);display:grid}.pb-board-wrap{width:min(100%,540px);margin-inline:auto;position:relative}.pb-play__side{gap:.9rem;display:grid}.pb-board{aspect-ratio:1;border:3px solid var(--pb-grid-box);border-radius:var(--pb-r-lg);background:var(--pb-cell);touch-action:manipulation;width:100%;box-shadow:var(--pb-lift-1);grid-template-columns:repeat(9,1fr);display:grid;position:relative;overflow:hidden}.pb-board__sweep{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:visible}.pb-board__sweep rect{fill:none;stroke:var(--pb-success);stroke-width:.16px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:pb-sweep .56s var(--pb-ease-out) forwards}.pb-cell{border:0;border-right:1px solid var(--pb-grid-line);border-bottom:1px solid var(--pb-grid-line);background:var(--pb-cell);color:var(--pb-brand);cursor:pointer;transition:background var(--pb-dur) var(--pb-ease), transform 90ms var(--pb-ease);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;min-width:0;margin:0;padding:0;display:flex;position:relative}.pb-cell:nth-child(9n){border-right:0}.pb-cell:nth-child(n+73){border-bottom:0}.pb-cell.is-box-right{border-right:2px solid var(--pb-grid-box)}.pb-cell.is-box-bottom{border-bottom:2px solid var(--pb-grid-box)}.pb-cell.is-given{background:var(--pb-cell-given);color:var(--pb-ink)}.pb-cell.is-peer{background:var(--pb-cell-peer)}.pb-cell.is-same{background:var(--pb-cell-same)}.pb-cell.is-selected{background:var(--pb-cell-active);z-index:1;box-shadow:inset 0 0 0 2px var(--pb-brand)}.pb-cell.is-focus{background:var(--pb-cell-hint)}.pb-cell.is-wrong{background:var(--pb-cell-error);color:var(--pb-danger)}.pb-cell:active:not(.is-given){transform:scale(.93)}.pb-cell__mark{animation:pb-land var(--pb-dur-land) var(--pb-ease-out);line-height:1;font-family:var(--pb-font-display);place-items:center;font-size:clamp(1.05rem,3.4vw,1.6rem);font-weight:600;display:grid}.pb-cell.is-wrong .pb-cell__mark{animation:pb-nudge .26s var(--pb-ease) 1}@keyframes pb-nudge{25%{transform:translate(-1.5px)}75%{transform:translate(1.5px)}}.pb-cell__notes{width:100%;height:100%;color:var(--pb-ink-faint);grid-template-columns:repeat(3,1fr);place-items:center;gap:0;padding:2px;font-size:.52rem;font-weight:700;line-height:1;display:grid}.pb-cell__note{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pb-cell:focus-visible{outline:3px solid var(--pb-brand);outline-offset:-3px;border-radius:0}.pb-keypad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pb-key{aspect-ratio:1.35;border:1.5px solid var(--pb-line-strong);border-radius:var(--pb-r-md);background:var(--pb-surface);color:var(--pb-brand);cursor:pointer;box-shadow:0 2px 0 var(--pb-line);transition:transform var(--pb-dur) var(--pb-ease), background var(--pb-dur) var(--pb-ease), box-shadow var(--pb-dur) var(--pb-ease);justify-content:center;align-items:center;display:flex;position:relative}.pb-key:hover:not(:disabled){background:var(--pb-surface-2);box-shadow:0 3px 0 var(--pb-line);transform:translateY(-1px)}.pb-key:active:not(:disabled){box-shadow:0 1px 0 var(--pb-line);transform:translateY(1px)}.pb-key:disabled{opacity:.4;cursor:not-allowed}.pb-key.is-spent{background:var(--pb-surface-2);color:var(--pb-ink-faint);box-shadow:none}.pb-key__digit{font-family:var(--pb-font-display);font-size:1.5rem;font-weight:600;line-height:1}.pb-key__count{color:var(--pb-ink-faint);font-variant-numeric:tabular-nums;font-size:.62rem;font-weight:700;position:absolute;top:4px;right:7px}.pb-tools{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pb-tool{border:1.5px solid var(--pb-line);border-radius:var(--pb-r-sm);background:var(--pb-surface);color:var(--pb-ink-soft);cursor:pointer;transition:background var(--pb-dur) var(--pb-ease), color var(--pb-dur) var(--pb-ease), border-color var(--pb-dur) var(--pb-ease);flex-direction:column;align-items:center;gap:3px;padding:.5rem .25rem;font-size:.68rem;font-weight:700;display:flex}.pb-tool:hover:not(:disabled){background:var(--pb-surface-2);color:var(--pb-ink)}.pb-tool:disabled{opacity:.4;cursor:not-allowed}.pb-tool.is-on{background:color-mix(in oklab, var(--pb-brand) 12%, var(--pb-surface));border-color:var(--pb-brand);color:var(--pb-brand)}.pb-levels{border-top:1.5px dashed var(--pb-line-strong);gap:.55rem;padding-top:.9rem;display:grid}.pb-levels__label{letter-spacing:.08em;text-transform:uppercase;color:var(--pb-ink-faint);font-size:.68rem;font-weight:700}.pb-curtain{z-index:3;border-radius:var(--pb-r-lg);background:color-mix(in oklab, var(--pb-bg) 82%, transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:var(--pb-ink-soft);animation:pb-fade var(--pb-dur) var(--pb-ease);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}@keyframes pb-fade{0%{opacity:0}to{opacity:1}}.pb-hint{z-index:20;border:2px solid var(--pb-line-strong);border-radius:var(--pb-r-lg);background:var(--pb-surface);width:min(560px,100% - 2rem);box-shadow:0 6px 0 var(--pb-shadow);animation:pb-rise var(--pb-dur-slow) var(--pb-ease);gap:.55rem;padding:.9rem 1.1rem;display:grid;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}@keyframes pb-rise{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.pb-hint--mistake{border-color:var(--pb-danger)}.pb-hint__head{color:var(--pb-ink-soft);align-items:center;gap:.5rem;display:flex}.pb-hint__text{font-size:var(--pb-fs-md);line-height:1.5}.pb-hint__actions{justify-content:flex-end;gap:.5rem;display:flex}.pb-win{z-index:40;background:color-mix(in oklab, var(--pb-ink) 52%, transparent);animation:pb-fade var(--pb-dur-slow) var(--pb-ease);place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.pb-win__card{text-align:center;background:var(--pb-surface);border:2px solid var(--pb-line-strong);border-radius:var(--pb-r-xl);width:min(420px,100%);box-shadow:0 8px 0 color-mix(in oklab, var(--pb-ink) 22%, transparent);animation:pb-pop var(--pb-dur-slow) var(--pb-ease);justify-items:center;gap:.6rem;padding:1.8rem 1.5rem 1.5rem;display:grid}@keyframes pb-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.pb-win__icon{background:color-mix(in oklab, var(--pb-accent) 26%, var(--pb-surface));width:62px;height:62px;color:color-mix(in oklab, var(--pb-accent) 55%, var(--pb-ink));border-radius:50%;place-items:center;display:grid}.pb-win__title{font-size:var(--pb-fs-xl)}.pb-win__sub{color:var(--pb-ink-soft);font-size:var(--pb-fs-sm)}.pb-win__actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.4rem;display:flex}@media (max-width:900px){.pb-play__body{grid-template-columns:minmax(0,1fr)}.pb-keypad{order:1;grid-template-columns:repeat(9,1fr);gap:5px}.pb-key{aspect-ratio:1;border-radius:var(--pb-r-sm);box-shadow:0 1px 0 var(--pb-line)}.pb-key__digit{font-size:1.1rem}.pb-key__count{font-size:.55rem;top:2px;right:3px}.pb-tools{order:2;grid-template-columns:repeat(6,1fr)}.pb-tool span{font-size:.62rem}.pb-levels{order:3}}