/*! Copyright 2026 El Trivia (eltrivia.com). All rights reserved. */
.g-sudoku{padding-block:var(--s3) var(--s7)}.g-sudoku__game{--sd-user:var(--field);--sd-wrong:var(--state-wrong);--sd-same:color-mix(in srgb,var(--field) 22%,var(--surface));--sd-select:color-mix(in srgb,var(--field) 30%,var(--surface));--sd-conflict:color-mix(in srgb,var(--state-wrong) 18%,var(--surface));--sd-hint:color-mix(in srgb,var(--state-correct) 16%,var(--surface))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .g-sudoku__game{--sd-user:var(--light);--sd-wrong:color-mix(in srgb,var(--state-wrong) 65%,var(--ink))}}:root[data-theme=dark] .g-sudoku__game{--sd-user:var(--light);--sd-wrong:color-mix(in srgb,var(--state-wrong) 65%,var(--ink))}.g-sudoku__intro{margin-bottom:var(--s3)}.g-sudoku__intro h1{font-size:24px}.g-sudoku__intro p{margin-top:var(--s1);max-width:60ch}.g-sudoku__note{margin-bottom:var(--s3)}.g-sudoku__game{display:grid;gap:var(--s3);grid-template-areas:"bar" "board" "actions" "pad" "tools";max-width:560px;padding:var(--s2);position:relative}.g-sudoku__game:focus{outline:none}.g-sudoku__bar{align-items:center;display:flex;gap:var(--s2);grid-area:bar;min-height:44px}.g-sudoku__bar .stat{text-align:center}.g-sudoku__bar .stat[hidden]{display:none}.g-sudoku__bar .stat__label{font-size:11px}.g-sudoku__bar .stat__value{font-size:16px}.g-sudoku__level,.g-sudoku__pause-btn{padding-inline:12px}.g-sudoku__level{margin-right:auto}.g-sudoku__pause-btn{margin-left:auto;min-width:76px}.g-sudoku__stage{display:grid;grid-area:board;position:relative}.g-sudoku__stage>*{grid-area:1/1}.g-sudoku__board{aspect-ratio:1;background:var(--surface);border:2px solid var(--ink);container-type:inline-size;display:flex;flex-direction:column;position:relative;touch-action:manipulation;user-select:none;-webkit-user-select:none;width:100%}.g-sudoku__board:after{background:linear-gradient(var(--ink) 0 0) 33.333% 0 /2px 100% no-repeat,linear-gradient(var(--ink) 0 0) 66.667% 0 /2px 100% no-repeat,linear-gradient(var(--ink) 0 0) 0 33.333% /100% 2px no-repeat,linear-gradient(var(--ink) 0 0) 0 66.667% /100% 2px no-repeat;content:"";inset:0;pointer-events:none;position:absolute}.g-sudoku__row{display:grid;flex:1;grid-template-columns:repeat(9,minmax(0,1fr));min-height:0}.g-sudoku__cell{background:var(--surface);border-bottom:1px solid var(--line);border-right:1px solid var(--line);cursor:pointer;display:grid;min-width:0;place-items:center;position:relative}.g-sudoku__cell:focus{outline:none}.g-sudoku__cell:focus-visible{outline:none}.g-sudoku__digit{color:var(--sd-user);font-size:calc(100cqi/9*.6);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.g-sudoku__cell.is-given .g-sudoku__digit{color:var(--ink);font-weight:800}.g-sudoku__cell.is-wrong .g-sudoku__digit{color:var(--sd-wrong);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em}.g-sudoku__notes{color:var(--ink-2);display:grid;font-size:calc(100cqi/9*.27);font-variant-numeric:tabular-nums;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);inset:1px;line-height:1;place-items:center;position:absolute}.g-sudoku__notes .is-match{color:var(--ink);font-weight:800}.g-sudoku__cell.is-area{background:var(--surface-2)}.g-sudoku__cell.is-same{background:var(--sd-same)}.g-sudoku__cell.is-conflict{background:var(--sd-conflict)}.g-sudoku__cell.is-selected{background:var(--sd-select);box-shadow:inset 0 0 0 2px var(--ink)}.g-sudoku__cell.is-hint{background:var(--sd-hint)}.g-sudoku__cell.is-hint-target{box-shadow:inset 0 0 0 3px var(--state-correct)}.g-sudoku__notes .is-gone{color:var(--sd-wrong);text-decoration:line-through;text-decoration-thickness:2px}.g-sudoku__loading{color:var(--ink-2);margin:auto;padding:var(--s4);text-align:center}.g-sudoku__actions{display:grid;gap:var(--s2);grid-area:actions;grid-template-columns:repeat(4,minmax(0,1fr))}.g-sudoku__actions .btn,.g-sudoku__num{min-width:0;padding-inline:4px;touch-action:manipulation}.g-sudoku__actions .btn{font-size:15px;line-height:1.1}.g-sudoku__actions [data-action=notes]{flex-direction:column;gap:0}.g-sudoku__actions .btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.g-sudoku__onoff{font-size:12px;font-weight:800}.g-sudoku__pad{display:grid;gap:4px;grid-area:pad;grid-template-columns:repeat(9,minmax(0,1fr))}.g-sudoku__num{background:var(--surface-2);border-radius:8px;color:var(--ink);font-size:28px;font-stretch:100%;font-weight:700;min-height:56px}.g-sudoku__num:hover{background:color-mix(in srgb,var(--ink) 10%,var(--surface-2))}.g-sudoku__num.is-done{visibility:hidden}.g-sudoku__newgame{display:none;grid-area:new}.g-sudoku__hint{background:var(--surface-2);border-radius:12px;display:grid;gap:var(--s2);grid-area:tools;padding:var(--s3)}.g-sudoku__hint[hidden]{display:none}.g-sudoku__hint p{font-size:15px;line-height:1.4}.g-sudoku__hint-actions{display:flex;gap:var(--s2)}.g-sudoku__game.has-hint .g-sudoku__tools{display:none}.g-sudoku__game.is-paused .g-sudoku__hint{visibility:hidden}.g-sudoku__tools{display:flex;gap:var(--s2);grid-area:tools;justify-content:center;margin-top:calc(var(--s2)*-1)}.g-sudoku__game.is-paused .g-sudoku__actions,.g-sudoku__game.is-paused .g-sudoku__board,.g-sudoku__game.is-paused .g-sudoku__pad{visibility:hidden}.g-sudoku__pause{align-content:center;border-radius:0;inset:auto;padding:var(--s5);position:relative}@media (max-height:599px),(max-width:719px){.g-sudoku__game:not(.is-play-mode) :is(.g-sudoku__pause-btn,.g-sudoku__actions,.g-sudoku__pad,.g-sudoku__hint){display:none}.g-sudoku__game:not(.is-play-mode).has-hint .g-sudoku__tools{display:flex}.g-sudoku__game.is-play-mode{grid-template-rows:auto minmax(0,1fr) auto auto auto}.is-play-mode .g-sudoku__bar{flex-wrap:wrap;row-gap:0}.is-play-mode .g-sudoku__pause-btn{margin-left:auto}.is-play-mode .g-sudoku__bar .play-close{margin-left:0}.is-play-mode .g-sudoku__stage{container-type:size;min-height:0;place-items:center}.is-play-mode .g-sudoku__board{width:min(100cqw,100cqh)}.is-play-mode .g-sudoku__pause{height:100%;width:100%}.is-play-mode .g-sudoku__num{min-height:48px}}@media (orientation:landscape) and (max-height:599px){.g-sudoku__game.is-play-mode{align-content:stretch;grid-template-areas:"board bar" "board actions" "board pad" "board tools";grid-template-columns:minmax(0,1fr) minmax(260px,1fr);grid-template-rows:auto auto auto minmax(0,1fr)}.is-play-mode .g-sudoku__pad{grid-template-columns:repeat(5,minmax(0,1fr))}.is-play-mode .g-sudoku__num{font-size:24px;min-height:44px}}.g-sudoku__levels{display:grid;gap:var(--s2);list-style:none;margin:0;padding:0}.g-sudoku__lvl{justify-content:space-between;width:100%}.g-sudoku__lvl-note{color:var(--ink-2);font-size:14px;font-weight:500}.g-sudoku__warn{font-weight:600;margin-bottom:var(--s4)}.g-sudoku__dlg .figs{margin-bottom:var(--s2)}.g-sudoku__dlg .fig dd{font-size:28px}.g-sudoku__won-note{margin-top:var(--s3)}.g-sudoku__dlg .fig dt .chip{margin-left:4px;vertical-align:1px}.g-sudoku__seg{border-radius:22px;flex-wrap:wrap;margin-bottom:var(--s4)}.g-sudoku__stats{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:480px){.g-sudoku__stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.g-sudoku__stats .fig dd{font-size:22px}.g-sudoku__reset{margin-top:var(--s5)}.g-sudoku__reset p{font-weight:600}.g-sudoku__settings fieldset{border:0;display:grid;margin:0;padding:0}.g-sudoku__settings fieldset+fieldset{margin-top:var(--s5)}.g-sudoku__settings legend{margin-bottom:var(--s1);padding:0}.g-sudoku__settings label{align-items:center;cursor:pointer;display:flex;gap:var(--s3);min-height:44px}.g-sudoku__settings input{accent-color:var(--ink);height:20px;margin:0;width:20px}.g-sudoku__settings label:has(input:disabled){color:var(--ink-2);cursor:not-allowed}.g-sudoku__about{margin-top:var(--s6);max-width:62ch}.g-sudoku__about h2{margin:var(--s6) 0 var(--s3)}.g-sudoku__about h2:first-child{margin-top:0}.g-sudoku__about h3{margin:var(--s4) 0 var(--s2)}.g-sudoku__about ol{margin:var(--s3) 0 0;padding-left:1.25em}.g-sudoku__about li+li{margin-top:6px}.g-sudoku__about p+p{margin-top:var(--s3)}.g-sudoku__level-list{margin:var(--s3) 0 0;padding-left:1.25em}.g-sudoku__level-list a[aria-current]{font-weight:700;text-decoration:none}.g-sudoku__keys{border-collapse:collapse;font-size:15px}.g-sudoku__keys td,.g-sudoku__keys th{border-bottom:1px solid var(--line);padding:6px var(--s4) 6px 0;text-align:left;vertical-align:top}.g-sudoku__keys th{font-weight:600;white-space:nowrap}@media (min-width:900px){.g-sudoku__game{align-items:start;column-gap:var(--s6);grid-template-areas:"board bar" "board actions" "board pad" "board new" "board tools";grid-template-columns:minmax(0,560px) minmax(260px,1fr);grid-template-rows:auto auto auto auto 1fr;max-width:920px;padding:var(--s5);row-gap:var(--s4)}.g-sudoku__bar{flex-wrap:wrap}.g-sudoku__level{margin-right:0}.g-sudoku__pad{gap:var(--s2);grid-template-columns:repeat(3,minmax(0,1fr))}.g-sudoku__num{font-size:32px;min-height:72px}.g-sudoku__newgame{display:inline-flex;width:100%}.g-sudoku__tools{margin-top:0}}