.dp-sudoku{color:var(--title)}.dp-sudoku__title{font-size:var(--dp-font-size-h2);color:var(--title);margin-bottom:1rem;font-weight:600;display:inline-block;position:relative}.dp-sudoku__difficulty{width:100%}.dp-sudoku__difficulty.dp-is-hidden{display:none}.dp-sudoku__layout{flex-direction:column;max-width:504px;margin-inline:auto;display:flex}.dp-sudoku__board-area,.dp-sudoku__controls{display:contents}.dp-sudoku__boards{order:2;width:100%;margin-top:11px}.dp-sudoku__modes{order:3;gap:5px;width:100%;margin-top:.75rem;display:flex}@media (width>=1024px){.dp-sudoku__modes{gap:.5rem}}.dp-sudoku__actions{display:contents}.dp-sudoku__tabs{order:1;gap:5px;width:100%;display:flex}@media (width>=1024px){.dp-sudoku__tabs{gap:.5rem}}.dp-sudoku__tab,.dp-sudoku__mode{height:2.25rem;color:var(--title);background-color:#fff;border:1px solid #9ca3af;border-radius:7px;flex:1;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition:background-color .2s;display:inline-flex}.dp-sudoku__mode{font-size:.75rem}@media (hover:hover){.dp-sudoku__tab:hover,.dp-sudoku__mode:hover{background-color:#f8fafc}}@media (width>=768px){.dp-sudoku__tab,.dp-sudoku__mode{border-radius:9px;height:42px;font-size:1rem}}@media (width>=1024px){.dp-sudoku__tab,.dp-sudoku__mode{border-radius:10px;height:3rem}}.dp-sudoku__reveal-all{color:#fff;background-color:#299795;border:1px solid #299795;border-radius:7px;order:4;justify-content:center;align-items:center;gap:5px;width:100%;height:2.25rem;margin-top:.75rem;font-size:.875rem;font-weight:500;transition:opacity .15s;display:inline-flex}@media (hover:hover){.dp-sudoku__reveal-all:hover{opacity:.88}}@media (width>=768px){.dp-sudoku__reveal-all{border-radius:9px;height:42px;font-size:1rem}}@media (width>=1024px){.dp-sudoku__reveal-all{border-radius:10px;height:3rem}}.dp-sudoku__reveal-all-icon{width:18px;height:auto}.dp-sudoku__instruction{font-size:var(--dp-font-size-body);color:var(--title);justify-content:flex-start;align-items:flex-start;gap:.375rem;margin-bottom:1rem;font-weight:400;line-height:1.45;display:flex}@media (width>=1024px){.dp-sudoku__instruction{margin-bottom:18px}}.dp-sudoku__instruction-icon{flex-shrink:0;width:15px;height:15px;margin-top:1px}@media (width>=768px){.dp-sudoku__instruction-icon{width:19px;height:19px}}.dp-sudoku__tab.dp-is-active,.dp-sudoku__mode.dp-is-active{color:#238886;background:#edf8f7;border-color:#299795}.dp-sudoku__board-panel{width:100%;max-width:504px;margin-inline:auto;position:relative}.dp-sudoku__board{border:2px solid #303939;border-radius:8px;overflow:visible}.dp-sudoku__row{grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.dp-sudoku__cell{aspect-ratio:1;color:var(--title);background:#fff;border-bottom:1px solid #7e8585;border-right:1px solid #7e8585;place-items:center;font-size:1.25rem;font-weight:600;line-height:1;display:grid;position:relative}@media (width>=768px){.dp-sudoku__cell{font-size:1.5rem}}@media (width>=1024px){.dp-sudoku__cell{font-size:28px}}.dp-sudoku__cell:focus-visible{z-index:10;outline-offset:2px;outline:2px solid #149699}.dp-sudoku__row .dp-sudoku__cell:nth-child(3n){border-right-width:2px;border-right-color:#303939}.dp-sudoku__row .dp-sudoku__cell:nth-child(9){border-right:0}.dp-sudoku__row:nth-child(3n) .dp-sudoku__cell{border-bottom-width:2px;border-bottom-color:#303939}.dp-sudoku__row:last-child .dp-sudoku__cell{border-bottom:0}.dp-sudoku__row:first-child .dp-sudoku__cell:first-child{border-radius:6px 0 0}.dp-sudoku__row:first-child .dp-sudoku__cell:last-child{border-radius:0 6px 0 0}.dp-sudoku__row:last-child .dp-sudoku__cell:first-child{border-radius:0 0 0 6px}.dp-sudoku__row:last-child .dp-sudoku__cell:last-child{border-radius:0 0 6px}.dp-sudoku__given{background:#eee}.dp-sudoku__cell:not(.dp-sudoku__given):not(.dp-is-revealed){color:#0000}.dp-sudoku__cell.dp-is-candidate:after{content:"?";color:#299795;place-items:center;display:grid;position:absolute;inset:0}.dp-sudoku__cell.dp-is-revealed{color:#fff;background:#51a9a8}.dp-sudoku__cell.dp-is-candidate{background:#e9f5f5}.dp-sudoku__candidates{z-index:40;top:calc(var(--dp-sudoku-popover-top) + 8px);left:clamp(115px, var(--dp-sudoku-popover-left), calc(100% - 115px));-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);width:min(220px,100% - 12px);color:var(--title);text-align:center;pointer-events:none;background:#edf8f7b8;border:1px solid #fffc;border-radius:9999px;padding:13px 18px;font-size:14px;font-weight:500;line-height:1.35;position:absolute;transform:translate(-50%);box-shadow:inset 0 1px #ffffffe6,0 6px 18px #1c25252e}.dp-sudoku__candidates.dp-is-hidden{display:none}@media (width>=768px){.dp-sudoku__candidates{width:240px;padding:16px 22px;font-size:18px}}