:root{--rc-clay:#ecdcc8;--rc-glaze:#a8432b;--rc-glaze-deep:#7d2c1b;--rc-cut:#703e24c7;--rc-lip:#fff9;--rc-ledge:#cfc8bb;--rc-ledge-active:#e6e1d6;--rc-num:var(--ink)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--rc-clay:#5d5045;--rc-glaze:#d0623d;--rc-glaze-deep:#93391f;--rc-cut:#f8e4ceb8;--rc-lip:#0006;--rc-ledge:#3a342d;--rc-ledge-active:#4d463d}}:root[data-theme=dark]{--rc-clay:#5d5045;--rc-glaze:#d0623d;--rc-glaze-deep:#93391f;--rc-cut:#f8e4ceb8;--rc-lip:#0006;--rc-ledge:#3a342d;--rc-ledge-active:#4d463d}.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{--pad:clamp(4px, 1.3cqw, 8px);--gap:clamp(2px, .55cqw, 3px);--major:clamp(2px, .7cqw, 4px);--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);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}.rc-board[data-bare] .rc-board__panel{--lead:0;--pad:clamp(3px, 2.4cqw, 6px);--gap:clamp(1.5px, 1.2cqw, 3px);--major:clamp(1px, 1.2cqw, 3px)}.rc-row{display:contents}.rc-corner{grid-area:1/1}.rc-clue{color:var(--rc-num);background:var(--rc-ledge);font-weight:720;font-size:clamp(11px, calc(var(--s) * .46), 20px);font-variant-numeric:tabular-nums;transition:background-color .16s var(--ease-out);border-radius:3px;gap:0;line-height:1;display:flex}.rc-clue--row{padding-right:calc(var(--s) * .14);justify-content:flex-end;align-items:center}.rc-clue--col{padding-bottom:calc(var(--s) * .12);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:.34}.rc-clue[data-active]{background:var(--rc-ledge-active);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--ink) 35%, transparent)}.rc-clue[data-state=over]{color:var(--alarm);box-shadow:inset 0 0 0 2px var(--alarm)}.rc-clue[data-state=over] span{opacity:1}.rc-cell{--tile:var(--rc-clay);cursor:pointer;background:radial-gradient(120% 100% at 30% 20%, #ffffff29, #fff0 55%), radial-gradient(farthest-corner at 50% 45%, #0000 62%, #0000001f 100%), url(/textures/glaze.webp) var(--tx,0) var(--ty,0) / 230px 230px, var(--tile);background-blend-mode:normal, normal, soft-light, normal;filter:brightness(var(--v,1));transition:filter .16s var(--ease-out), background-color .16s var(--ease-out);border-radius:3px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,inset 0 -1.5px 1px #0000001f}.rc-cell[data-kind=filled]{--tile:var(--rc-glaze);background:linear-gradient(155deg, #ffffff57, #fff0 38%), radial-gradient(farthest-corner at 50% 40%, #0000 50%, color-mix(in oklab, var(--rc-glaze-deep) 70%, transparent) 100%), url(/textures/glaze.webp) var(--tx,0) var(--ty,0) / 230px 230px, var(--tile);background-blend-mode:normal, normal, overlay, normal;box-shadow:inset 0 1px #ffffff52,inset 0 -2px 1px #00000047}.rc-x{width:62%;height:62%;animation:rc-x-in .16s var(--ease-out);overflow:visible}.rc-x path{fill:none;stroke-linecap:round}.rc-x__lip{stroke:var(--rc-lip);stroke-width:2.2px}.rc-x__cut{stroke:var(--rc-cut);stroke-width:2.4px}.rc-cell[data-kind=auto] .rc-x{opacity:.55;width:40%;height:40%}@keyframes rc-x-in{0%{opacity:0;transform:scale(.4)}}.rc-cell:focus-visible{outline:3px solid var(--ink);outline-offset:-3px;z-index:2}:root[data-theme=dark] .rc-cell:focus-visible{outline-color:var(--focus)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .rc-cell:focus-visible{outline-color:var(--focus)}}@media (hover:hover){.rc-board:not([data-solved]) .rc-cell:hover{filter:brightness(calc(var(--v,1) * 1.06))}}.rc-cell[data-press]{animation:rc-press .24s var(--ease-out)}@keyframes rc-press{40%{transform:scale(.9)}}.rc-board[data-hinting] .rc-cell:not([data-hint]):before{content:"";background:color-mix(in oklab, var(--ground) 55%, 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(--gold), inset 0 0 0 5px var(--gold-ink);animation:rc-hint 1.2s var(--ease-out) infinite;z-index:1}.rc-clue[data-hint=because]{background:var(--gold);color:var(--gold-ink)}.rc-clue[data-hint=because] span[data-done]{opacity:.45}@keyframes rc-hint{50%{filter:brightness(calc(var(--v,1) * 1.12))}}.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:.34}.rc-board[data-celebrate] .rc-cell[data-kind=filled]{animation:rc-fire .72s var(--ease-out) both;animation-delay:calc(var(--d) * 40ms)}@keyframes rc-fire{35%{filter:brightness(calc(var(--v,1) * 1.35));transform:scale(1.06)}}.rc-board[data-static] .rc-board__panel{touch-action:auto;pointer-events:none;box-shadow:inset 0 0 0 1px var(--grout-line)}.rc-board[data-static] .rc-cell{border-radius:2px}.plate .rc-board[data-bare] .rc-board__panel{border-radius:8px}.week .week__day[data-done=true] .week__tile{background:conic-gradient(var(--rc-glaze) 0 25%, var(--rc-clay) 0 50%, var(--rc-glaze) 0 75%, var(--rc-clay) 0) center / 50% 50%, var(--rc-clay);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--rc-glaze-deep) 50%, transparent)}.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}
