.calcudoku-board{aspect-ratio:1;width:100%;max-width:480px;margin:8px auto 12px;position:relative}.calcudoku-tray{position:absolute;inset:0}.calcudoku-tray svg{width:100%;height:100%;display:block}.calcudoku-grid{inset:var(--calcudoku-inset,3.7%);grid-template-columns:repeat(var(--calcudoku-n,4), minmax(0, 1fr));display:grid;position:absolute;container-type:inline-size}.calcudoku-cell{--cell:calc(100cqw / var(--calcudoku-n,4));aspect-ratio:1;min-width:0;min-height:0;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.calcudoku-cell:before{content:"";background:0 0;border-radius:10%;transition:background-color .16s ease-out,box-shadow .16s ease-out;position:absolute;inset:5%}.calcudoku-cell[data-cage-state=done]:before{background:#17634c29}.calcudoku-cell[data-cage-state=wrong]:before{background:#a8412a26}.calcudoku-cell[data-selected=true]:before{box-shadow:inset 0 0 0 3px var(--accent)}.calcudoku-cell[data-refused=true]:before{box-shadow:inset 0 0 0 3px var(--bad);background:#a8412a38;animation:.24s ease-out calcudoku-refused}.calcudoku-cell[data-wrong=true]:before{box-shadow:inset 0 -5px 0 0 var(--bad);background:#a8412a38}.calcudoku-cell[data-wrong=true] .calcudoku-value{color:#8c3421}.calcudoku-cell[data-wrong=true][data-selected=true]:before{box-shadow:inset 0 -5px 0 0 var(--bad), inset 0 0 0 3px var(--accent)}.calcudoku-cell[data-wrong=true][data-refused=true]:before{box-shadow:inset 0 -5px 0 0 var(--bad), inset 0 0 0 3px var(--bad)}.calcudoku-cell:focus-visible{outline:3px solid var(--accent);outline-offset:-4px;z-index:2;border-radius:10%}@media (hover:hover){.calcudoku-cell:hover:before{background:#26190c17}.calcudoku-cell[data-cage-state=done]:hover:before{background:#17634c38}.calcudoku-cell[data-cage-state=wrong]:hover:before{background:#a8412a33}}.calcudoku-tag{font-size:calc(var(--cell) * .27);color:#26190c;white-space:nowrap;font-weight:700;line-height:1;position:absolute;top:6%;left:9%}.calcudoku-cell[data-cage-state=done] .calcudoku-tag{color:#0f4c39}.calcudoku-cell[data-cage-state=done] .calcudoku-tag:after{content:"✓";margin-left:.18em}.calcudoku-cell[data-cage-state=wrong] .calcudoku-tag{color:#8c3421;text-underline-offset:var(--underline-offset);text-decoration:underline wavy}.calcudoku-value{font-size:calc(var(--cell) * .5);font-variant-numeric:tabular-nums;color:var(--ink);transform:translateY(var(--calcudoku-lift,6%));font-weight:600;line-height:1}.calcudoku-cell[data-filled=true] .calcudoku-value{animation:.17s ease-out calcudoku-land}.calcudoku-notes{font-size:calc(var(--cell) * .2);color:#4a5a50;grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;font-weight:600;line-height:1;display:grid;position:absolute;inset:26% 10% 9%}.calcudoku-notes>span[data-on=false]{visibility:hidden}.calcudoku-cell[data-filled=true] .calcudoku-notes{display:none}@keyframes calcudoku-land{0%{opacity:0;transform:translateY(var(--calcudoku-lift,6%)) scale(.7)}to{opacity:1;transform:translateY(var(--calcudoku-lift,6%)) scale(1)}}@keyframes calcudoku-refused{0%,to{transform:translate(0)}25%{transform:translate(-4%)}75%{transform:translate(4%)}}@media (prefers-reduced-motion:reduce){.calcudoku-cell:before{transition:none}.calcudoku-cell[data-filled=true] .calcudoku-value,.calcudoku-cell[data-refused=true]:before{animation:none}}.calcudoku-message{border-left:4px solid var(--accent);background:var(--card);min-height:calc(1.5em + 12px);color:var(--ink);border-radius:6px;align-items:center;margin:0 0 8px;padding:6px 10px 6px 12px;font-size:.875rem;line-height:1.5;display:flex}.calcudoku-message[data-kind=refused],.calcudoku-message[data-kind=wrong]{border-left-color:var(--bad)}.calcudoku-message:empty{background:0 0;border-left-color:#0000}.calcudoku-practice:not([data-phase=playing]):not([data-phase=results]) .calcudoku-message,.calcudoku-practice[data-phase=results] .calcudoku-message:empty,.calcudoku-practice[data-phase=playing] .practice-launch{display:none}.calcudoku-palette{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:8px;margin-bottom:16px;display:grid}.calcudoku-key{border:1px solid var(--control-border);border-radius:var(--control-radius,12px);background:var(--card);min-width:44px;min-height:48px;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;place-items:center;padding:2px;font-size:1.25rem;font-weight:650;line-height:1.2;display:grid}.calcudoku-erase{grid-column:span 2;font-size:.9375rem}.calcudoku-key:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.calcudoku-key:active{background:var(--mint)}@media (hover:hover){.calcudoku-key:hover{background:var(--accent-soft)}}.calcudoku-tools{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.calcudoku-tools .btn{flex:140px;width:auto;min-height:48px}.calcudoku-tools [aria-pressed=true]{background:var(--mint);outline:2px solid var(--accent);outline-offset:-2px}.calcudoku-answer{flex:100%}.calcudoku-answer summary{min-height:44px;color:var(--muted);cursor:pointer;align-items:center;font-size:.875rem;font-weight:650;display:flex}.calcudoku-answer summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.calcudoku-answer p{margin:0 0 8px;font-size:.875rem}.calcudoku-answer .btn{width:100%;min-height:48px}.calcudoku-cages{color:var(--muted);margin:0 0 12px;font-size:.875rem}.calcudoku-cages summary{min-height:var(--fold-height);cursor:pointer;align-items:center;font-weight:600;display:flex}.calcudoku-cages summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.calcudoku-cages ul{margin:0;padding-left:20px}.calcudoku-cages li{padding:2px 0;line-height:1.5}.calcudoku-cages li[data-state=done]{color:var(--accent)}.calcudoku-cages li[data-state=wrong]{color:var(--bad)}.calcudoku-count{font-variant-numeric:tabular-nums;margin:0 0 4px;font-size:.875rem;font-weight:600}.calcudoku-counts{flex-wrap:wrap;gap:2px 18px;margin-bottom:4px;display:flex}.calcudoku-counts .calcudoku-count{margin:0}#calcudoku-rules p{margin:8px 0 0;font-size:.9375rem}#calcudoku-board-help{margin:0 0 8px}#calcudoku-setting{margin:8px 0 0;font-weight:600}.calcudoku-example{text-align:center;max-width:208px;margin:12px auto 4px}.calcudoku-example svg{border-radius:10px;width:100%;height:auto;display:block}.calcudoku-example figcaption{margin-top:6px}.calcudoku-practice .board-metrics{gap:16px 32px}.calcudoku-practice .board-metrics dd{font-size:1.75rem}#calcudoku-result-limits{margin-bottom:12px}@media (width<=30em){#calcudoku-app .calcudoku-stage{padding:8px 8px 16px}.practice-main:has(.calcudoku-practice){padding-top:8px}.calcudoku-practice .practice-stats{margin-block:8px 4px;padding-block:6px}.calcudoku-counts{margin-bottom:0}.calcudoku-practice #calcudoku-instruction{margin-bottom:8px}.calcudoku-message{margin-bottom:4px}.calcudoku-tools .btn{flex:100px}.calcudoku-practice .board-metrics{gap:12px 24px}.calcudoku-practice .board-metrics dd{font-size:1.5rem}.calcudoku-palette{gap:4px;margin-bottom:8px}.calcudoku-erase{grid-column:span 1;font-size:.8125rem}.calcudoku-board{margin-bottom:4px}}@media (width<=22.5em){.practice-main:has(.calcudoku-practice){padding-inline:16px}#calcudoku-app .calcudoku-stage{padding:16px 2px}.calcudoku-erase{grid-column:span 2;font-size:.875rem}.calcudoku-tools .btn{flex:140px}}@media (forced-colors:active){.calcudoku-tray{display:none}.calcudoku-grid{border:3px solid canvastext;inset:0}.calcudoku-cell{color:canvastext;background:canvas;border:1px solid canvastext}.calcudoku-cell[data-wall-top=true]{border-top-width:3px}.calcudoku-cell[data-wall-right=true]{border-right-width:3px}.calcudoku-cell[data-wall-bottom=true]{border-bottom-width:3px}.calcudoku-cell[data-wall-left=true]{border-left-width:3px}.calcudoku-tag,.calcudoku-value,.calcudoku-notes{color:canvastext}.calcudoku-cell{--calcudoku-lift:26%}.calcudoku-notes{inset:34% 10% 4%}.calcudoku-cell:before,.calcudoku-cell[data-cage-state=done]:before,.calcudoku-cell[data-cage-state=wrong]:before{background:canvas}.calcudoku-cell[data-selected=true]:before{box-shadow:inset 0 0 0 3px highlight}.calcudoku-cell[data-refused=true]:before{background:canvas;box-shadow:inset 0 0 0 3px highlight}.calcudoku-cell[data-wrong=true]:before{box-shadow:none;background:canvas}.calcudoku-cell[data-wrong=true] .calcudoku-value{color:canvastext;text-underline-offset:.12em;text-decoration:underline 3px}.calcudoku-cell[data-wrong=true][data-selected=true]:before{box-shadow:inset 0 0 0 3px highlight}.calcudoku-message{color:canvastext;background:canvas;border-left-color:canvastext}.calcudoku-message:empty{visibility:hidden}.calcudoku-key{forced-color-adjust:none;color:canvastext;background:canvas;border-color:canvastext}.calcudoku-key:hover,.calcudoku-key:active{background:canvas}}@media (width<=40.625em){.calcudoku-palette{z-index:2;background:var(--subject-surface,var(--card));box-shadow:0 -8px 0 var(--subject-surface,var(--card)), 0 8px 0 var(--subject-surface,var(--card));margin-inline:-4px;padding:0 4px;position:sticky;bottom:0}.calcudoku-cell{scroll-margin-bottom:72px}}