.room-sudoku{--room-color:#e9e4ef;--game-accent:#71548d;--stage-ink:#4e3b61}.sudoku-hud>button{min-width:44px;min-height:44px;font-size:24px}.sudoku-modes{gap:6px;margin-bottom:6px;display:flex}.sudoku-modes button{border:1px solid #aa97bc;border-radius:8px;flex:1;min-height:36px;padding:4px 6px;font-size:13px}.sudoku-modes button[aria-pressed=true]{color:#fff;background:#71548d;border-color:#71548d;font-weight:700}.sudoku-board{aspect-ratio:1;background:#645470;border-radius:8px;width:100%;position:relative;box-shadow:0 3px #493b53;container-type:inline-size}.sudoku-grid{border-radius:5px;grid-template-rows:repeat(9,minmax(0,1fr));grid-template-columns:repeat(9,minmax(0,1fr));display:grid;position:absolute;inset:3px;overflow:hidden}.sudoku-cell{color:#315e9c;font-variant-numeric:tabular-nums;touch-action:manipulation;background:#fcfaf4;border:1px solid #d9d1df;border-top:0;border-left:0;min-width:0;min-height:0;padding:0;font-size:clamp(13px,5.3cqw,24px);font-weight:600;position:relative}.sudoku-cell.is-given{color:#302439;font-weight:750}.sudoku-cell.box-right{border-right:2px solid #645470}.sudoku-cell.box-bottom{border-bottom:2px solid #645470}.sudoku-cell.is-peer{background:#eee8f3}.sudoku-cell.is-same{background:#d8cae7}.sudoku-cell.is-selected{background:#bca4d2;box-shadow:inset 0 0 0 2px #65437f}.sudoku-cell.is-conflict{color:#a21f25;text-decoration:underline;text-decoration-thickness:2px}.sudoku-cell:focus-visible{outline-offset:-3px;z-index:1;outline:3px solid #42285b}.sudoku-overlay{z-index:3;background:var(--paper);text-align:center;border-radius:5px;flex-wrap:wrap;place-content:center;gap:10px;padding:14px;display:flex;position:absolute;inset:4px}.sudoku-overlay p{flex-basis:100%;font-size:15px}.sudoku-overlay button{min-height:44px}.sudoku-controls{margin-top:8px}.sudoku-numbers{grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;display:grid}.sudoku-numbers button{background:#fffdf8;border:1px solid #b7a7c5;border-radius:6px;min-width:0;min-height:38px;padding:0;font-size:17px;font-weight:700}.sudoku-controls button:disabled{opacity:.5;cursor:default}.sudoku-controls button:focus-visible{outline-offset:1px;outline:3px solid #65437f}.sudoku-actions{justify-content:space-between;gap:8px;display:flex}.sudoku-actions button{min-height:38px;padding:4px 10px}.sudoku-controls>p{min-height:29px;font-size:11px;line-height:1.3}@media (orientation:landscape) and (max-height:600px){.room-focused .sudoku-modes{grid-area:3/1;margin:0}.room-focused .sudoku-controls{grid-area:4/1;align-self:start;margin:0}.room-focused .sudoku-hud{flex-wrap:nowrap}.room-focused .sudoku-hud .score-pair{gap:8px}.room-focused .sudoku-hud .score-pair strong{font-size:20px}.room-focused .sudoku-modes{gap:3px}.room-focused .sudoku-modes button{min-height:30px;padding-inline:3px;font-size:12px}.room-focused .sudoku-numbers{grid-template-columns:repeat(5,minmax(0,1fr))}.room-focused .sudoku-numbers button{min-height:29px;font-size:15px}.room-focused .sudoku-actions button{min-height:32px;padding-inline:4px}.room-focused .sudoku-controls>p{margin-top:2px}}