@media (min-width: 951px){.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gamebody{padding:17px}.art{height:148px}.game h3{font-size:19px}}
@media (min-width:751px) and (max-width:950px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sudoku-art{background:linear-gradient(140deg,#373a4a,#232531)}
.sudoku-art-grid{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid #c4c6d7;border-radius:4px;gap:1px;transform:rotate(-8deg);box-shadow:7px 10px 20px #17191d99}
.sudoku-art-grid span{width:32px;height:32px;display:grid;place-items:center;background:#e3e5ed;color:#343b4c;font:700 18px Georgia,serif}
.sudoku-panel{scroll-margin-top:20px}
.sudoku-toolbar,.sudoku-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;margin:0 auto 15px;max-width:440px}
.sudoku-toolbar select,.sudoku-toolbar button,.sudoku-actions button{border:1px solid #515461;background:#30323c;color:#f2f1ee;border-radius:8px;min-height:40px;padding:9px 13px;font-weight:650;cursor:pointer}
.sudoku-toolbar select{min-width:123px}
.sudoku-board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:min(100%,440px);aspect-ratio:1;margin:0 auto;border:3px solid #9499aa;background:#777b86;gap:1px;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.sudoku-cell{position:relative;border:0;min-width:0;min-height:0;aspect-ratio:1;background:#282c36;color:#cce0f5;font-size:clamp(16px,3vw,24px);font-weight:700;display:flex;justify-content:center;align-items:center;padding:0;outline-offset:-3px;cursor:pointer}
.sudoku-cell.given{background:#20242c;color:#f3f1e9}
.sudoku-cell.peer{background:#343c4a}
.sudoku-cell.matching{background:#405360;color:#eefaff}
.sudoku-cell.selected{background:#4e6880;color:white;outline:2px solid #cdd9e9;z-index:1}
.sudoku-cell.conflict{color:#ff9188;background:#643a46}
.sudoku-cell.wrong{background:#7e3542;color:white}
.sudoku-cell:nth-child(9n+3),.sudoku-cell:nth-child(9n+6){border-right:3px solid #969aa7}
.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid #969aa7}
.sudoku-cell:focus-visible{outline:2px solid white;z-index:2}
.sudoku-notes{font-size:9px;font-weight:500;color:#e1cda0;line-height:1;display:grid;grid-template-columns:repeat(3,1fr);width:96%;height:92%;align-items:center;text-align:center}
.sudoku-pad{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;max-width:440px;margin:15px auto 10px}
.sudoku-pad button{min-height:47px;background:#343a49;color:#f4f4f4;border:1px solid #4c5364;border-radius:8px;font-weight:800;font-size:19px;padding:0}
.sudoku-pad button:active{transform:translateY(1px);background:#586a83}
.sudoku-info{display:flex;align-items:center;justify-content:space-between;max-width:440px;gap:10px;margin:10px auto;color:#adb2c1;font-size:12px}
.sudoku-actions{margin-top:12px;justify-content:flex-start}
.sudoku-status{min-height:24px;text-align:center;color:#b8e1b2;font-size:14px}
@media(max-width:750px){.sudoku-art-grid span{width:28px;height:28px}.sudoku-panel{padding:14px}.sudoku-cell{font-size:clamp(15px,5vw,22px)}.sudoku-pad{gap:3px}.sudoku-pad button{min-height:42px;font-size:17px}.sudoku-actions button{font-size:12px;padding:8px 9px}.sudoku-toolbar{gap:8px}}