.pb-nono{--pb-nono-cell:clamp(2rem, 16vw, 3.6rem);--pb-nono-rule:color-mix(in oklab, var(--pb-ink) 18%, var(--pb-cell));width:min(100%, var(--pb-page));margin:0 auto;padding:clamp(.75rem,2vw,1.5rem) clamp(.75rem,3vw,2rem) 7rem}.pb-nono--medium{--pb-nono-cell:clamp(1.2rem, 7vw, 2.6rem)}.pb-nono--loading{place-items:center;gap:1rem;min-height:60vh;display:grid}.pb-nono-skeleton{aspect-ratio:1;border:3px solid var(--pb-line);border-radius:var(--pb-r-lg);background:repeating-linear-gradient(to right, transparent 0 9.6%, var(--pb-line) 9.6% 10%), repeating-linear-gradient(to bottom, transparent 0 9.6%, var(--pb-line) 9.6% 10%);width:min(100%,300px);animation:pb-nono-breathe 1.8s var(--pb-ease) infinite}@keyframes pb-nono-breathe{0%,to{opacity:.5}50%{opacity:.85}}.pb-nono__note{color:var(--pb-ink-soft);font-size:var(--pb-fs-sm);align-items:center;gap:.4rem;display:inline-flex}.pb-nono .pb-play__bar{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.pb-nono .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;padding:0;display:inline-flex}.pb-nono .pb-back:hover{background:var(--pb-surface-2)}.pb-nono .pb-play__meta{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.pb-nono .pb-play__level{font-family:var(--pb-font-display);font-size:var(--pb-fs-lg);font-weight:600}.pb-nono .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-nono .pb-play__body{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:clamp(1rem,2.5vw,2rem);display:grid}.pb-nono .pb-play__side{gap:.9rem;display:grid}.pb-nono__stage{justify-items:center;display:grid;position:relative}.pb-nono__frame{grid-template-rows:auto auto;grid-template-columns:auto auto;gap:3px;max-width:100%;display:grid}.pb-nono__corner{grid-area:1/1}.pb-nono-clues{gap:0;display:grid}.pb-nono-clues--column{grid-area:1/2;align-items:end}.pb-nono-clues--row{grid-area:2/1;justify-items:end}.pb-nono--small .pb-nono-clues--column{grid-template-columns:repeat(5, var(--pb-nono-cell))}.pb-nono--small .pb-nono-clues--row{grid-template-rows:repeat(5, var(--pb-nono-cell))}.pb-nono--medium .pb-nono-clues--column{grid-template-columns:repeat(10, var(--pb-nono-cell))}.pb-nono--medium .pb-nono-clues--row{grid-template-rows:repeat(10, var(--pb-nono-cell))}.pb-nono-clue{font-size:calc(var(--pb-nono-cell) * .42);font-variant-numeric:tabular-nums;color:var(--pb-ink-soft);transition:color var(--pb-dur) var(--pb-ease);gap:2px;font-weight:700;line-height:1;display:flex}.pb-nono-clues--row .pb-nono-clue{flex-direction:row;justify-content:flex-end;align-items:center;padding-right:3px}.pb-nono-clues--column .pb-nono-clue{flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:3px}.pb-nono-clue__run.is-none{color:var(--pb-ink-faint)}.pb-nono-clue.is-done{color:var(--pb-brand)}.pb-nono-board{border-radius:var(--pb-r-sm);background:var(--pb-cell);box-shadow:var(--pb-lift-1);touch-action:none;-webkit-user-select:none;user-select:none;grid-area:2/2;display:grid;overflow:hidden}.pb-nono--small .pb-nono-board{grid-template-columns:repeat(5, var(--pb-nono-cell));grid-template-rows:repeat(5, var(--pb-nono-cell))}.pb-nono--medium .pb-nono-board{grid-template-columns:repeat(10, var(--pb-nono-cell));grid-template-rows:repeat(10, var(--pb-nono-cell))}.pb-nono-cell{border:0;border-right:1px solid var(--pb-nono-rule);border-bottom:1px solid var(--pb-nono-rule);background:var(--pb-cell);cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:0;transition:background var(--pb-dur) var(--pb-ease);place-items:center;margin:0;padding:0;display:grid;position:relative}.pb-nono-cell.is-first-row{border-top:1px solid var(--pb-nono-rule)}.pb-nono-cell.is-first-col{border-left:1px solid var(--pb-nono-rule)}.pb-nono-cell.is-last-col{border-right:1px solid var(--pb-grid-box)}.pb-nono-cell.is-last-row{border-bottom:1px solid var(--pb-grid-box)}.pb-nono-cell.is-mid-col{border-right:2px solid var(--pb-grid-box)}.pb-nono-cell.is-mid-row{border-bottom:2px solid var(--pb-grid-box)}.pb-nono-cell:hover{background:var(--pb-cell-peer)}.pb-nono-cell.is-filled{background:color-mix(in oklab, var(--pb-brand) 10%, var(--pb-cell))}.pb-nono-cell.is-crossed{background:var(--pb-cell-given)}.pb-nono-cell.is-hint{background:var(--pb-cell-hint)}.pb-nono-cell__fill{border-radius:calc(var(--pb-nono-cell) * .14);background:var(--pb-brand);width:calc(100% - 3px);height:calc(100% - 3px);animation:pb-land var(--pb-dur-land) var(--pb-ease-out)}.pb-nono-cell__cross{background:linear-gradient(45deg, transparent 44%, var(--pb-ink-faint) 44% 56%, transparent 56%), linear-gradient(-45deg, transparent 44%, var(--pb-ink-faint) 44% 56%, transparent 56%);width:52%;height:52%}.pb-nono-cell:focus-visible{z-index:1;outline:3px solid var(--pb-brand);outline-offset:-3px;border-radius:0}.pb-nono__modes{gap:.45rem;display:grid}.pb-nono__legend{letter-spacing:.08em;text-transform:uppercase;color:var(--pb-ink-faint);font-size:.68rem;font-weight:700}.pb-nono__hintline{color:var(--pb-ink-soft);font-size:var(--pb-fs-xs);line-height:1.45}.pb-nono .pb-tools{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pb-nono .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-nono .pb-tool:hover:not(:disabled){background:var(--pb-surface-2);color:var(--pb-ink)}.pb-nono .pb-tool:disabled{opacity:.4;cursor:not-allowed}.pb-nono .pb-levels{border-top:1.5px dashed var(--pb-line-strong);gap:.55rem;padding-top:.9rem;display:grid}.pb-nono .pb-levels__label{letter-spacing:.08em;text-transform:uppercase;color:var(--pb-ink-faint);font-size:.68rem;font-weight:700}.pb-nono .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-nono-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-nono-fade{0%{opacity:0}to{opacity:1}}.pb-nono .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-nono-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-nono-rise{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.pb-nono .pb-hint--conflict{border-color:var(--pb-danger)}.pb-nono .pb-hint__head{color:var(--pb-ink-soft);align-items:center;gap:.5rem;display:flex}.pb-nono .pb-hint__text{font-size:var(--pb-fs-md);line-height:1.5}.pb-nono .pb-hint__actions{justify-content:flex-end;gap:.5rem;display:flex}.pb-nono .pb-win{z-index:40;background:color-mix(in oklab, var(--pb-ink) 52%, transparent);animation:pb-nono-fade var(--pb-dur-slow) var(--pb-ease);place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.pb-nono .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-nono-pop var(--pb-dur-slow) var(--pb-ease);justify-items:center;gap:.6rem;padding:1.6rem 1.5rem 1.5rem;display:grid}@keyframes pb-nono-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.pb-nono .pb-win__title{font-size:var(--pb-fs-xl)}.pb-nono .pb-win__sub{color:var(--pb-ink-soft);font-size:var(--pb-fs-sm)}.pb-nono .pb-win__actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.4rem;display:flex}.pb-nono-reveal{place-items:center;width:100%;display:grid}.pb-nono-reveal__grid{aspect-ratio:1;border-radius:var(--pb-r-md);background:color-mix(in oklab, var(--pb-sky) 24%, var(--pb-surface));width:min(220px,58vw);animation:pb-rise var(--pb-dur-slow) var(--pb-ease);gap:2px;padding:10px;display:grid}.pb-nono--small .pb-nono-reveal__grid{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr)}.pb-nono--medium .pb-nono-reveal__grid{grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr)}.pb-nono-reveal__grid span{border-radius:2px}.pb-nono-reveal__grid span.is-lit{background:var(--pb-brand)}@media (max-width:900px){.pb-nono .pb-play__body{grid-template-columns:minmax(0,1fr)}.pb-nono__modes{order:1}.pb-nono .pb-tools{order:2}.pb-nono .pb-levels{order:3}}