.play-screen--sudoku{min-height:auto}.sudoku-garden{display:grid;grid-template-columns:minmax(0,1fr) minmax(11rem,15rem);gap:clamp(.85rem,2vw,1.15rem);align-items:start;width:min(100%,920px);margin:0 auto;padding:3.45rem clamp(.72rem,2vw,1.15rem) clamp(.72rem,2vw,1.15rem);border:1px solid rgba(82,93,171,.18);border-radius:28px;background:linear-gradient(#f2f0ff1a,#f2f0ff1a),url(/game-assets/sudoku-garden/garden-backdrop.webp) center / cover no-repeat;box-shadow:0 20px 46px #2a306529}.sudoku-garden__board-wrap{display:grid;gap:.6rem;min-width:0}.sudoku-garden__board{--sudoku-size: 4;display:grid;grid-template-columns:repeat(var(--sudoku-size),minmax(0,1fr));overflow:hidden;width:min(100%,640px);aspect-ratio:1;border:3px solid rgba(82,93,171,.72);border-radius:18px;background:#fbf8ee;box-shadow:0 18px 38px #2a30652e,0 0 0 7px #fcf9ee94}.sudoku-garden__cell{display:grid;place-items:center;min-width:0;min-height:0;border:0;border-right:1px solid rgba(14,23,38,.12);border-bottom:1px solid rgba(14,23,38,.12);background:#fdfbf6f5;color:var(--ink);font:inherit;font-size:clamp(1.35rem,6.5vw,3rem);font-weight:850;line-height:1;cursor:pointer;touch-action:manipulation;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}.sudoku-garden__cell[data-block-right=true]{border-right-color:#0e17266b;border-right-width:2px}.sudoku-garden__cell[data-block-bottom=true]{border-bottom-color:#0e17266b;border-bottom-width:2px}.sudoku-garden__cell[data-fixed=true]{background:#f4f0ff;color:#172338;font-weight:900}.sudoku-garden__cell[data-state=correct]{color:#0b5a3c;background:#e5faef}.sudoku-garden__cell[data-state=wrong]{color:#8b2f24;background:#ffe4dc}.sudoku-garden__cell[data-selected=true]{position:relative;z-index:1;background:#dff6ff;box-shadow:inset 0 0 0 4px #67d5ff61}.sudoku-garden__status{margin:0;min-height:2.65rem;padding:.68rem .85rem;border:1px solid var(--line);border-radius:14px;background:#fdfbf6c7;color:var(--ink);font-weight:760}.sudoku-garden__status[data-tone=success]{border-color:#31885e2e;background:#76e2b038;color:#0b5a3c}.sudoku-garden__status[data-tone=gentle]{border-color:#ffd05c4d;background:#ffd05c38}.sudoku-garden__side{display:grid;gap:.72rem;min-width:0;padding:.72rem;border:1px solid rgba(255,255,255,.72);border-radius:20px;background:#fdfbf6d6;box-shadow:0 12px 26px #2a30651f;backdrop-filter:blur(10px)}.sudoku-garden__keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.sudoku-garden__number{display:grid;place-items:center;min-width:0;min-height:3.2rem;border:1px solid rgba(14,23,38,.1);border-radius:14px;background:#fdfbf6f5;color:var(--ink);font:inherit;font-size:1.25rem;font-weight:850;box-shadow:0 10px 18px #08111f0f;cursor:pointer;touch-action:manipulation}.sudoku-garden__number:nth-child(4n+1){color:#9c5800;background:#fff2c9}.sudoku-garden__number:nth-child(4n+2){color:#087565;background:#dff8ef}.sudoku-garden__number:nth-child(4n+3){color:#075fae;background:#e1f2ff}.sudoku-garden__number:nth-child(4n){color:#7140a8;background:#f0e5ff}.sudoku-garden__number:active{transform:translateY(1px)}.sudoku-garden__number--clear{grid-column:1 / -1;min-height:2.85rem;color:var(--ink-soft);background:#fdfbf6f5;font-size:.95rem}.sudoku-garden__controls{display:grid;gap:.55rem}.sudoku-garden__controls .button,.sudoku-garden__controls .button--secondary,.sudoku-garden__music{width:100%}.sudoku-garden__difficulty{display:inline-flex;align-items:center;gap:.46rem;min-width:0;border-bottom:1px solid rgba(14,23,38,.2);color:var(--ink)}.sudoku-garden__difficulty span{color:var(--ink-soft);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sudoku-garden__difficulty select{min-width:7.8rem;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.96rem;font-weight:800}@media(max-width:820px){.sudoku-garden{grid-template-columns:minmax(0,1fr);width:100%}.sudoku-garden__board{width:100%}.sudoku-garden__side{grid-template-columns:minmax(0,1fr)}.sudoku-garden__keypad{grid-template-columns:repeat(auto-fit,minmax(3.2rem,1fr))}.sudoku-garden__number--clear{grid-column:auto}.sudoku-garden__controls{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.sudoku-garden{gap:.7rem;padding:3.45rem .62rem .62rem;border-radius:20px;background-position:48% center}.sudoku-garden__board{border-radius:13px}.sudoku-garden__cell{font-size:clamp(1.1rem,8vw,2rem)}.sudoku-garden__number{min-height:2.9rem;border-radius:12px}.sudoku-garden__controls{grid-template-columns:minmax(0,1fr)}}