:root{--rt-cell:#f8f5ed;--rt-line:var(--ink);--rt-frame:var(--ink);--rt-hover:#efe9dc;--rt-peer:#f1ece0;--rt-clue:var(--ink-soft);--rt-given:var(--ink);--rt-num:color-mix(in oklab, var(--acc-rooftops) 78%, var(--ink));--rt-bldg:var(--acc-rooftops);--rt-bldg-fill:color-mix(in oklab, var(--acc-rooftops) 20%, #f8f5ed);--rt-given-fill:color-mix(in oklab, var(--ink) 9%, #f8f5ed);--rt-note:var(--ink-soft)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--rt-cell:#201e1a;--rt-line:color-mix(in oklab, var(--ink) 42%, #201e1a);--rt-frame:color-mix(in oklab, var(--ink) 78%, #201e1a);--rt-hover:#2a2722;--rt-peer:#262420;--rt-clue:var(--ink-soft);--rt-given:#cbc3b2;--rt-num:color-mix(in oklab, var(--acc-rooftops) 80%, var(--ink));--rt-bldg:var(--acc-rooftops);--rt-bldg-fill:color-mix(in oklab, var(--acc-rooftops) 22%, #201e1a);--rt-given-fill:color-mix(in oklab, var(--ink) 10%, #201e1a);--rt-note:var(--ink-soft)}}:root[data-theme=dark]{--rt-cell:#201e1a;--rt-line:color-mix(in oklab, var(--ink) 42%, #201e1a);--rt-frame:color-mix(in oklab, var(--ink) 78%, #201e1a);--rt-hover:#2a2722;--rt-peer:#262420;--rt-clue:var(--ink-soft);--rt-given:#cbc3b2;--rt-num:color-mix(in oklab, var(--acc-rooftops) 80%, var(--ink));--rt-bldg:var(--acc-rooftops);--rt-bldg-fill:color-mix(in oklab, var(--acc-rooftops) 22%, #201e1a);--rt-given-fill:color-mix(in oklab, var(--ink) 10%, #201e1a);--rt-note:var(--ink-soft)}.page-game .game{--board-gutter:clamp(6px, 1.6vw, 24px)}@media (max-width:380px){.game .rt-board{--lane:.5fr}}.rt-board{--frame:2px;--gap:1px;--lane:.62fr;aspect-ratio:1;grid-template-columns:var(--lane) var(--mid) var(--lane);grid-template-rows:var(--lane) var(--mid) var(--lane);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;gap:0;width:100%;display:grid;position:relative}.rt-panel{grid-area:2/2;grid-template-rows:repeat(var(--n), 1fr);gap:var(--gap);padding:var(--frame);background:var(--rt-line);box-shadow:inset 0 0 0 var(--frame) var(--rt-frame);min-width:0;min-height:0;display:grid}.rt-row{grid-template-columns:repeat(var(--n), 1fr);gap:var(--gap);min-height:0;display:grid}.rt-clues{gap:var(--gap);min-width:0;min-height:0;display:grid}.rt-clues[data-side=top],.rt-clues[data-side=bottom]{grid-template-columns:repeat(var(--n), 1fr);padding-inline:var(--frame)}.rt-clues[data-side=left],.rt-clues[data-side=right]{grid-template-rows:repeat(var(--n), 1fr);padding-block:var(--frame)}.rt-clues[data-side=top]{grid-area:1/2}.rt-clues[data-side=bottom]{grid-area:3/2}.rt-clues[data-side=left]{grid-area:2/1}.rt-clues[data-side=right]{grid-area:2/3}.rt-clue{color:var(--rt-clue);transition:color .16s var(--ease-out);place-items:center;display:grid;position:relative;container-type:size}.rt-clue b{font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums;transition:opacity .2s var(--ease-out);font-size:max(.6875rem,62cqmin);font-weight:420;line-height:1}.rt-clue[data-state=done] b{opacity:.45}.rt-clue[data-state=done]:before{content:"";opacity:.7;border-bottom:1.5px solid;border-left:1.5px solid;width:max(4px,14cqmin);height:max(2px,7cqmin);position:absolute;rotate:-45deg}.rt-clues[data-side=top] .rt-clue[data-state=done]:before{bottom:6%}.rt-clues[data-side=bottom] .rt-clue[data-state=done]:before{top:10%}.rt-clues[data-side=left] .rt-clue[data-state=done]:before{right:6%}.rt-clues[data-side=right] .rt-clue[data-state=done]:before{left:6%}.rt-board[data-solved] .rt-clue[data-state=done]:before{display:none}.rt-board[data-solved] .rt-clue[data-state=done] b{opacity:1}.rt-clue[data-state=broken]{box-shadow:inset 0 0 0 3px var(--alarm);color:var(--alarm)}.rt-clue[data-state=broken] b{-webkit-text-decoration:underline wavy var(--alarm) max(1px, 3cqmin);text-decoration:underline wavy var(--alarm) max(1px, 3cqmin);text-underline-offset:8cqmin;animation:rt-clash .36s var(--ease-out)}.rt-tile{cursor:pointer;background:var(--rt-cell);transition:background-color .2s var(--ease-out);place-items:center;display:grid;position:relative;overflow:hidden;container-type:size}.rt-tile[data-peer]{background-color:var(--rt-peer)}.rt-tile[data-given]{cursor:default}.rt-tile[data-given]:after{content:"";border-style:solid;border-width:18cqmin 18cqmin 0 0;border-color:var(--rt-given) transparent transparent transparent;position:absolute;top:0;left:0}.rt-tile[data-selected]{box-shadow:inset 0 0 0 2px var(--ink);z-index:2}.rt-tile:focus-visible{outline:2px solid var(--focus);outline-offset:-5px;z-index:2}.rt-tile[data-same]:not([data-selected]){box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--acc-rooftops) 70%, transparent)}@media (hover:hover){.rt-board:not(:-webkit-any([data-solved],[data-static])) .rt-tile:not(:-webkit-any([data-given],[data-selected])):hover{background-color:var(--rt-hover)}.rt-board:not(:is([data-solved],[data-static])) .rt-tile:not(:is([data-given],[data-selected])):hover{background-color:var(--rt-hover)}}.rt-tile[data-press]{animation:rt-set .24s var(--ease-out)}@keyframes rt-set{40%{scale:.94}}.rt-bldg{--stroke:var(--rt-bldg);width:62%;height:calc(var(--h) / var(--n) * 44% + 6%);box-sizing:border-box;border:max(1px, 3cqmin) solid var(--stroke);background:var(--fill,var(--rt-bldg-fill));transform-origin:50% 100%;transition:border-color .2s var(--ease-out);border-bottom:0;position:absolute;bottom:0;left:50%;translate:-50%}.rt-bldg:before{content:"";background:linear-gradient(90deg, transparent 0 6%, color-mix(in oklab, var(--stroke) 55%, transparent) 6% 38%, transparent 38% 62%, color-mix(in oklab, var(--stroke) 55%, transparent) 62% 94%, transparent 94%);-webkit-mask:linear-gradient(to bottom, transparent 0 32%, #000 32% 66%, transparent 66%) 0 0 / 100% calc(100% / var(--h));-webkit-mask:linear-gradient(to bottom, transparent 0 32%, #000 32% 66%, transparent 66%) 0 0 / 100% calc(100% / var(--h));mask:linear-gradient(to bottom, transparent 0 32%, #000 32% 66%, transparent 66%) 0 0 / 100% calc(100% / var(--h));position:absolute;top:0;bottom:0;left:14%;right:14%}.rt-tile[data-given] .rt-bldg{--stroke:var(--rt-given)}.rt-num{font-family:var(--serif);color:var(--rt-num);font-variant-numeric:lining-nums tabular-nums;align-self:start;margin-top:5cqh;font-size:max(.75rem,46cqh);font-weight:450;line-height:1;position:relative}.rt-tile[data-given]{--fill:var(--rt-given-fill)}.rt-tile[data-clash]{--fill:color-mix(in oklab, var(--alarm) 14%, var(--rt-cell))}.rt-tile[data-given] .rt-num{color:var(--rt-given);font-weight:560}.rt-tile[data-press] .rt-bldg{animation:rt-rise .32s var(--ease-out)}@keyframes rt-rise{0%{scale:1 .25}}.rt-tile[data-clash]{box-shadow:inset 0 0 0 3px var(--alarm);background-image:repeating-linear-gradient(-45deg, color-mix(in oklab, var(--alarm) 40%, transparent) 0 1.5px, transparent 1.5px 6px)}.rt-tile[data-clash] .rt-bldg{--stroke:var(--alarm)}.rt-tile[data-clash] .rt-num{color:var(--alarm);-webkit-text-decoration:underline wavy var(--alarm) max(1px, 3cqh);text-decoration:underline wavy var(--alarm) max(1px, 3cqh);text-underline-offset:6cqh;animation:rt-clash .36s var(--ease-out)}@keyframes rt-clash{25%{translate:-8%}50%{translate:7%}75%{translate:-4%}}.rt-notes{font-family:var(--sans);color:var(--rt-note);font-variant-numeric:tabular-nums;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;place-items:center;font-size:max(.5625rem,26cqh);font-weight:500;line-height:1;display:grid;position:absolute;top:8%;bottom:8%;left:8%;right:8%}.rt-notes i{font-style:normal}.rt-board[data-hinting] .rt-tile:not([data-hint]):before{content:"";z-index:1;background:color-mix(in oklab, var(--paper) 62%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.rt-board .rt-tile[data-hint=target]{box-shadow:inset 0 0 0 3px var(--ink);z-index:2;outline:0;animation:1.3s ease-in-out infinite rt-hint}.rt-clue[data-hint=because]{color:var(--ink);outline:1.5px dashed var(--ink);outline-offset:-3px}@keyframes rt-hint{50%{box-shadow:inset 0 0 0 5px var(--ink)}}.rt-board[data-celebrate] .rt-tile:after{content:"";background:var(--acc-rooftops);opacity:0;animation:rt-swell .72s var(--ease-out) both;animation-delay:calc(var(--d) * 55ms);pointer-events:none;border:0;position:absolute;top:0;bottom:0;left:0;right:0}.rt-board[data-celebrate] .rt-bldg{animation:rt-rise .7s var(--ease-out) both;animation-delay:calc(var(--d) * 55ms)}@keyframes rt-swell{35%{opacity:.3}}.rt-board[data-solved] .rt-tile{cursor:default}.rt-board[data-static]{pointer-events:none}.plate .rt-board,.thumb .rt-board{--frame:1.5px}.thumb__print>.rt-board.rt-board,.hero__sheet>.rt-board.rt-board,.plate__board>.rt-board.rt-board{filter:none}.rt-controls{gap:8px;display:grid}.rt-controls[hidden]{display:none}.rt-pad{grid-template-columns:repeat(var(--n,6), 1fr);gap:8px;display:grid}.rt-pad .btn{font-variant-numeric:tabular-nums;min-height:52px;padding:0;font-size:1.5rem;font-weight:760;position:relative}.rt-controls[data-notes] .rt-pad .btn span{place-self:start;font-size:.9375rem;position:absolute;top:7px;left:10px}.rt-pad .btn[data-done]{color:var(--ink-soft);background:var(--panel)}.rt-pad .btn[data-done]:after{content:"";border-bottom:2px solid;border-left:2px solid;width:9px;height:5px;position:absolute;bottom:9px;right:7px;transform:rotate(-45deg)}.rt-tools{flex-wrap:wrap;gap:8px;display:flex}.rt-tools .tool{flex-direction:column;gap:2px;padding:4px 2px;font-size:.8125rem;font-weight:620}.rt-tools .tool[aria-pressed=true]{background:var(--ink);color:var(--ground)}.week .week__day[data-done=true] .week__tile{background:linear-gradient(var(--rt-given), var(--rt-given)) 26% 100% / 20% 78% no-repeat, linear-gradient(var(--acc-rooftops), var(--acc-rooftops)) 52% 100% / 18% 52% no-repeat, linear-gradient(var(--rt-bldg), var(--rt-bldg)) 78% 100% / 18% 32% no-repeat, var(--rt-cell)}.dialog__body .help-example{justify-self:center;width:min(250px,66vw)}.rt-figure{grid-template-columns:1fr 1fr;gap:12px;max-width:460px;margin:8px 0;display:grid}.rt-figure figcaption{color:var(--ink-soft);grid-column:1/-1;font-size:.875rem}
