:root{--ev-open:#d9cdb6;--ev-light:#f7f2e8;--ev-light-mark:#b3a07c;--ev-light-fill:#cbb994;--ev-dark:#26314f;--ev-dark-mark:#9fb3dc;--ev-dark-fill:#6b80b0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ev-open:#6b6255;--ev-light:#e9e1d1;--ev-light-mark:#9b8865;--ev-light-fill:#b7a47f;--ev-dark:#19213a;--ev-dark-mark:#8ea3d2;--ev-dark-fill:#5d72a6}}:root[data-theme=dark]{--ev-open:#6b6255;--ev-light:#e9e1d1;--ev-light-mark:#9b8865;--ev-light-fill:#b7a47f;--ev-dark:#19213a;--ev-dark-mark:#8ea3d2;--ev-dark-fill:#5d72a6}.ev-board{--gap:clamp(2px, .6vw, 3px);--pad:clamp(4px, 1.1vw, 6px);aspect-ratio:1;width:100%;padding:var(--pad);grid-template-rows:repeat(var(--n), 1fr);gap:var(--gap);border-radius:var(--radius-m);background:var(--grout);box-shadow:inset 0 0 0 1px var(--grout-line), var(--shadow);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:grid;position:relative}.ev-board[data-size="10"]{--gap:clamp(1.5px, .45vw, 3px)}.ev-row{grid-template-columns:repeat(var(--n), 1fr);gap:var(--gap);min-height:0;display:grid}.ev-cell{--face:var(--ev-open);--v:1;cursor:pointer;background:radial-gradient(130% 110% at 28% 18%, #ffffff38, #fff0 52%), radial-gradient(farthest-corner at 50% 45%, #0000 60%, #00000029 100%), url(/textures/glaze.webp) var(--tx,0) var(--ty,0) / 230px 230px, var(--face);background-blend-mode:normal, normal, overlay, normal;min-width:0;filter:brightness(var(--v));transition:filter .18s var(--ease-out), box-shadow .22s var(--ease-out);border-radius:3px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff52,inset 0 -2px 1px #00000029}.ev-cell[data-kind=open]{background:url(/textures/glaze.webp) var(--tx,0) var(--ty,0) / 230px 230px, var(--face);background-blend-mode:soft-light, normal;box-shadow:inset 0 2px 2px #0000001f,inset 0 -1px #ffffff40}.ev-cell[data-kind=light]{--face:var(--ev-light);--mark:var(--ev-light-mark);--mark-fill:var(--ev-light-fill)}.ev-cell[data-kind=dark]{--face:var(--ev-dark);--mark:var(--ev-dark-mark);--mark-fill:var(--ev-dark-fill)}.ev-cell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:2}@media (hover:hover){.ev-board:not([data-solved]) .ev-cell:not([data-given]):hover{filter:brightness(calc(var(--v) * 1.07))}}.ev-board:not([data-solved]) .ev-cell[data-given]{cursor:default}.ev-cell[data-turn]{animation:ev-turn .22s var(--ease-out)}@keyframes ev-turn{35%{filter:brightness(calc(var(--v) * .8));transform:scaleY(.2)}}.ev-mark{width:70%;height:70%;overflow:visible}.ev-mark__well{fill:none;stroke:#00000038;stroke-width:2.4px}.ev-mark__body{fill:none;stroke:var(--mark);stroke-width:2.4px}.ev-mark__shine{fill:none;stroke:none;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.ev-cell[data-given] .ev-mark__well{fill:#00000047;stroke:none}.ev-cell[data-given] .ev-mark__body{fill:var(--mark-fill);stroke:color-mix(in oklab, var(--mark-fill) 70%, #000);stroke-width:.8px}.ev-cell[data-given] .ev-mark__shine{stroke:#ffffffb3}.ev-cell[data-given][data-kind=dark] .ev-mark__shine{stroke:#ffffff73}.ev-cell[data-crowded]:before{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--alarm) 85%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.ev-cell[data-clash]:after{content:"";background:repeating-linear-gradient(135deg, color-mix(in oklab, var(--alarm) 60%, transparent) 0 2px, transparent 2px 7px);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.ev-cell[data-clash] .ev-mark__body{stroke:var(--alarm)}.ev-board[data-hinting] .ev-cell:not([data-hint]){box-shadow:inset 0 0 0 100px color-mix(in oklab, var(--ground) 62%, transparent)}.ev-board .ev-cell[data-hint=target],.ev-strip .ev-cell[data-hint=target]{box-shadow:inset 0 0 0 3px var(--gold), inset 0 0 0 5px var(--gold-ink);animation:ev-hint 1.2s var(--ease-out) infinite;z-index:1}.ev-cell[data-hint=because]{box-shadow:inset 0 0 0 2px var(--gold-deep)}@keyframes ev-hint{50%{filter:brightness(calc(var(--v) * 1.16))}}.ev-board[data-celebrate] .ev-cell{animation:ev-wave .56s var(--ease-out) both;animation-delay:calc(var(--d) * 40ms)}@keyframes ev-wave{40%{filter:brightness(calc(var(--v) * 1.14));transform:translateY(-9%)scale(1.04)}}.ev-board[data-solved] .ev-cell{cursor:default}.ev-board[data-static]{touch-action:auto;pointer-events:none;box-shadow:inset 0 0 0 1px var(--grout-line)}.ev-board[data-static] .ev-cell{border-radius:2px}.plate .ev-board{--pad:3px;--gap:1.5px;border-radius:8px}.plate .ev-cell{border-radius:1.5px}.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:inset 0 0 0 1px var(--grout-line), inset 0 -2px 1px #00000029}.ev-strip{background:var(--grout);width:-moz-fit-content;width:fit-content;max-width:100%;box-shadow:inset 0 0 0 1px var(--grout-line);border-radius:9px;gap:3px;margin:4px 0 2px;padding:4px;display:flex}.ev-strip .ev-swatch{width:clamp(34px,10vw,42px);height:clamp(34px,10vw,42px)}.ev-inline{vertical-align:middle;gap:3px;display:inline-flex}.ev-inline .ev-swatch{width:24px;height:24px}.page-evenly .week__day[data-done=true] .week__tile{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6.5' y='6.5' width='11' height='11' rx='2' fill='%236b80b0' stroke='%239fb3dc' stroke-width='1.2'/%3E%3C/svg%3E") center / 70% no-repeat, var(--ev-dark)}
