.picture-sudoku-page{color:var(--color-on-surface)}.picture-sudoku-overview-shell{min-width:0;overflow:clip;border-radius:var(--radius-xl);background:var(--color-canvas)}.picture-sudoku-overview-intro{border-bottom:1px solid color-mix(in srgb,var(--ui-pillar-border) 60%,transparent);background:radial-gradient(circle at 14% 22%,color-mix(in srgb,var(--color-error-50) 64%,transparent),transparent 34%),radial-gradient(circle at 86% 30%,color-mix(in srgb,var(--ui-pillar-soft) 70%,transparent),transparent 38%),color-mix(in srgb,var(--color-canvas) 72%,var(--color-surface))}.picture-sudoku-overview-layout{width:min(100%,var(--container-2xl));margin-inline:auto;padding-top:var(--space-4)}.picture-sudoku-overview-preview{display:grid;min-width:0;gap:var(--space-3);justify-items:center;padding:clamp(var(--space-4),3vw,var(--space-7))}.picture-sudoku-overview-preview>p{margin:0;color:var(--color-on-surface-variant);font-size:var(--text-xs);font-weight:800;text-align:center}.picture-sudoku-overview-preview__card{display:grid;width:min(100%,29rem);min-width:0;gap:var(--space-3)}.picture-sudoku-overview-preview__meta{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--color-on-surface-variant);font-size:var(--text-xs)}.picture-sudoku-overview-preview__meta span{border-radius:var(--radius-pill);background:var(--ui-pillar-soft);padding:var(--space-1) var(--space-3);color:var(--ui-pillar-dark);font-weight:850}.picture-sudoku-overview-preview__meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picture-sudoku-display-board{display:grid;width:min(100%,var(--picture-sudoku-display-size, 12rem));min-width:0;grid-template-columns:repeat(var(--picture-sudoku-order),minmax(0,1fr));overflow:hidden;aspect-ratio:1;border:3px solid var(--ui-pillar-dark);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 .7rem 1.7rem color-mix(in srgb,var(--color-on-surface) 8%,transparent)}.picture-sudoku-display-board--hero{--picture-sudoku-display-size: 26rem}.picture-sudoku-display-board--lesson,.picture-sudoku-display-board--rule{--picture-sudoku-display-size: 11rem}.picture-sudoku-display-board--difficulty{--picture-sudoku-display-size: 13rem}.picture-sudoku-display-cell{position:relative;display:grid;min-width:0;min-height:0;place-items:center;border-right:1px solid color-mix(in srgb,var(--ui-pillar-dark) 24%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ui-pillar-dark) 24%,transparent);background:var(--color-surface);padding:15%}.picture-sudoku-display-cell[data-region-divider-right=true]{border-right-width:3px;border-right-color:var(--ui-pillar-dark)}.picture-sudoku-display-cell[data-region-divider-bottom=true]{border-bottom-width:3px;border-bottom-color:var(--ui-pillar-dark)}.picture-sudoku-display-cell[data-empty=true]{background:color-mix(in srgb,var(--color-canvas-soft) 68%,var(--color-surface))}.picture-sudoku-display-cell[data-highlight-row=true]{background:color-mix(in srgb,var(--color-success-50) 76%,var(--color-surface))}.picture-sudoku-display-cell[data-highlight-column=true]{background:color-mix(in srgb,var(--ui-pillar-soft) 78%,var(--color-surface))}.picture-sudoku-display-cell[data-highlight-region=true]{background:color-mix(in srgb,var(--pillar-company-soft) 68%,var(--color-surface))}.picture-sudoku-display-cell[data-target=true]{z-index:1;background:color-mix(in srgb,var(--color-warning-50) 78%,var(--color-surface));box-shadow:inset 0 0 0 3px var(--color-warning)}.picture-sudoku-display-cell[data-revealed=true]{background:color-mix(in srgb,var(--color-success-50) 76%,var(--color-surface));box-shadow:inset 0 0 0 3px var(--color-success-600)}.picture-sudoku-display-cell__target-mark{color:var(--ui-pillar-dark);font-family:var(--font-headline);font-size:clamp(.8rem,3vw,1.55rem);font-weight:900}.picture-sudoku-display-shape{width:100%;height:100%;fill:var(--color-error);stroke:var(--ui-pillar-dark);stroke-linejoin:round;stroke-width:4}.picture-sudoku-display-shape[data-shape-id=square]{fill:var(--ui-pillar)}.picture-sudoku-display-shape[data-shape-id=triangle]{fill:color-mix(in srgb,var(--color-error) 78%,var(--color-warning))}.picture-sudoku-display-shape[data-shape-id=star]{fill:var(--color-warning)}.picture-sudoku-candidate-tray{display:grid;gap:var(--space-2);border:1px solid var(--ui-pillar-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--ui-pillar-soft) 42%,var(--color-surface));padding:var(--space-3)}.picture-sudoku-candidate-tray__label{color:var(--color-on-surface-variant);font-size:var(--text-xs);font-weight:850}.picture-sudoku-candidate-tray ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.picture-sudoku-candidate-tray li{display:grid;min-width:44px;min-height:44px;place-items:center;border:1px solid var(--ui-pillar-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-2)}.picture-sudoku-candidate-tray li[data-answer=true]{border-color:var(--color-warning);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-warning) 20%,transparent)}.picture-sudoku-candidate-tray .picture-sudoku-display-shape{width:2.4rem;height:2.4rem}.picture-sudoku-print-sheets{position:relative;display:grid;width:min(100%,27rem);min-height:19rem;place-items:center}.picture-sudoku-print-sheet{position:absolute;width:clamp(10rem,46%,13rem);margin:0;filter:drop-shadow(0 .8rem 1rem color-mix(in srgb,var(--color-on-surface) 14%,transparent))}.picture-sudoku-print-sheet:first-child{z-index:1;transform:translate(-38%) rotate(-6deg)}.picture-sudoku-print-sheet:last-child{transform:translate(38%) rotate(6deg)}.picture-sudoku-print-sheet__page{overflow:hidden;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:#fff}.picture-sudoku-print-sheet__page>svg{display:block;width:100%;height:auto}.picture-sudoku-print-sheet figcaption{width:fit-content;margin:var(--space-2) auto 0;border-radius:var(--radius-pill);background:var(--color-surface);padding:var(--space-1) var(--space-3);color:var(--ui-pillar-dark);font-size:var(--text-xs);font-weight:850;box-shadow:var(--shadow-xs)}.picture-sudoku-workspace{margin:0 auto;max-width:1440px;padding:0 1rem 5rem}.picture-sudoku-play-workspace{--picture-sudoku-coral: #ff5b52;--picture-sudoku-sky: #edf7ff;min-width:0}.picture-sudoku-stage{display:grid;gap:1rem;justify-items:center}.picture-sudoku-current-rule{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;border-radius:.9rem;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));padding:.7rem .9rem;color:var(--color-on-surface);font-size:.86rem;font-weight:750;text-align:center}.picture-sudoku-board{display:grid;width:min(100%,37rem);aspect-ratio:1;overflow:hidden;border:3px solid #15315d;border-radius:.45rem;background:var(--color-surface)}.picture-sudoku-board>button{position:relative;min-width:44px;min-height:44px;border:1px solid var(--color-outline);background:var(--color-surface);padding:12%}.picture-sudoku-board>button[data-given=true]{background:var(--color-surface-variant);cursor:default}.picture-sudoku-board>button[data-user-entry=true]{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface))}.picture-sudoku-board>button[data-region-divider-right=true]{border-right:3px solid var(--color-on-surface)}.picture-sudoku-board>button[data-region-divider-bottom=true]{border-bottom:3px solid var(--color-on-surface)}.picture-sudoku-board>button[data-selected=true]{box-shadow:inset 0 0 0 3px var(--color-primary)}.picture-sudoku-board>button[data-hint-target=true]{outline:3px dashed var(--color-warning);outline-offset:-5px}.picture-sudoku-board>button[data-hint-peer=true]{background-image:repeating-linear-gradient(135deg,transparent 0,transparent 8px,color-mix(in srgb,var(--color-warning) 15%,transparent) 8px,color-mix(in srgb,var(--color-warning) 15%,transparent) 12px)}.picture-sudoku-board>button[data-conflict=true]{box-shadow:inset 0 0 0 4px var(--color-error)}.picture-sudoku-board>button:focus-visible,.picture-sudoku-token-button:focus-visible,.picture-sudoku-actions button:focus-visible,.picture-sudoku-product-actions button:focus-visible{z-index:1;outline:3px solid var(--color-primary);outline-offset:2px}.picture-sudoku-token{width:100%;height:100%;fill:var(--picture-sudoku-coral, var(--color-primary));stroke:var(--color-on-surface);stroke-width:2;stroke-linejoin:round}.picture-sudoku-user-mark{position:absolute;right:.2rem;bottom:0;font-weight:900}.picture-sudoku-tray,.picture-sudoku-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.picture-sudoku-product-actions{display:grid;width:100%;gap:.75rem;justify-items:center;border:1px solid var(--ui-pillar-border);border-radius:1.25rem;background:var(--color-surface);padding:1rem;box-shadow:var(--shadow-sm)}.picture-sudoku-product-actions__help{margin:0;color:var(--color-on-surface-variant);font-size:.82rem;font-weight:750;text-align:center}.picture-sudoku-token-button{position:relative;display:grid;width:78px;height:92px;gap:.25rem;place-items:center;border:1px solid var(--color-outline);border-radius:.9rem;background:var(--color-surface);padding:.55rem;touch-action:none}.picture-sudoku-token-button .picture-sudoku-token{width:3rem;height:3rem}.picture-sudoku-token-button>span{overflow:hidden;max-width:100%;color:var(--color-on-surface-variant);font-size:.7rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.picture-sudoku-token-button[data-selected=true]{border-width:3px;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}.picture-sudoku-token-button[data-hint-excluded=true]{opacity:.42}.picture-sudoku-token-button[data-hint-excluded=true]:after{position:absolute;inset:50% auto auto 50%;color:var(--color-on-surface);content:"×";font-size:2.5rem;font-weight:900;line-height:1;transform:translate(-50%,-50%)}.picture-sudoku-token-button[data-hint-answer=true]{outline:3px dashed var(--color-warning);outline-offset:2px}.picture-sudoku-actions button{display:inline-flex;min-height:44px;gap:.45rem;align-items:center;justify-content:center;border:1px solid var(--color-outline);border-radius:.85rem;background:var(--color-surface);padding:.55rem 1rem;font-weight:700}.picture-sudoku-actions button .material-symbols-outlined{color:#1e69c8;font-size:1.25rem}.picture-sudoku-action-group{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}.picture-sudoku-actions{display:grid;width:100%;gap:1rem;border-radius:1.25rem}.picture-sudoku-action-group--edit button{min-width:7rem}.picture-sudoku-action-group--puzzle{display:grid;grid-template-columns:minmax(10rem,1.35fr) repeat(2,minmax(9rem,1fr))}.picture-sudoku-action-group--puzzle button{min-height:4.5rem}.picture-sudoku-new-action{border-color:var(--picture-sudoku-coral)!important;background:linear-gradient(135deg,#ff665c,#ff4d48)!important;color:var(--color-on-brand);box-shadow:0 .55rem 1.1rem #ff5b5233}.picture-sudoku-new-action .material-symbols-outlined{color:inherit!important}.picture-sudoku-bottom-tip{display:flex;min-height:4.25rem;gap:.8rem;align-items:center;border:1px solid #c9e1fa;border-radius:1rem;background:linear-gradient(90deg,#f5fbff,#fffdf8);padding:.8rem 1rem}.picture-sudoku-bottom-tip>.material-symbols-outlined{color:#ffb51f;font-size:1.8rem}.picture-sudoku-bottom-tip p{margin:0;color:var(--color-on-surface-variant);font-size:.82rem;line-height:1.5}.picture-sudoku-completion{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.9rem;border:1px solid color-mix(in srgb,var(--color-success) 45%,var(--color-outline));border-radius:1.1rem;background:color-mix(in srgb,var(--color-success) 8%,var(--color-surface));padding:1rem}.picture-sudoku-completion>.material-symbols-outlined{color:var(--color-success);font-size:2rem}.picture-sudoku-completion h2{font-family:var(--font-headline);font-size:1rem;font-weight:900}.picture-sudoku-completion p{margin-top:.2rem;color:var(--color-on-surface-variant);font-size:.82rem}.picture-sudoku-completion button,.picture-sudoku-completion a{min-height:44px;border:1px solid var(--color-outline);border-radius:999px;background:var(--color-surface);padding:.65rem .9rem;color:var(--color-on-surface);font-weight:800}.picture-sudoku-completion button{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-brand)}@media(max-width:47.999rem){.picture-sudoku-overview-shell .puzzle-experience-overview-hero__actions{display:grid;grid-template-columns:1fr}.picture-sudoku-overview-shell .puzzle-experience-action{width:100%}.picture-sudoku-overview-preview{padding-inline:var(--space-3)}.picture-sudoku-display-board--hero{--picture-sudoku-display-size: 22rem}.picture-sudoku-print-sheets{min-height:17rem}}@media(min-width:64rem){.picture-sudoku-stage{border:1px solid var(--ui-pillar-border);border-radius:1.25rem;background:var(--color-surface);padding:clamp(1rem,2vw,1.5rem)}}@media(max-width:63.999rem){.picture-sudoku-stage{order:1}.picture-sudoku-product-actions{order:2}}@media(max-width:30rem){.picture-sudoku-workspace,.picture-sudoku-overview-breadcrumb{padding-inline:.75rem}.picture-sudoku-board>button{padding:8%}.picture-sudoku-tray{flex-wrap:nowrap;gap:.5rem}.picture-sudoku-token-button{width:68px;height:82px}.picture-sudoku-token-button .picture-sudoku-token{width:2.6rem;height:2.6rem}.picture-sudoku-action-group--puzzle{grid-template-columns:1fr}.picture-sudoku-completion{grid-template-columns:auto minmax(0,1fr)}.picture-sudoku-completion button,.picture-sudoku-completion a{grid-column:1 / -1;text-align:center}}.picture-sudoku-stage{min-height:0}.picture-sudoku-board{width:min(100%,36rem);overflow:hidden;border-color:var(--ui-pillar-dark);border-radius:var(--radius-md);box-shadow:0 1rem 2.5rem color-mix(in srgb,var(--ui-pillar-dark) 9%,transparent)}.picture-sudoku-product-actions{display:grid;grid-template-columns:minmax(9rem,.7fr) minmax(0,1.3fr);align-items:center;justify-items:stretch;border-color:var(--color-outline-variant);background:var(--color-surface);padding:var(--space-4);box-shadow:var(--shadow-xs)}.picture-sudoku-product-actions__help{text-align:start}.picture-sudoku-tray{display:grid;grid-template-columns:repeat(4,minmax(4.5rem,1fr))}.picture-sudoku-token-button{display:grid;width:100%;height:auto;min-height:5.5rem;grid-template-rows:3.25rem auto;gap:var(--space-1);place-items:center;padding:var(--space-2)}.picture-sudoku-token-button .picture-sudoku-token{width:3.25rem;height:3.25rem}.picture-sudoku-token-button>span{overflow:hidden;max-width:100%;color:var(--color-on-surface-variant);font-size:var(--text-xs);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.picture-sudoku-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:stretch}.picture-sudoku-action-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);background:var(--color-surface);padding:var(--space-3);box-shadow:var(--shadow-xs)}.picture-sudoku-actions button{display:inline-flex;gap:var(--space-2);align-items:center;justify-content:center;border-radius:var(--radius-lg)}.picture-sudoku-new-action{background:linear-gradient(135deg,var(--color-error),color-mix(in srgb,var(--color-error) 70%,var(--color-warning)))!important;border-color:transparent!important}.picture-sudoku-bottom-tip{position:relative;display:grid;min-height:5rem;grid-column:1 / -1;grid-template-columns:auto minmax(0,1fr) minmax(8rem,28%);align-items:center;gap:var(--space-3);overflow:hidden;border:1px solid color-mix(in srgb,var(--color-warning) 32%,var(--color-outline-variant));border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-warning-50) 58%,var(--color-surface));padding:var(--space-3) var(--space-4)}.picture-sudoku-bottom-tip>.material-symbols-outlined{color:var(--color-warning);font-size:2rem}.picture-sudoku-bottom-tip p{z-index:1;margin:0;color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.picture-sudoku-bottom-tip img{position:absolute;right:0;width:min(21rem,40%);height:100%;object-fit:cover;object-position:right center;mix-blend-mode:multiply}@media(max-width:63.999rem){.picture-sudoku-product-actions,.picture-sudoku-actions{grid-template-columns:1fr}.picture-sudoku-bottom-tip{display:none}}@media(max-width:35rem){.picture-sudoku-tray{grid-template-columns:repeat(4,minmax(3.5rem,1fr))}.picture-sudoku-token-button{min-height:4.75rem}}@media(prefers-reduced-motion:reduce){.picture-sudoku-page *,.picture-sudoku-page *:before,.picture-sudoku-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(forced-colors:active){.picture-sudoku-display-board,.picture-sudoku-display-cell,.picture-sudoku-candidate-tray,.picture-sudoku-candidate-tray li,.picture-sudoku-print-sheet__page{border-color:CanvasText;box-shadow:none}.picture-sudoku-display-cell[data-target=true],.picture-sudoku-display-cell[data-revealed=true],.picture-sudoku-candidate-tray li[data-answer=true]{outline:3px solid Highlight;outline-offset:-3px}.picture-sudoku-board{border-color:CanvasText}.picture-sudoku-board>button[data-region-divider-right=true],.picture-sudoku-board>button[data-region-divider-bottom=true]{border-color:CanvasText}.picture-sudoku-board>button[data-selected=true]{box-shadow:inset 0 0 0 3px Highlight}.picture-sudoku-board>button[data-hint-target=true]{outline-color:Highlight}.picture-sudoku-board>button[data-hint-peer=true]{background-image:none;outline:1px dashed Highlight;outline-offset:-3px}.picture-sudoku-board>button[data-conflict=true]{box-shadow:inset 0 0 0 4px Mark}.picture-sudoku-product-actions{border-color:CanvasText}.picture-sudoku-token-button[data-selected=true],.picture-sudoku-token-button[data-hint-answer=true]{outline-color:Highlight}}@media(min-width:64rem){.picture-sudoku-stage{width:100%;height:100%;grid-template-rows:auto minmax(0,1fr);gap:var(--space-2);border:0;border-radius:0;padding:var(--space-2);box-shadow:none}.picture-sudoku-board{width:min(36rem,calc(100cqw - 2rem),calc(100cqh - 4.75rem));max-width:100%;max-height:100%}.puzzle-play-v1__tool-tray .picture-sudoku-token-button{height:44px;min-height:44px;grid-template-rows:2rem}.puzzle-play-v1__tool-tray .picture-sudoku-token-button .picture-sudoku-token{width:2rem;height:2rem}.puzzle-play-v1__tool-tray .picture-sudoku-token-button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.puzzle-play-v1__tool-tray .picture-sudoku-product-actions{display:contents}.puzzle-play-v1__tool-tray .picture-sudoku-product-actions__help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.puzzle-play-v1__tool-tray .picture-sudoku-tray{height:44px;flex:1 1 auto}}