/* Rupee Sudoku: board, keypad, tools. Shared base lives in ../daily.css */
.game-layout{width:100%;max-width:1040px;margin:4px auto 0;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.play-column{min-width:0;display:flex;flex-direction:column;align-items:center}
.board-wrap{--board:min(100%,600px,max(360px,calc(100dvh - 240px)));width:var(--board);padding:8px;border:2px solid var(--ink);border-radius:18px;background:var(--paper);box-shadow:var(--press)}
.board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));aspect-ratio:1;border:2px solid var(--ink);border-radius:8px;overflow:hidden;background:#fff;touch-action:manipulation}
.cell{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0;border:0;border-right:1px solid #D9CFBB;border-bottom:1px solid #D9CFBB;background:#fff;color:var(--ink);font:700 clamp(16px,4.6vw,26px)/1 JetBrains,ui-monospace,monospace;border-radius:0;transition:background-color .12s}
.cell:nth-child(3n){border-right:2px solid var(--ink)}
.cell:nth-child(9n){border-right:0}
.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--ink)}
.cell:nth-child(n+73){border-bottom:0}
.cell.given{font-weight:800;background:#F6F0E3}
.cell.user-value{color:#1F5FA8}
.cell.related{background:#FFF3DA}
.cell.given.related{background:#F4E8CD}
.cell.same-digit{background:#D9EFE6}
.cell.selected{z-index:1;background:#BFE8D6;box-shadow:inset 0 0 0 3px var(--accent)}
.cell.conflict{color:#B3321F;background:#FFE7E0;box-shadow:inset 0 0 0 2px #D2563F}
.cell:focus-visible{z-index:2;outline:3px solid #1B6FD1;outline-offset:-3px}
.cell .notes{position:absolute;inset:2px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center;pointer-events:none;color:#4A566B;font-size:clamp(7px,1.5vw,11px);font-weight:700;line-height:1;white-space:pre-wrap;word-spacing:0}
.board-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0 10px}
.quiet-button{min-height:44px;padding:0 16px;border:1.5px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:800;box-shadow:0 2px 0 rgba(23,32,51,.9)}
.quiet-button:active{transform:translateY(2px);box-shadow:none}
.quiet-button[aria-pressed="true"]{background:var(--accent);}
.quiet-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.keypad{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;width:min(100%,600px);margin:0 auto}
.key{min-width:0;min-height:50px;border:1.5px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);font:800 20px JetBrains,ui-monospace,monospace;box-shadow:0 3px 0 rgba(23,32,51,.9);touch-action:manipulation}
.key:active{transform:translateY(3px);box-shadow:none}
.key:hover{background:var(--accent-wash)}
.keyboard-help{margin:10px 0 0;text-align:center;color:var(--soft);font-size:13px}
.status{min-height:24px;margin:4px 0;text-align:center;color:var(--muted);font-size:14px;font-weight:700}
.status.warning{color:#A23A1F}
.side-column{display:flex;flex-direction:column;gap:14px;min-width:0}
.stats-card #stats-text{margin-top:4px}
@media(max-width:899px){
  .hint-card{display:none}
  .side-column{width:100%;max-width:600px;margin:0 auto}
}
@media(min-width:900px){
  .game-layout{grid-template-columns:minmax(0,1fr) 380px;gap:36px}
  .hint-inline{display:none}
}
@media(min-width:1100px){
  .game-layout{max-width:1140px;grid-template-columns:minmax(0,1fr) 420px;gap:56px}
}
@media(max-width:440px){
  .keypad{grid-template-columns:repeat(3,minmax(44px,1fr));width:min(100%,228px);gap:6px}
  .key{min-height:46px}
  .quiet-button{padding:0 12px;font-size:13px}
  .board-wrap{padding:5px;border-radius:14px}
  .cell{font-size:clamp(15px,5.4vw,22px)}
}
@media(max-width:370px){.board-tools{gap:6px}.quiet-button{padding:0 9px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.cell{transition:none}}