.cw-clue-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 20px; min-width: 0; }
.cw-clue-columns h3 { color: #dfb8ff; }
.cw-clue-columns button { text-align: left; display: block; background: transparent; border: 1px solid transparent; padding: 8px; width: 100%; font-size: .85rem; white-space: normal; margin-bottom: 5px; }
.cw-clue-columns button[aria-pressed="true"] { background: #513163; border-color: #c18be6; }
.cw-grid-scroll { max-width: 100%; overflow: auto; padding: 8px; border: 1px solid #725184; border-radius: 12px; background: #140e1c; }
.cw-grid { display: grid; width: max-content; margin: auto; background: #21172a; border: 1px solid #b6a9bc; }
.cw-cell { width: 38px; height: 38px; position: relative; background: #fefbff; border: 1px solid #302b34; }
.cw-cell.cw-block { background: #21172a; }
.pw .cw-cell input { border: 0; border-radius: 0; width: 100%; height: 100%; margin: 0; padding: 9px 0 0; text-align: center; background: transparent; color: #21172a; font: 700 19px/1 Arial,sans-serif; text-transform: uppercase; }
.cw-cell > span { position: absolute; top: 1px; left: 3px; font-size: 9px; color: #21172a; pointer-events: none; }
.cw-cell[data-selected="true"] { background: #e6cafa; }
.cw-cell[data-wrong="true"] { background: #ffc5cf; }
.cw-solve-layout { grid-template-columns: minmax(0,1.4fr) minmax(250px,1fr); }
.cw-solve-layout .cw-clue-columns { margin-top: 0; grid-template-columns: minmax(0,1fr); }
#cwCanvas { max-height: 700px; width: auto; }
@media(max-width:900px) { .cw-solve-layout { grid-template-columns: minmax(0,1fr); } .cw-solve-layout .cw-clue-columns { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:440px) { .cw-clue-columns, .cw-solve-layout .cw-clue-columns { grid-template-columns: minmax(0,1fr); } .cw-cell { width: 32px; height: 32px; } .pw .cw-cell input { font-size: 16px; } }