.block-puzzle-root{--bp-gap: calc(var(--bp-space) * 2);box-sizing:border-box;position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:var(--bp-gap);width:100%;height:100%;min-height:0;overflow:hidden;padding:max(var(--bp-gap),env(safe-area-inset-top)) var(--bp-gap) max(var(--bp-gap),env(safe-area-inset-bottom));color:var(--bp-text);background:var(--bp-background);font-family:var(--bp-font)}.block-puzzle-root *,.block-puzzle-root *:before,.block-puzzle-root *:after{box-sizing:border-box}.block-puzzle-root button,.block-puzzle-root input{font:inherit}.block-puzzle-loading{place-items:center;color:var(--bp-text-muted, currentColor)}.block-puzzle-bootstrap-error{grid-template-rows:auto auto;place-content:center;text-align:center}.block-puzzle-bootstrap-error .block-puzzle-primary{width:min(100%,28rem)}.block-puzzle-menu{grid-template-rows:minmax(0,1fr)}.block-puzzle-menu__content{display:grid;grid-template-columns:minmax(0,1fr);place-content:center;gap:var(--bp-gap);min-height:0}.block-puzzle-menu__snapshot{--bp-menu-snapshot-cell: calc(var(--bp-space) * 3.5);display:grid;grid-template-columns:repeat(5,var(--bp-menu-snapshot-cell));grid-template-rows:repeat(5,var(--bp-menu-snapshot-cell));gap:calc(var(--bp-space) / 2);width:max-content;margin-inline:auto}.block-puzzle-menu__snapshot i{border-radius:calc(var(--bp-space) / 2);background:var(--bp-surface-muted)}.block-puzzle-menu__snapshot i.is-primary{background:var(--bp-primary)}.block-puzzle-menu__snapshot i.is-accent{background:var(--bp-accent)}.block-puzzle-result{grid-template-rows:minmax(0,1fr) auto;align-items:center}.block-puzzle-menu__hero{text-align:center}.block-puzzle-result__summary{align-self:end;text-align:center}.block-puzzle-menu__hero h1,.block-puzzle-result__summary h1{margin:calc(var(--bp-space) * 2) 0;font-size:clamp(1.65rem,7dvh,2.6rem);letter-spacing:-.04em}.block-puzzle-menu__hero p,.block-puzzle-result__summary p{margin:0;color:var(--bp-text-muted)}.block-puzzle-kicker{color:var(--bp-accent);font-size:.72rem;font-weight:800;letter-spacing:.18em}.block-puzzle-menu__actions,.block-puzzle-result__actions{display:grid;gap:var(--bp-gap);width:min(100%,28rem);margin-inline:auto}.block-puzzle-primary,.block-puzzle-secondary,.block-puzzle-menu-button{min-height:2.75rem;border:1px solid var(--bp-border);border-radius:calc(var(--bp-space) * 3);color:var(--bp-text);background:var(--bp-surface);font-weight:750}.block-puzzle-primary{border-color:var(--bp-primary);color:var(--bp-background);background:var(--bp-primary)}.block-puzzle-primary:disabled{opacity:.55}.block-puzzle-secondary:focus-visible,.block-puzzle-primary:focus-visible,.block-puzzle-menu-button:focus-visible,.block-puzzle-cell:focus-visible,.block-puzzle-piece:focus-visible{outline:3px solid var(--bp-accent);outline-offset:2px}.block-puzzle-confirm{display:grid;gap:var(--bp-gap);padding:var(--bp-gap);border:1px solid var(--bp-border);border-radius:calc(var(--bp-space) * 4);background:var(--bp-surface);text-align:center}.block-puzzle-rules,.block-puzzle-preferences{width:min(100%,28rem);margin-inline:auto;color:var(--bp-text-muted)}.block-puzzle-preferences{display:flex;justify-content:center;gap:calc(var(--bp-space) * 4);border:0}.block-puzzle-preferences legend{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.block-puzzle-game{grid-template-rows:auto auto minmax(0,1fr) auto}.block-puzzle-hud{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--bp-gap);min-height:2.75rem}.block-puzzle-hud div{display:flex;align-items:baseline;gap:var(--bp-space)}.block-puzzle-hud span,.block-puzzle-hud small,.block-puzzle-hint{color:var(--bp-text-muted)}.block-puzzle-hud strong{font-size:1.4rem}.block-puzzle-hint,.block-puzzle-error{min-height:1.25rem;margin:0;text-align:center;font-size:.78rem}.block-puzzle-error{color:var(--bp-danger)}.block-puzzle-game-menu{position:fixed;z-index:5;inset:calc(var(--bp-space) * 14) auto auto 50%;inline-size:calc(min(100%,36rem) - (var(--bp-gap) * 2));max-inline-size:calc(100% - (var(--bp-gap) * 2));margin:0;transform:translate(-50%);gap:var(--bp-gap);padding:var(--bp-gap);border:1px solid var(--bp-border);border-radius:calc(var(--bp-space) * 4);background:var(--bp-surface)}.block-puzzle-game-menu[open]{display:grid}.block-puzzle-game-menu::backdrop{background:#00000059}.block-puzzle-board{aspect-ratio:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,62dvh);max-height:100%;margin-inline:auto;align-self:center;border-radius:calc(var(--bp-space) * 4);background:var(--bp-surface);touch-action:none}.block-puzzle-cell{aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:calc(var(--bp-space) * 1.5);box-shadow:inset 0 0 0 calc(var(--bp-space) / 2) var(--bp-surface);background:var(--bp-surface-muted);transition:transform .12s ease,background-color .12s ease}.block-puzzle-cell.is-filled,.block-puzzle-cell.is-valid-preview{background:var(--bp-primary)}.block-puzzle-cell.is-valid-preview{transform:scale(.9)}.block-puzzle-cell.is-invalid-preview{background:var(--bp-danger);transform:scale(.86)}.block-puzzle-bottom-slot{min-height:6.25rem;display:grid;align-items:center;gap:var(--bp-gap)}.block-puzzle-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bp-gap);height:5.5rem}.block-puzzle-piece{display:grid;place-items:center;min-width:0;border:1px solid transparent;border-radius:calc(var(--bp-space) * 4);color:var(--bp-text);background:transparent;touch-action:none;transition:transform .14s ease,background-color .14s ease}.block-puzzle-piece.is-selected{border-color:var(--bp-accent);background:var(--bp-surface)}.block-puzzle-piece.is-lifted{transform:translateY(calc(var(--bp-space) * -3)) scale(1.05)}.block-puzzle-piece.is-used{opacity:.24;background:var(--bp-surface-muted)}.block-puzzle-piece__shape{--bp-piece-cell: clamp(.68rem, 3.2vw, .82rem);display:grid;grid-template-columns:repeat(var(--bp-piece-columns),var(--bp-piece-cell));grid-template-rows:repeat(var(--bp-piece-rows),var(--bp-piece-cell));gap:3px;inline-size:max-content;block-size:max-content}.block-puzzle-piece__shape i{display:block;border-radius:3px}.block-puzzle-piece__shape i.is-block{background:var(--bp-primary)}.block-puzzle-result__summary strong{display:block;margin:var(--bp-gap) 0;color:var(--bp-primary);font-size:clamp(3rem,13dvh,5rem);line-height:.9}@media(min-width:48rem){.block-puzzle-root{width:min(100%,36rem);margin-inline:auto}}@media(prefers-reduced-motion:reduce){.block-puzzle-cell,.block-puzzle-piece{transition:none}}.sudoku-client{--sudoku-blue: #1769e0;--sudoku-blue-soft: #eaf2ff;--sudoku-ink: #172033;--sudoku-muted: #667085;--sudoku-line: #cbd5e1;color:var(--sudoku-ink);background:#fff;font:inherit}.sudoku-client--loading,.sudoku-client--menu{min-block-size:100dvh;padding:calc(24px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left))}.sudoku-client--loading{display:grid;place-items:center}.sudoku-client--menu{display:grid;place-items:center;overflow-y:auto}.sudoku-menu__choices{inline-size:min(100%,340px);display:grid;gap:14px;text-align:center}.sudoku-menu__choices h1,.sudoku-pause-dialog h2{margin:0;font-size:clamp(1.8rem,7vw,2.35rem);line-height:1.05}.sudoku-menu__choices p{margin:0;color:var(--sudoku-muted)}.sudoku-menu__eyebrow{color:var(--sudoku-blue)!important;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sudoku-menu__best{padding:12px;border-radius:14px;background:#f7f9fc;font-size:.92rem}.sudoku-client button{border-radius:12px}.sudoku-menu__choices>button:first-of-type{min-block-size:48px;background:var(--sudoku-blue);color:#fff}.sudoku-difficulty-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sudoku-difficulty-picker button{min-inline-size:0;min-block-size:48px;padding-inline:6px}.sudoku-challenge-target{margin:0;padding:10px 12px;border-radius:14px;background:var(--sudoku-blue-soft);color:var(--sudoku-blue)!important;font-weight:750}.sudoku-challenge-target--gameplay{text-align:center;font-size:.82rem}.sudoku-challenge-result{margin:0;color:var(--sudoku-blue)!important;font-weight:800}.sudoku-client--gameplay{height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;gap:8px;padding:calc(8px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left))}.sudoku-gameplay__header{display:flex;align-items:center;justify-content:space-between;min-block-size:34px}.sudoku-gameplay__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;font-size:.75rem;text-align:center}.sudoku-gameplay__stats span{display:grid;gap:2px;min-inline-size:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sudoku-gameplay__stats small{color:var(--sudoku-muted);font-size:.61rem}.sudoku-gameplay__main{min-block-size:0;display:grid;place-items:center}.sudoku-board{position:relative;inline-size:min(100%,calc(100dvh - 258px));max-inline-size:560px;aspect-ratio:1;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border:2px solid var(--sudoku-ink);background:#fff}.sudoku-client .sudoku-cell{min-inline-size:0;min-block-size:0;display:grid;place-items:center;padding:0;border:0;border-right:1px solid var(--sudoku-line);border-bottom:1px solid var(--sudoku-line);border-radius:0;box-shadow:none;background:#fff;color:var(--sudoku-ink);font-size:clamp(.94rem,4.8vw,1.4rem);font-weight:650}.sudoku-board__divider{position:absolute;z-index:1;display:block;background:var(--sudoku-ink);pointer-events:none}.sudoku-board__divider--vertical-1,.sudoku-board__divider--vertical-2{inset-block:0;inline-size:2px;transform:translate(-50%)}.sudoku-board__divider--vertical-1{inset-inline-start:33.333%}.sudoku-board__divider--vertical-2{inset-inline-start:66.666%}.sudoku-board__divider--horizontal-1,.sudoku-board__divider--horizontal-2{inset-inline:0;block-size:2px;transform:translateY(-50%)}.sudoku-board__divider--horizontal-1{inset-block-start:33.333%}.sudoku-board__divider--horizontal-2{inset-block-start:66.666%}.sudoku-cell.is-fixed{background:#f1f5f9;font-weight:800}.sudoku-cell.is-matching{background:#f3f7fd;color:#1756a9}.sudoku-cell.is-selected{background:var(--sudoku-blue-soft);color:var(--sudoku-blue)}.sudoku-cell.is-mistake{background:#fff0f0;color:#b42318;box-shadow:inset 0 0 0 2px #b4231847}.sudoku-cell__notes{inline-size:100%;block-size:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));color:var(--sudoku-muted);font-size:.42em;font-variant-numeric:tabular-nums;font-weight:500}.sudoku-cell__note-slot{display:grid;place-items:center;min-inline-size:0;min-block-size:0;line-height:1}.sudoku-gameplay__actions,.sudoku-keypad{display:grid;gap:6px}.sudoku-gameplay__actions{grid-template-columns:repeat(3,minmax(0,1fr))}.sudoku-keypad{inline-size:min(100%,560px);justify-self:center;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.sudoku-gameplay__actions button{min-inline-size:0;min-block-size:40px;padding-inline:2px}.sudoku-client .sudoku-key{inline-size:100%;min-inline-size:0;min-block-size:0;aspect-ratio:1;display:grid;place-items:center;padding:0;border:1px solid #d7e0ec;border-radius:10px;background:#f4f7fb;color:var(--sudoku-ink);font:inherit;font-size:clamp(.88rem,4vw,1.15rem);font-variant-numeric:tabular-nums;font-weight:750;line-height:1;text-align:center}.sudoku-client .sudoku-key:focus-visible{outline:3px solid rgb(23 105 224 / .35);outline-offset:2px}.sudoku-client .sudoku-key:disabled{cursor:default;opacity:.42}.sudoku-save-error{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#a13b18;font-size:.72rem}.sudoku-pause-backdrop{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:20px;background:#0f172a85}.sudoku-pause-dialog{inline-size:min(100%,320px);display:grid;gap:12px;padding:24px;border-radius:20px;background:#fff;box-shadow:0 20px 60px #0f172a47;text-align:center}.sudoku-pause-dialog p{margin:0;color:var(--sudoku-muted)}.sudoku-confirm-backdrop{position:fixed;inset:0;z-index:3;display:grid;place-items:center;padding:20px;background:#0f172a85}.sudoku-confirm-dialog{inline-size:min(100%,340px);display:grid;gap:12px;padding:24px;border-radius:20px;background:#fff;box-shadow:0 20px 60px #0f172a47;text-align:center}.sudoku-confirm-dialog h2,.sudoku-confirm-dialog p{margin:0}.sudoku-confirm-dialog p{color:var(--sudoku-muted)}@media(max-height:720px){.sudoku-client--gameplay{gap:4px;padding-block:calc(4px + env(safe-area-inset-top)) calc(4px + env(safe-area-inset-bottom))}.sudoku-board{inline-size:min(100%,calc(100dvh - 218px))}.sudoku-gameplay__actions button{min-block-size:34px}}html,body,#root{height:100%;min-height:100%}body{margin:0;min-height:100dvh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}
