.gsudoku-grid{--sd-thick:max(2px, calc(var(--gs-cell,40px) * .06));border:max(3px, calc(var(--gs-cell,40px) * .08)) solid #2b2420;background:#8b7a68;border-radius:10px;gap:1px;overflow:hidden;box-shadow:0 5px #a48d74,0 8px 14px #2b242029}.gsudoku-cell{color:#2766c8;font:700 calc(var(--gs-cell,40px) * .56)/1 var(--font);background:#fffaf1;transition:background .12s,box-shadow .12s}.gsudoku-cell[data-b="1"]{background:#efe5d3}.gsudoku-cell[data-c="2"],.gsudoku-cell[data-c="5"]{border-right:var(--sd-thick) solid #2b2420}.gsudoku-cell[data-r="2"],.gsudoku-cell[data-r="5"]{border-bottom:var(--sd-thick) solid #2b2420}.gsudoku-cell.is-given{color:#2b2420;font-weight:900}.gsudoku-cell.is-peer{background:#fffaf1;box-shadow:inset 0 0 0 999px #5a96d72b}.gsudoku-cell.is-peer[data-b="1"]{background:#efe5d3}.gsudoku-cell.is-same,.gsudoku-cell.is-same[data-b="1"]{box-shadow:none;background:#ffd98f}.gsudoku-cell.is-selected,.gsudoku-cell.is-selected[data-b="1"]{box-shadow:inset 0 0 0 max(2px, calc(var(--gs-cell,40px) * .07)) var(--brand,#e0562b);background:#ffbf85}.gsudoku-cell.is-wrong,.gsudoku-cell.is-wrong[data-b="1"]{color:#d0302a;background:#fbd3cc}.gsudoku-cell.is-wrong.is-selected{background:#f6b9ae}.gsudoku-notes i{font:600 calc(var(--gs-cell,40px) * .26)/1 var(--font);color:#7a6b5d}.gsudoku-pad{gap:6px;max-width:none;margin-top:16px}.gsudoku-key{font:900 clamp(20px, calc(var(--gs-cell,48px) * .42), 30px)/1 var(--font);padding:clamp(11px, calc(var(--gs-cell,48px) * .24), 18px) 0 clamp(15px, calc(var(--gs-cell,48px) * .3), 22px);color:#2b2420;background:#fffaf1;border:2px solid #2b2420;border-radius:10px;transition:transform 60ms,box-shadow 60ms;position:relative;box-shadow:inset 0 -4px #e0cfb3,0 2px #2b242038}.gsudoku-key:before{content:"";pointer-events:none;background:#fffffff2;border-radius:3px;width:9px;height:4px;position:absolute;top:4px;left:5px;transform:rotate(-14deg)}.gsudoku-key:hover{background:#fff3df}.gsudoku-key:active{transform:translateY(2px);box-shadow:inset 0 -2px #e0cfb3}.gsudoku-key.is-active{color:#7a2e0e;background:#ffbf85;border-color:#2b2420;box-shadow:inset 0 -4px #e79552,0 2px #2b242038}.gsudoku-key.is-done{opacity:.3}.gsudoku-key-count{color:#fff;min-width:19px;height:19px;font:800 12px/16px var(--font);text-align:center;z-index:1;background:#e0562b;border:1.5px solid #2b2420;border-radius:10px;padding:0 4px;top:-8px;bottom:auto;left:auto;right:-5px}.gsudoku-key-count:empty{display:none}@media (max-width:480px){.gsudoku-pad{gap:5px}.gsudoku-key{border-radius:8px;padding:10px 0 13px;font-size:20px}.gsudoku-key:before{width:7px;height:3px;top:3px;left:4px}.gsudoku-key-count{min-width:18px;height:18px;padding:0 3px;font-size:11.5px;line-height:15px;top:-8px;right:-2px}}@media (prefers-reduced-motion:reduce){.gsudoku-cell,.gsudoku-key{transition:none}}