:root{--ev-cell:#f8f5ed;--ev-given:#e9e3d6;--ev-line:var(--ink);--ev-frame:var(--ink);--ev-ring:var(--ink);--ev-light-fill:#d9d2c2;--ev-dark:var(--acc-evenly);--ev-dark-line:color-mix(in oklab, var(--acc-evenly) 88%, var(--ink));--ev-hover:#efe9dc}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ev-cell:#201e1a;--ev-given:#2c2924;--ev-line:color-mix(in oklab, var(--ink) 42%, #201e1a);--ev-frame:color-mix(in oklab, var(--ink) 78%, #201e1a);--ev-ring:#ece6d9;--ev-light-fill:#d8d0c0;--ev-dark:var(--acc-evenly);--ev-dark-line:var(--acc-evenly);--ev-hover:#2a2722}}:root[data-theme=dark]{--ev-cell:#201e1a;--ev-given:#2c2924;--ev-line:color-mix(in oklab, var(--ink) 42%, #201e1a);--ev-frame:color-mix(in oklab, var(--ink) 78%, #201e1a);--ev-ring:#ece6d9;--ev-light-fill:#d8d0c0;--ev-dark:var(--acc-evenly);--ev-dark-line:var(--acc-evenly);--ev-hover:#2a2722}.ev-board{--frame:2px;--line:1px;aspect-ratio:1;width:100%;padding:var(--frame);grid-template-rows:repeat(var(--n), 1fr);gap:var(--line);background:var(--ev-line);box-shadow:inset 0 0 0 var(--frame) var(--ev-frame);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:grid;position:relative}.ev-row{grid-template-columns:repeat(var(--n), 1fr);gap:var(--line);min-height:0;display:grid}.ev-cell{cursor:pointer;background:var(--ev-cell);min-width:0;transition:background-color .2s var(--ease-out);place-items:center;display:grid;position:relative;overflow:hidden}.ev-cell[data-given]{background-color:var(--ev-given)}.ev-cell:focus-visible{outline:2px solid var(--focus);outline-offset:-4px;z-index:2}.ev-board[data-pointer] .ev-cell:focus-visible{outline:none}@media (hover:hover){.ev-board:not(:-webkit-any([data-solved],[data-static])) .ev-cell:not([data-given]):hover{background-color:var(--ev-hover)}.ev-board:not(:is([data-solved],[data-static])) .ev-cell:not([data-given]):hover{background-color:var(--ev-hover)}}.ev-board:not([data-solved]) .ev-cell[data-given]{cursor:default}.ev-cell[data-turn]{animation:ev-turn .24s var(--ease-out)}.ev-cell[data-turn] .ev-mark{animation:ev-disc-in .32s var(--ease-out)}@keyframes ev-turn{40%{scale:.94}}@keyframes ev-disc-in{0%{opacity:.2;scale:.6}}.ev-mark{width:76%;height:76%;overflow:visible}.ev-mark__body{fill:none;stroke:var(--ev-ring);stroke-width:1.6px}.ev-cell[data-kind=dark] .ev-mark__body{stroke:var(--ev-dark-line);stroke-width:2.2px}.ev-cell[data-given] .ev-mark__body{fill:var(--ev-light-fill);stroke:var(--ev-ring);stroke-width:1.35px}.ev-cell[data-given][data-kind=dark] .ev-mark__body{fill:var(--ev-dark)}.ev-cell[data-crowded]{box-shadow:inset 0 0 0 3px var(--alarm)}.ev-cell[data-clash]{background-image:repeating-linear-gradient(-45deg, color-mix(in oklab, var(--alarm) 40%, transparent) 0 1.5px, transparent 1.5px 6px)}.ev-cell[data-clash] .ev-mark__body{stroke:var(--alarm)}.ev-cell[data-clash] .ev-mark{animation:ev-clash .36s var(--ease-out)}@keyframes ev-clash{25%{translate:-8%}50%{translate:7%}75%{translate:-4%}}.ev-board[data-hinting] .ev-cell:not([data-hint]):before{content:"";background:color-mix(in oklab, var(--paper) 62%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.ev-board .ev-cell[data-hint=target],.ev-strip .ev-cell[data-hint=target]{box-shadow:inset 0 0 0 3px var(--ink);z-index:1;animation:1.3s ease-in-out infinite ev-hint}.ev-cell[data-hint=because]{outline:1.5px dashed var(--ink);outline-offset:-5px}@keyframes ev-hint{50%{box-shadow:inset 0 0 0 5px var(--ink)}}.ev-board[data-celebrate] .ev-cell:after{content:"";background:var(--ev-dark);opacity:0;animation:ev-swell .72s var(--ease-out) both;animation-delay:calc(var(--d) * 55ms);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.ev-board[data-celebrate] .ev-mark{animation:ev-bow .6s var(--ease-out) both;animation-delay:calc(var(--d) * 55ms + 80ms)}@keyframes ev-swell{35%{opacity:.3}}@keyframes ev-bow{50%{scale:1.16}}.ev-board[data-solved] .ev-cell{cursor:default}.ev-board[data-static]{touch-action:auto;pointer-events:none}.plate .ev-board,.thumb .ev-board{--frame:1.5px}.thumb__print>.ev-board[role],.hero__sheet>.ev-board[role],.plate__board>.ev-board[role]{filter:none}.ev-legend{flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;display:flex}.ev-legend li{align-items:center;gap:8px;display:flex}.ev-swatch{pointer-events:none;flex:none;width:30px;height:30px}.ev-swatch .ev-cell{width:100%;height:100%;box-shadow:0 0 0 1px var(--ev-line)}.ev-strip{background:var(--ev-line);width:-moz-fit-content;width:fit-content;max-width:100%;box-shadow:inset 0 0 0 2px var(--ev-frame);gap:1px;margin:4px 0 2px;padding:2px;display:flex}.ev-strip .ev-swatch{width:clamp(34px,10vw,42px);height:clamp(34px,10vw,42px)}.ev-strip .ev-swatch .ev-cell{box-shadow:none}.ev-strip .ev-cell[data-hint=target]{box-shadow:inset 0 0 0 3px var(--ink)}.ev-inline{vertical-align:middle;gap:3px;display:inline-flex}.ev-inline .ev-swatch{width:24px;height:24px}
