.challenge{width:100%;max-width:760px;min-width:0;margin:auto;overflow-wrap:anywhere}.challenge *{box-sizing:border-box}.challenge-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.challenge-head h2{margin:.1rem 0}.challenge-head p{max-width:460px;margin:.35rem 0;color:var(--muted,#667)}.challenge-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.challenge-actions label{font-size:.8rem;font-weight:700}.challenge-actions select{display:block;max-width:100%;margin-top:4px;padding:7px}.challenge-help,.challenge-status{font-size:.86rem;color:var(--muted,#667);text-align:center}.challenge .actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px}.challenge button:focus-visible,.challenge select:focus-visible{outline:3px solid #df655d;outline-offset:2px}
.sudoku-grid,.lights-grid,.tile-grid,.knight-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:min(100%,360px);margin:12px auto}.sudoku-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:2px}.sudoku-cell{min-width:0;aspect-ratio:1;border:1px solid #bcc6cd;background:#fff;font-weight:800;font-size:clamp(.7rem,3vw,1rem);padding:0}.sudoku-cell:nth-child(3n){border-right:3px solid #536779}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid #536779}.sudoku-cell.given{color:#1c4b69;background:#edf4f5}.sudoku-cell.selected{outline:3px solid #e8a74f}.number-pad,.color-palette,.dpad{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:10px}.number-pad button,.dpad button,.challenge .actions button{min-width:44px;min-height:44px}
.mine-grid,.word-grid,.flood-grid,.snake-grid,.maze-grid{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));width:min(100%,480px);margin:12px auto;border:2px solid #42596d}.mine-cell{min-width:0;aspect-ratio:1;border:1px solid #b7c0c8;background:#dbe4e7;font-weight:800;padding:0}.mine-cell.open{background:#fff}.mine-cell.mine{background:#e46e66}.nono-top,.nono-row{display:grid;grid-template-columns:44px repeat(var(--n),minmax(0,1fr));width:min(100%,500px);margin:auto}.nono-top span,.nono-row>span{min-width:0;font-size:.62rem;display:grid;place-items:center}.nono-cell{min-width:0;aspect-ratio:1;border:1px solid #bfc8ca;background:#fff;padding:0}.nono-cell.s1{background:#223849}.nono-cell.s2{background:repeating-linear-gradient(45deg,#fff,#fff 3px,#dfe5e4 3px,#dfe5e4 5px)}
.lights-grid .light{min-width:0;aspect-ratio:1;border-radius:8px;border:1px solid #536779;background:#24394a}.lights-grid .light.on{background:#f1c65b;box-shadow:0 0 13px #f1c65b}.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));background:#536779;padding:5px;border-radius:8px}.tile{min-width:0;aspect-ratio:1;display:grid;place-items:center;background:#dce2df;border-radius:5px;font-size:clamp(.9rem,4vw,1.3rem);font-weight:800}.t2{background:#f6e6bf}.t4{background:#f1cc91}.t8,.t16{background:#e99a67;color:#fff}.t32,.t64,.t128,.t256,.t512,.t1024,.t2048{background:#c96162;color:#fff}
.snake-grid{max-width:440px}.snake-grid span{aspect-ratio:1;background:#eff3ed}.snake-body,.snake-head{background:#427f67!important}.snake-head{background:#194c46!important}.snake-food{background:#df655d!important;border-radius:50%}.snake-wall{background:#263c4b!important}.breaker-canvas{display:block;width:min(100%,320px);height:auto;margin:12px auto;border-radius:8px;border:2px solid #42596d}
.maze-cell{min-width:0;aspect-ratio:1;border:0;background:#f8f6ef;padding:0}.maze-cell.w1,.maze-cell.w3,.maze-cell.w5,.maze-cell.w7,.maze-cell.w9,.maze-cell.w11,.maze-cell.w13,.maze-cell.w15{border-top:2px solid #3c5161}.maze-cell.w2,.maze-cell.w3,.maze-cell.w6,.maze-cell.w7,.maze-cell.w10,.maze-cell.w11,.maze-cell.w14,.maze-cell.w15{border-right:2px solid #3c5161}.maze-cell.w4,.maze-cell.w5,.maze-cell.w6,.maze-cell.w7,.maze-cell.w12,.maze-cell.w13,.maze-cell.w14,.maze-cell.w15{border-bottom:2px solid #3c5161}.maze-cell.w8,.maze-cell.w9,.maze-cell.w10,.maze-cell.w11,.maze-cell.w12,.maze-cell.w13,.maze-cell.w14,.maze-cell.w15{border-left:2px solid #3c5161}.maze-you{background:#5aa98b}.maze-exit{background:#e9ad60}
.sokoban-grid{display:grid;grid-template-columns:repeat(var(--w),minmax(0,1fr));width:min(100%,460px);margin:12px auto}.soko{min-width:0;aspect-ratio:1;border:0;background:#f4f0e5;font-size:clamp(.75rem,4vw,1.1rem);padding:0}.soko.wall{background:#344a58}.soko.goal{background:#e7c969}.soko.crate{background:#bd7c4e}.soko.player{background:#75aa98;border-radius:50%}
.word-grid button{min-width:0;aspect-ratio:1;border:0;background:#f9f7ee;font-weight:800;font-size:clamp(.55rem,2.8vw,.9rem);padding:0}.word-grid button.selected{outline:3px solid #df655d;z-index:1}.word-grid button.found,.word-list .found{color:#175c4e;background:#cce7d7}.word-list{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.word-list span{padding:3px 7px;border-radius:99px;background:#e5e7e2;font-size:.8rem}.flood-grid i{min-width:0;aspect-ratio:1}.color-palette button{width:44px;height:44px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #526575;background:var(--color)}
.knight-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.knight-grid button{min-width:0;aspect-ratio:1;border:0;font-weight:800;background:#e8dcc4;padding:0}.knight-grid button:nth-child(odd){background:#789076}.knight-grid .visited{opacity:.7}.knight-grid .legal{box-shadow:inset 0 0 0 4px #df655d}.knight-grid .knight{background:#e0a955!important;font-size:1.45rem;opacity:1}
@media(max-width:520px){.challenge-head{display:block}.challenge-actions{margin-top:10px}.mine-grid,.word-grid,.flood-grid,.snake-grid,.maze-grid{max-width:100%}.challenge-help{font-size:.76rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}