.plist{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.pz{border:1.5px solid var(--hair);text-align:center;cursor:pointer;font:inherit;background:#fff;border-radius:14px;padding:10px 6px;position:relative}.pz b{font-size:.8125rem;display:block}.pz small{color:var(--sub);margin-top:2px;font-size:.6875rem;font-weight:700;display:block}.pz .thumb{gap:1px;width:48px;height:48px;margin:0 auto 6px;display:grid}.pz .thumb i{background:var(--bg-alt)}.pz .thumb i.on{background:var(--ink)}.pz.done{border-color:var(--blue)}.pz.done:after{content:"✓";color:var(--blue);font-size:.75rem;font-weight:800;position:absolute;top:4px;right:8px}.pz .q{background:var(--bg-alt);width:48px;height:48px;color:var(--sub);border-radius:8px;place-items:center;margin:0 auto 6px;font-size:1.5rem;font-weight:800;display:grid}.board{-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;margin:8px auto 0;display:grid}.board .cc{color:var(--ink);flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:3px;font-size:.75rem;font-weight:800;line-height:1.15;display:flex}.board .rc{color:var(--ink);white-space:nowrap;justify-content:flex-end;align-items:center;gap:5px;padding-right:5px;font-size:.75rem;font-weight:800;display:flex}@supports not (aspect-ratio:1 / 1){.board .rc>*{margin:2.5px}}.board .cc.ok,.board .rc.ok{color:#b7bac0}.board .cell{cursor:pointer;background:#fff;position:relative;box-shadow:inset 0 0 0 1px #d3d6da}.board .cell.b5r{box-shadow:inset 0 0 0 1px #d3d6da,inset -1.5px 0 #7d8188}.board .cell.b5b{box-shadow:inset 0 0 0 1px #d3d6da,inset 0 -1.5px #7d8188}.board .cell.b5r.b5b{box-shadow:inset 0 0 0 1px #d3d6da,inset -1.5px -1.5px #7d8188}.board .cell.on{background:var(--ink)}.board .cell.x:after{content:"×";color:#9aa0a8;place-items:center;font-size:.85em;font-weight:800;display:grid;position:absolute;inset:0}.board .cell.ng{animation:.5s ng}@keyframes ng{0%,to{background:#fff}30%{background:var(--ng-soft)}}.board.clear .cell.on{background:var(--blue);transition:background .4s}.board.clear .cell.x:after{content:none}.board{transition:grid-template-columns .8s,grid-template-rows .8s}.board .cc,.board .rc{transition:opacity .4s}.board.mini .cc,.board.mini .rc{opacity:0;padding:0;overflow:hidden}.board.mini .cell{cursor:default;transition:background .4s;box-shadow:none!important}.board.mini .cell:not(.on){background:0 0}#s-play.cleared .tools,#s-play.cleared .opt{display:none}.tools{justify-content:center;gap:8px;margin-top:14px;display:flex}@supports not (aspect-ratio:1 / 1){.tools>*{margin:4px}}.tool{border:2px solid var(--hair);min-width:96px;font:inherit;cursor:pointer;background:#fff;border-radius:14px;padding:12px 14px;font-size:1rem;font-weight:800}.tool[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.tool .sw{vertical-align:-2px;background:currentColor;border-radius:3px;width:14px;height:14px;margin-right:6px;display:inline-block}.meta{color:var(--sub);justify-content:center;gap:14px;margin:6px 0 0;font-size:.8125rem;font-weight:700;display:flex}@supports not (aspect-ratio:1 / 1){.meta>*{margin:7px}}.opt{color:var(--sub);justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:.8125rem;font-weight:700;display:flex}@supports not (aspect-ratio:1 / 1){.opt>*{margin:3px}}.done-box{background:var(--blue-soft);text-align:center;border-radius:14px;margin:14px 0 0;padding:14px}.done-box b{color:var(--blue);font-size:1.375rem;display:block}.done-box p{margin:4px 0 0;font-size:.875rem;font-weight:700}.done-box[hidden]{display:none}.lesson{background:var(--bg-alt);border-radius:12px;margin:4px 0 0;padding:12px 14px;font-size:.9375rem;font-weight:700;line-height:1.75}.lesson b{color:var(--blue)}.lmsg{min-height:1.8em;color:var(--blue);text-align:center;margin:10px 0 0;font-size:.9375rem;font-weight:800}.ghost{opacity:.35}.lrow{justify-content:center;align-items:center;gap:6px;margin:10px 0 0;display:flex}@supports not (aspect-ratio:1 / 1){.lrow>*{margin:3px}}.lrow .rc{text-align:right;min-width:5.2em;font-size:1.25rem;font-weight:800}.lrow .cells{display:flex}.lrow .cells i{cursor:pointer;background:#fff;width:40px;height:40px;position:relative;box-shadow:inset 0 0 0 1px #c9ccd1}.lrow .cells i.on{background:var(--ink)}.lrow .cells i.hl{background:#f2c94c}.lrow .cells i.x:after{content:"×";color:#9aa0a8;place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.lrow .cells i.p{background:var(--blue-soft)}.lrow small{color:var(--sub);font-size:.75rem;font-weight:700}#s-play{padding-bottom:40px}