/* Sudoku Premium v0.1.67 - class screen ONLY. No effect on A4, Race, or other games. */
html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-game .arena-head > .sudoku-premium-actions{
  width:100%!important;max-width:none!important;display:flex!important;
  justify-content:center!important;align-items:center!important;gap:14px!important;
  flex-wrap:nowrap!important;
}
html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-premium-actions > .sudoku-appearance-switch{
  display:inline-flex;align-items:center;justify-content:center;gap:3px;
  flex:0 0 auto;min-width:0;padding:4px;border-radius:999px;
  border:1px solid var(--theme-border,#d4e1ee);background:var(--theme-elev,#fff);
  box-shadow:0 3px 0 #a9bdc826,0 7px 18px #132c4713;
  height:54px;box-sizing:border-box;
}
html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-view-option{
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;
  border:0;white-space:nowrap;min-height:44px;border-radius:999px;
  padding:0 17px;font-family:inherit;font-size:.92rem;font-weight:800;line-height:1.1;
  color:var(--theme-muted,#536a7b);background:transparent;
  transition:background-color .15s,color .15s,box-shadow .15s;
}
html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-view-option[aria-pressed="true"]{
  background:linear-gradient(160deg,#8a37f4,#662ae8);color:#fff;
  box-shadow:0 3px 8px #5726c62e;
}
html[data-theme] body[data-mode="class"][data-game="sudoku"] #sudoku-view-classic[aria-pressed="true"]{
  background:linear-gradient(180deg,#e8f1f5,#d9e8ef);color:#223e51;box-shadow:0 2px 7px #1b425117;
}
html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-view-option:focus-visible{
  outline:3px solid #ffaf37;outline-offset:2px;
}
html[data-theme="dark"] body[data-mode="class"][data-game="sudoku"] #sudoku-view-classic[aria-pressed="true"]{
  background:#476172;color:#fff;
}
/* Rich pastel blocks are confined to Sudoku CLASS, with no extra tool or mode step. */
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board{
  border-color:#183e70!important;
  box-shadow:0 0 0 6px #d8eafb65,0 14px 30px #17456923!important;
}
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .tile{
  --sudoku-region:#fef1df;
  background:var(--sudoku-region)!important;color:#183957!important;
  border-color:#b7cce1!important;
  transition:background-color .12s,box-shadow .12s;
}
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .tile.box-right{border-right-color:#254a71!important}
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .tile.box-bottom{border-bottom-color:#254a71!important}
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .sudoku-region-0{--sudoku-region:#fff2de}
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .sudoku-region-1{--sudoku-region:#e7f2ff}
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .sudoku-region-2{--sudoku-region:#e2f8f0}
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .sudoku-region-3{--sudoku-region:#e8f8f2}
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .sudoku-region-4{--sudoku-region:#f0e7ff}
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .sudoku-region-5{--sudoku-region:#ffeef5}
/* v0.1.71: a single distinct turquoise focus is shared by the selected row and
   column ONLY. The containing subgrid has no selection overlay. */
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .tile:is(.sudoku-related-row,.sudoku-related-col){
  background:#a2edf1!important;
  color:#173957!important;
}
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .tile.sudoku-same-value{
  box-shadow:inset 0 0 0 3px #4d9bb075;
}
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .tile.selected{
  background:#34d6e1!important;box-shadow:inset 0 0 0 4px #e28223!important;
  color:#10334a!important;position:relative;z-index:1;
}
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #number-pad .pad-number{
  color:#163b63!important;font-weight:900!important;
  border-color:#a3c9e6!important;background:#deefff!important;
  box-shadow:0 3px 0 #aacadd45!important;
}
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #number-pad .pad-number:nth-child(4n+2){background:#daf8e9!important;border-color:#9cddc1!important}
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #number-pad .pad-number:nth-child(4n+3){background:#ffeddb!important;border-color:#ffcc9d!important}
html[data-theme] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #number-pad .pad-number:nth-child(4n+4){background:#e9ddff!important;border-color:#c9b1fd!important}
html[data-theme="dark"] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .tile{
  color:#f5faff!important;border-color:#4c6b88!important;
  --sudoku-region:#30475c;
}
html[data-theme="dark"] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .sudoku-region-0{--sudoku-region:#55452f}
html[data-theme="dark"] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .sudoku-region-1{--sudoku-region:#244e75}
html[data-theme="dark"] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .sudoku-region-2{--sudoku-region:#245954}
html[data-theme="dark"] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .sudoku-region-3{--sudoku-region:#315d4d}
html[data-theme="dark"] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .sudoku-region-4{--sudoku-region:#4b3e70}
html[data-theme="dark"] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .sudoku-region-5{--sudoku-region:#5d3858}
html[data-theme="dark"] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .tile:is(.sudoku-related-row,.sudoku-related-col){
  background:#40c1cf!important;color:#092e42!important;
}
html[data-theme="dark"] body[data-mode="class"][data-game="sudoku"][data-sudoku-appearance="colorful"] #sudoku-board .tile.selected{background:#5ce4e9!important;color:#082c40!important;box-shadow:inset 0 0 0 4px #f3a845!important;}
/* Compact symmetrical toolbar for small smartboards, tablets, and phones. */
@media(max-width:950px){
 html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-game .arena-head > .sudoku-premium-actions{gap:8px!important}
 html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-premium-actions>.sudoku-appearance-switch{height:47px}
 html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-view-option{min-height:38px;padding:0 11px;font-size:.78rem}
}
@media(max-width:550px){
 html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-game .arena-head > .sudoku-premium-actions{gap:5px!important}
 html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-premium-actions>.btn{
  flex:0 1 94px!important;max-width:94px!important;min-width:0!important;width:94px!important;
  padding:0 5px!important;font-size:.7rem!important;
 }
 html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-premium-actions>.sudoku-appearance-switch{height:40px;padding:3px;gap:0}
 html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-view-option{min-height:32px;padding:0 8px;font-size:.67rem}
}
@media(max-width:350px){
 html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-premium-actions>.btn{flex:0 1 82px!important;max-width:82px!important;width:82px!important;font-size:.63rem!important;padding:0 2px!important}
 html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-view-option{padding:0 6px;font-size:.61rem}
}
@media(max-height:550px){
 html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-premium-actions>.sudoku-appearance-switch{height:34px;padding:2px}
 html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-view-option{min-height:28px;font-size:.69rem;padding:0 9px}
}
@media(prefers-reduced-motion:reduce){
 html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-view-option,
 html[data-theme] body[data-mode="class"][data-game="sudoku"] .sudoku-board .tile{transition:none!important}
}
/* v0.1.65's centered shell normally hides every game's former command row.
   Reveal it for Sudoku ONLY; 20 other games retain that existing layout. */
html[data-theme] body[data-mode="class"][data-game="sudoku"] #sudoku-game > .arena-head.sudoku-command-bar{
  display:flex!important;flex:0 0 74px!important;height:74px!important;max-height:74px!important;
  align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;padding:8px 12px!important;
}
html[data-theme] body[data-mode="class"][data-game="sudoku"] #sudoku-game > .playground{
  height:auto!important;min-height:0!important;flex:1 1 0!important;
}
@media(max-width:950px){html[data-theme] body[data-mode="class"][data-game="sudoku"] #sudoku-game>.arena-head.sudoku-command-bar{flex-basis:65px!important;height:65px!important;max-height:65px!important}}
@media(max-width:550px){html[data-theme] body[data-mode="class"][data-game="sudoku"] #sudoku-game>.arena-head.sudoku-command-bar{flex-basis:54px!important;height:54px!important;max-height:54px!important;padding:3px 5px!important}}
@media(max-height:550px){html[data-theme] body[data-mode="class"][data-game="sudoku"] #sudoku-game>.arena-head.sudoku-command-bar{flex-basis:42px!important;height:42px!important;max-height:42px!important;padding:2px 5px!important}}

/* v0.1.70: preserve native hidden attribute across all screen widths. */
.sudoku-appearance-switch[hidden]{display:none!important}