.sudoku-board{max-width:560px;gap:0;border:3px solid #667085;border-radius:12px;overflow:hidden;background:#667085}.sudoku-cell{border-radius:0;border-width:1px;border-color:#343c55;font-size:clamp(1rem,3vw,1.55rem);min-width:0}.sudoku-cell.revealed{background:#232a3d;color:#f8fafc}.sudoku-cell.selected{outline:3px solid #a78bfa;outline-offset:-3px;background:#312e81}.sudoku-cell.conflict{color:#fecdd3;background:#4c1d2b;border-color:#fb7185}.sudoku-controls{width:min(560px,100%);margin:0 auto 16px}.sudoku-controls .tool-button{flex:1 1 38px;min-width:38px}.nonogram-layout{display:grid;grid-template-columns:minmax(54px,auto) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:min(760px,100%);align-items:stretch}.nonogram-corner{grid-column:1;grid-row:1}.nonogram-col-clues{grid-column:2;grid-row:1;display:grid;align-items:end}.nonogram-col-clues>div{min-width:0;padding:5px 2px 8px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:#c4b5fd;font:750 clamp(.55rem,1.7vw,.78rem)/1.05 ui-monospace,monospace}.nonogram-row-clues{grid-column:1;grid-row:2;display:grid}.nonogram-row-clues>div{display:flex;align-items:center;justify-content:flex-end;padding-right:9px;color:#c4b5fd;font:750 clamp(.58rem,1.7vw,.8rem)/1 ui-monospace,monospace;white-space:nowrap}.nonogram-board{grid-column:2;grid-row:2;gap:1px;border:2px solid #667085;background:#667085;width:100%;aspect-ratio:1}.nonogram-cell{border:0;border-radius:0;background:#171d2d;min-width:0;padding:0;position:relative}.nonogram-cell.filled{background:#e5e7eb}.nonogram-cell.crossed::after{content:'×';color:#6f7891;font-size:clamp(.6rem,2vw,1rem);font-weight:800}.nonogram-cell:hover{outline:1px solid #a78bfa;outline-offset:-1px}.norinori-board{width:min(620px,100%);aspect-ratio:1;gap:0;background:#526077;border:3px solid #7c8aa5;border-radius:12px;overflow:hidden}.norinori-cell{border-style:solid;border-color:#59677e;border-radius:0;min-width:0;padding:0;background:#151b2b;position:relative}.norinori-cell.filled{background:linear-gradient(135deg,#f0e7ff,#c4b5fd);box-shadow:inset 0 0 0 2px #ddd6fe}.norinori-cell.crossed::after{content:'×';color:#64748b;font-size:clamp(.7rem,2.2vw,1.2rem);font-weight:850}.norinori-cell:hover{background:#20283a}.norinori-cell.filled:hover{background:linear-gradient(135deg,#f5f3ff,#c4b5fd)}.colors-panel{width:min(700px,100%);margin:0 auto 12px;display:grid;gap:10px}.colors-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.colors-stats span{padding:6px 10px;border:1px solid #3b455c;border-radius:999px;background:#171d2d;color:#dbe4f3;font-size:.82rem;font-weight:700}.colors-palette{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.colors-pick{width:46px;height:46px;border-radius:14px;border:2px solid rgba(255,255,255,.35);background:var(--pick-color);color:#fff;font-weight:900;font-size:1rem;text-shadow:0 1px 3px rgba(0,0,0,.8);box-shadow:0 5px 16px rgba(0,0,0,.24);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.colors-pick:hover:not(:disabled){transform:translateY(-2px) scale(1.04);box-shadow:0 8px 20px rgba(0,0,0,.32)}.colors-pick:focus-visible{outline:3px solid #f8fafc;outline-offset:3px}.colors-pick.active{transform:scale(.9);box-shadow:inset 0 0 0 3px rgba(15,23,42,.55);opacity:.68}.colors-pick:disabled{cursor:default}.colors-board{width:min(700px,100%);aspect-ratio:1;gap:1px;padding:4px;border:2px solid #44506a;border-radius:16px;overflow:hidden;background:#111827;box-shadow:0 16px 40px rgba(0,0,0,.22)}.colors-cell{display:block;min-width:0;aspect-ratio:1;background:var(--cell-color);position:relative;transition:background-color .16s ease,transform .16s ease}.colors-cell.owned{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}.colors-cell.origin::after{content:'';position:absolute;width:34%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);border:2px solid rgba(255,255,255,.95);box-shadow:0 1px 4px rgba(0,0,0,.55)}.mathcrossword-info,.waypoint-info{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;width:min(700px,100%);margin:0 auto 12px}.mathcrossword-info span,.waypoint-info span{padding:6px 10px;border:1px solid #3b455c;border-radius:999px;background:#171d2d;color:#dbe4f3;font-size:.8rem;font-weight:750}.mathcrossword-board{width:min(680px,100%);aspect-ratio:1;gap:2px;padding:4px;background:#475569;border:2px solid #64748b;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.22)}.mathcrossword-number,.mathcrossword-operator,.mathcrossword-block{min-width:0;min-height:0;border:0;border-radius:0;display:flex;align-items:center;justify-content:center}.mathcrossword-number{font:800 clamp(.62rem,2.2vw,1.18rem)/1 ui-monospace,monospace;text-align:center}.mathcrossword-number.fixed{background:#20283a;color:#f8fafc}.mathcrossword-number.editable{width:100%;padding:0 2px;background:#312e81;color:#fff;outline:0;appearance:textfield}.mathcrossword-number.editable:focus{background:#3730a3;box-shadow:inset 0 0 0 3px #a78bfa}.mathcrossword-number.editable::-webkit-outer-spin-button,.mathcrossword-number.editable::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mathcrossword-operator{background:#111827;color:#c4b5fd;font:900 clamp(.62rem,2vw,1.08rem)/1 ui-monospace,monospace}.mathcrossword-block{background:#070b14}.waypoint-board{width:min(620px,100%);gap:0;background:#475569;border:3px solid #64748b;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.22)}.waypoint-cell{border:1px solid #334155;border-radius:0;background:#111827;color:#dbeafe;min-width:0;min-height:0;padding:0;position:relative;font:850 clamp(.6rem,2vw,1.1rem)/1 ui-monospace,monospace;cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.waypoint-cell:hover{background:#1e293b}.waypoint-cell.path{background:#26364c;box-shadow:inset 0 0 0 2px #60a5fa}.waypoint-cell.path::after{content:attr(data-path);position:absolute;right:4px;bottom:3px;font-size:clamp(.4rem,1.1vw,.62rem);color:#93c5fd;opacity:.72}.waypoint-cell.checkpoint{background:#e0e7ff;color:#111827;font-weight:950;box-shadow:inset 0 0 0 2px #c4b5fd}.waypoint-cell.path.checkpoint{background:#bfdbfe;box-shadow:inset 0 0 0 3px #3b82f6;color:#0f172a}.waypoint-cell:focus-visible{outline:3px solid #f8fafc;outline-offset:-3px;z-index:1}@media(max-width:560px){.sudoku-cell{font-size:1rem}.sudoku-controls{gap:5px}.sudoku-controls .tool-button{padding:8px 6px}.nonogram-layout{grid-template-columns:minmax(40px,auto) minmax(0,1fr)}.nonogram-row-clues>div{padding-right:5px}.nonogram-col-clues>div{padding-bottom:5px}.colors-panel{gap:8px}.colors-stats{gap:5px}.colors-stats span{padding:5px 8px;font-size:.72rem}.colors-palette{gap:6px}.colors-pick{width:40px;height:40px;border-radius:11px}.colors-board{padding:3px;gap:1px;border-radius:12px}.mathcrossword-info span,.waypoint-info span{padding:5px 8px;font-size:.7rem}.mathcrossword-board{padding:3px;gap:1px;border-radius:12px}.waypoint-board{border-width:2px;border-radius:12px}.waypoint-cell.path::after{right:2px;bottom:2px}}