:root{--rc-cell:#f8f5ed;--rc-line:var(--ink);--rc-frame:var(--ink);--rc-fill:color-mix(in oklab, var(--acc-rowcall) 85%, var(--ink));--rc-dot:color-mix(in oklab, var(--ink) 62%, transparent);--rc-hover:#efe9dc;--rc-clue:var(--ink-soft);--rc-lane:color-mix(in oklab, var(--paper-deep) 70%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--rc-cell:#201e1a;--rc-line:color-mix(in oklab, var(--ink) 42%, #201e1a);--rc-frame:color-mix(in oklab, var(--ink) 78%, #201e1a);--rc-fill:color-mix(in oklab, var(--acc-rowcall) 85%, #201e1a);--rc-dot:color-mix(in oklab, var(--ink) 62%, transparent);--rc-hover:#2a2722;--rc-clue:var(--ink-soft);--rc-lane:color-mix(in oklab, var(--paper-deep) 80%, transparent)}}:root[data-theme=dark]{--rc-cell:#201e1a;--rc-line:color-mix(in oklab, var(--ink) 42%, #201e1a);--rc-frame:color-mix(in oklab, var(--ink) 78%, #201e1a);--rc-fill:color-mix(in oklab, var(--acc-rowcall) 85%, #201e1a);--rc-dot:color-mix(in oklab, var(--ink) 62%, transparent);--rc-hover:#2a2722;--rc-clue:var(--ink-soft);--rc-lane:color-mix(in oklab, var(--paper-deep) 80%, transparent)}.page-game .game{--board-gutter:clamp(6px, 1.6vw, 24px)}.game__board.rc-slot{aspect-ratio:auto}.rc-slot .board-skeleton{aspect-ratio:1;height:auto}.rc-board{width:100%;container-type:inline-size}.rc-board__panel{--frame:2px;--pad:var(--frame);--gap:1px;--major:0px;--lead:.3;--s:calc((100cqw - 2 * var(--pad) - var(--gaps) * var(--gap) - var(--majors) * var(--major)) / (var(--n) + var(--rk) * .5 + var(--lead)));--clue-w:calc(var(--s) * (var(--rk) * .5 + var(--lead)));--clue-h:calc(var(--s) * (var(--ck) * .54 + var(--lead)));gap:var(--gap);padding:var(--pad);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:grid;position:relative}.rc-board__panel:before{content:"";margin:calc(-1 * var(--frame));background:var(--rc-line);box-shadow:inset 0 0 0 var(--frame) var(--rc-frame);grid-area:2/2/-1/-1}.rc-board[data-bare] .rc-board__panel{--lead:0}.rc-board[data-bare] .rc-board__panel:before{grid-area:1/1/-1/-1}.rc-row{display:contents}.rc-corner{grid-area:1/1}.rc-clue{color:var(--rc-clue);font-family:var(--serif);font-weight:420;font-size:min(22px, calc(var(--s) * .52));font-variant-numeric:lining-nums tabular-nums;transition:background-color .16s var(--ease-out), color .16s var(--ease-out);gap:0;line-height:1;display:flex}.rc-board:not([data-static]) .rc-clue{font-size:clamp(10px, calc(var(--s) * .52), 22px)}.rc-clue--row{padding-right:calc(var(--s) * .16);justify-content:flex-end;align-items:center}.rc-clue--col{padding-bottom:calc(var(--s) * .14);flex-direction:column;justify-content:flex-end;align-items:center}.rc-clue span{transition:opacity .2s var(--ease-out);place-items:center;display:grid}.rc-clue--row span{width:calc(var(--s) * .5)}.rc-clue--col span{height:calc(var(--s) * .54)}.rc-clue span[data-done]{opacity:.45}.rc-clue[data-active]{color:var(--ink);background:var(--rc-lane)}.rc-clue[data-state=over]{color:var(--alarm);box-shadow:inset 0 0 0 3px var(--alarm);animation:rc-clash .36s var(--ease-out)}.rc-clue[data-state=over] span{opacity:1}.rc-cell{cursor:pointer;background:var(--rc-cell);transition:background-color .16s var(--ease-out);place-items:center;display:grid;position:relative;overflow:hidden}.rc-cell[data-kind=filled]{background:var(--rc-fill)}.rc-x{width:100%;height:100%;animation:rc-x-in .16s var(--ease-out);overflow:visible}.rc-x path{fill:none;stroke:var(--rc-dot);stroke-width:1.35px;stroke-linecap:round}.rc-cell[data-kind=auto] .rc-x{opacity:.6;scale:.62}@keyframes rc-x-in{0%{scale:.3}}.rc-cell:focus-visible{outline:2px solid var(--focus);outline-offset:-4px;z-index:2}.rc-cell[data-kind=filled]:focus-visible{outline-color:var(--rc-cell)}@media (hover:hover){.rc-board:not(:-webkit-any([data-solved],[data-static])) .rc-cell:not([data-kind=filled]):hover{background-color:var(--rc-hover)}.rc-board:not(:is([data-solved],[data-static])) .rc-cell:not([data-kind=filled]):hover{background-color:var(--rc-hover)}}.rc-cell[data-press]{animation:rc-press .24s var(--ease-out)}@keyframes rc-press{40%{scale:.94}}@keyframes rc-clash{25%{translate:-3px}50%{translate:3px}75%{translate:-1.5px}}.rc-board[data-hinting] .rc-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}.rc-board .rc-cell[data-hint=target]{box-shadow:inset 0 0 0 3px var(--ink);z-index:1;animation:1.3s ease-in-out infinite rc-hint}.rc-board .rc-cell[data-kind=filled][data-hint=target]{--hint-ring:var(--rc-cell);box-shadow:inset 0 0 0 3px var(--rc-cell)}.rc-clue[data-hint=because]{color:var(--ink);outline:1.5px dashed var(--ink);outline-offset:-3px}@keyframes rc-hint{50%{box-shadow:inset 0 0 0 5px var(--hint-ring,var(--ink))}}.rc-board[data-solved] .rc-cell{cursor:default}.rc-board[data-solved] .rc-x{opacity:0;transition:opacity .3s var(--ease-out)}.rc-board[data-solved] .rc-clue span{opacity:.45}.rc-board[data-celebrate] .rc-cell:after{content:"";background:var(--acc-rowcall);opacity:0;animation:rc-swell .72s var(--ease-out) both;animation-delay:calc(var(--m) * 55ms);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.rc-board[data-celebrate] .rc-cell[data-kind=filled]{animation:rc-bow .6s var(--ease-out) both;animation-delay:calc(var(--m) * 55ms + 80ms)}@keyframes rc-swell{35%{opacity:.3}}@keyframes rc-bow{50%{scale:1.08}}.rc-board[data-static] .rc-board__panel{touch-action:auto;pointer-events:none}.plate .rc-board__panel,.thumb .rc-board__panel{--frame:1.5px}.thumb__print>.rc-board.rc-board,.hero__sheet>.rc-board.rc-board,.plate__board>.rc-board.rc-board{filter:none}.week .week__day[data-done=true] .week__tile{background:conic-gradient(var(--rc-fill) 0 25%, var(--rc-cell) 0 50%, var(--rc-fill) 0 75%, var(--rc-cell) 0) center / 50% 50%, var(--rc-cell);box-shadow:inset 0 0 0 1px var(--rc-line)}.dialog__body .help-example{justify-self:center;width:min(250px,66vw)}.rc-figure{grid-template-columns:1fr 1fr;gap:12px;max-width:460px;margin:8px 0;display:grid}.rc-figure--line{grid-template-columns:1fr;max-width:420px}.rc-figure figcaption{color:var(--ink-soft);grid-column:1/-1;font-size:.875rem}
