.play-shell{max-width:960px;margin-inline:auto}.play-toolbar{flex-wrap:wrap;align-items:center;gap:.65rem;margin-block:1rem;display:flex}.play-board{touch-action:manipulation;background:#e7e0f0;border:2px solid #d8cbea;border-radius:1rem;gap:3px;width:100%;padding:5px;display:grid}.play-board button{aspect-ratio:1;cursor:pointer;overflow-wrap:anywhere;background:#fff;border-radius:5px;place-items:center;min-width:0;font-size:clamp(.8rem,3vw,1.6rem);font-weight:800;line-height:1.2;display:grid}.play-board button:focus-visible,.play-pad button:focus-visible{outline-offset:1px;z-index:3;outline:3px solid #7c3aed}.play-board button.is-selected{background:#ede9fe;box-shadow:inset 0 0 0 3px #7c3aed}.play-board button.is-given{color:#554467;background:#f0ebf6}.play-board button.box-right{border-right:3px solid #8c73ad}.play-board button.box-bottom{border-bottom:3px solid #8c73ad}.play-board button.is-wall{color:#fff;background:#443454;border-radius:2px}.play-board button.is-filled{background:#563477}.play-board button.is-open{color:#5b21b6;background:#f3f0f7}.play-board button.is-number{color:#7b390b;background:#ffe2ad}.play-board button.is-found{color:#065f46;background:#d1fae5}.play-board button.is-island{z-index:2;background:#fff;border:2px solid #8054aa;border-radius:50%}.play-board button.is-blank{cursor:default;background:0 0}.play-board-dense{border-radius:.6rem;gap:1px;padding:3px}.play-board-dense button{border-radius:2px;font-size:clamp(.65rem,2.6vw,1.2rem)}.play-board-maze{border:3px solid #443454;gap:0;padding:0}.play-board-maze button{cursor:default;border-radius:0;font-size:clamp(.6rem,2.9vw,1.4rem)}.play-board-focus button{font-size:clamp(.6rem,2.1vw,1rem)}.play-board-flow{touch-action:none;-webkit-user-select:none;user-select:none}.play-canvas{width:100%;min-width:0;max-width:520px;margin-inline:auto;position:relative}.play-lines{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.play-lines polyline{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.play-pad{grid-template-columns:repeat(3,3.5rem);justify-content:center;gap:.45rem;margin-block:1rem;display:grid}.play-pad button{background:#f4efff;border:1px solid #cbb8e7;border-radius:.8rem;min-height:3.25rem;font-size:1.4rem;font-weight:800}.play-hints{grid-template-columns:3.5rem minmax(0,1fr);gap:.4rem;display:grid}.play-row-clues{gap:3px;padding-block:5px;display:grid}.play-row-clues div{place-items:center;font-size:.75rem;font-weight:800;display:grid}.play-nonogram{max-width:580px;margin-inline:auto}.play-col-clues{gap:3px;margin-left:3.9rem;padding-inline:5px;display:grid}.play-col-clues div{text-align:center;white-space:pre-line;align-self:end;font-size:.75rem;font-weight:800}.play-result{background:#f1ebff;border:1px solid #d6c2f5;border-radius:1rem;margin-top:1rem;padding:1.25rem;scroll-margin-top:5rem}.play-signal{color:#78350f;background:#fef3c7;border-radius:1.5rem;width:100%;min-height:200px;padding:1rem;font-size:1.6rem;font-weight:800}.play-signal-go{color:#065f46;background:#d1fae5}.play-signal-no{color:#9f1239;background:#ffe4e6}.play-choice{cursor:pointer;border:1px solid #d8cbea;border-radius:.8rem;align-items:center;gap:.75rem;min-height:3.5rem;padding:1rem;display:flex}.play-choice:has(input:checked){background:#f1ebff;border-color:#7c3aed}.play-choice:focus-within{outline:2px solid #7c3aed}.play-passage{white-space:pre-line;background:#faf7ff;border-left:4px solid #b794e0;padding:1.25rem;line-height:1.9}.play-stat{background:#faf5ff;border-radius:1rem;padding:1rem}.play-tokens{flex-wrap:wrap;gap:.5rem;min-height:3.2rem;margin-block:.8rem;display:flex}.play-tokens button{background:#fff;border:1px solid #c8b3e4;border-radius:.5rem;padding:.6rem .8rem}.play-tokens button:disabled{opacity:.4}.play-empty{color:#766783;padding:1rem}.play-board button[disabled]{cursor:default}.play-word-list{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.play-word-list span{background:#f3eff8;border-radius:.7rem;padding:.4rem .7rem}.play-word-list .found{background:#d1fae5;text-decoration:line-through}.play-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem;display:grid}.play-card{background:#fff;border:1px solid #e6dcef;border-radius:1.25rem;padding:1.5rem;display:block}.play-card:hover{border-color:#a77ad2}.play-card p{color:#766783;margin-top:.65rem;font-size:.9rem;line-height:1.7}@media (width<=420px){.play-hints{grid-template-columns:2.4rem minmax(0,1fr);gap:.2rem}.play-col-clues{margin-left:2.6rem}.play-row-clues div,.play-col-clues div{font-size:.65rem}.play-board{gap:2px}.play-board-dense,.play-board-maze{gap:0}.play-pad{grid-template-columns:repeat(3,3rem)}}