:root{--pc-cell:#f8f5ed;--pc-line:var(--ink);--pc-frame:var(--ink);--pc-border:var(--ink);--pc-num:var(--ink);--pc-acc:var(--acc-parcels);--pc-hover:#efe9dc;--pc-inner:34%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--pc-cell:#201e1a;--pc-line:color-mix(in oklab, var(--ink) 42%, #201e1a);--pc-frame:color-mix(in oklab, var(--ink) 78%, #201e1a);--pc-border:color-mix(in oklab, var(--ink) 86%, #201e1a);--pc-num:var(--ink);--pc-acc:var(--acc-parcels);--pc-hover:#2a2722;--pc-inner:30%}}:root[data-theme=dark]{--pc-cell:#201e1a;--pc-line:color-mix(in oklab, var(--ink) 42%, #201e1a);--pc-frame:color-mix(in oklab, var(--ink) 78%, #201e1a);--pc-border:color-mix(in oklab, var(--ink) 86%, #201e1a);--pc-num:var(--ink);--pc-acc:var(--acc-parcels);--pc-hover:#2a2722;--pc-inner:30%}.pc-board{--frame:2px;--line:1px;--rule:2.5px;--rule-out:calc((var(--rule) + var(--line)) / 2);aspect-ratio:1;width:100%;padding:var(--frame);background:var(--pc-frame);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;isolation:isolate;position:relative;container-type:inline-size}.pc-board:before{content:"";inset:var(--frame);background:var(--pc-line);position:absolute}.pc-rows{z-index:2;grid-template-rows:repeat(var(--n), 1fr);gap:var(--line);height:100%;display:grid;position:relative}.pc-row{grid-template-columns:repeat(var(--n), 1fr);gap:var(--line);min-height:0;display:grid}.pc-layer{inset:var(--frame);grid-template-columns:repeat(var(--n), 1fr);grid-template-rows:repeat(var(--n), 1fr);gap:var(--line);pointer-events:none;display:grid;position:absolute}.pc-beds{z-index:1}.pc-frames{z-index:3}.pc-board [data-color="0"]{--wash:20%}.pc-board [data-color="1"]{--wash:40%}.pc-board [data-color="2"]{--wash:14%}.pc-board [data-color="3"]{--wash:32%}.pc-board [data-color="4"]{--wash:26%}.pc-board [data-color="5"]{--wash:46%}.pc-tile{--tile:var(--pc-cell);cursor:pointer;background:var(--tile);transition:background-color .2s var(--ease-out);place-items:center;display:grid;position:relative;overflow:hidden;container-type:size}.pc-tile[data-color]{--tile:color-mix(in oklab, var(--pc-acc) var(--wash), var(--pc-cell))}.pc-tile:focus-visible{outline:2px solid var(--focus);outline-offset:-4px;z-index:3}@media (hover:hover){.pc-board:not(:-webkit-any([data-solved],[data-static])) .pc-tile:not([data-in]):hover{background-color:var(--pc-hover)}.pc-board:not(:is([data-solved],[data-static])) .pc-tile:not([data-in]):hover{background-color:var(--pc-hover)}}.pc-num{font-family:var(--serif);color:var(--pc-num);font-variant-numeric:lining-nums tabular-nums;font-size:max(.75rem,62cqh);font-weight:420;line-height:1}.pc-tile[data-bad] .pc-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:8cqh}.pc-bed{margin:calc(var(--line) / -2);background:color-mix(in oklab, var(--pc-line) var(--pc-inner), var(--pc-cell))}.pc-bed[data-color]{background:color-mix(in oklab, var(--pc-line) var(--pc-inner), color-mix(in oklab, var(--pc-acc) var(--wash), var(--pc-cell)))}.pc-bed[data-state=size],.pc-bed[data-state=none],.pc-bed[data-state=many]{background:0 0}.pc-frame{margin:calc(var(--rule-out) * -1);box-shadow:inset 0 0 0 var(--rule) var(--pc-border)}.pc-frame[data-state=size],.pc-frame[data-state=none],.pc-frame[data-state=many]{box-shadow:inset 0 0 0 calc(var(--rule-out) + 3px) var(--alarm);background:repeating-linear-gradient(-45deg, color-mix(in oklab, var(--alarm) 40%, transparent) 0 1.5px, transparent 1.5px 6px)}.pc-frame[data-new]{animation:pc-set .28s var(--ease-out)}.pc-frame[data-new]:not([data-state=ok]){animation:pc-clash .36s var(--ease-out)}@keyframes pc-set{0%{opacity:.3;scale:.94}}@keyframes pc-clash{25%{translate:-3px}50%{translate:3px}75%{translate:-1.5px}}.pc-preview{margin:calc(var(--rule-out) * -1);border:var(--rule) dashed var(--pc-border);background:color-mix(in oklab, var(--pc-acc) 14%, transparent);place-items:center;display:grid}.pc-preview b{min-width:1.8em;font-family:var(--serif);font-weight:460;font-size:max(1rem, calc(100cqw / var(--n) * .42));text-align:center;font-variant-numeric:lining-nums tabular-nums;background:var(--pc-border);color:var(--pc-cell);padding:.18em .4em .22em;line-height:1}.pc-preview[data-fit=ok]{background:color-mix(in oklab, var(--pc-acc) 24%, transparent);border-style:solid}.pc-preview[data-fit=many]{border-color:var(--alarm)}.pc-preview[data-fit=many] b{background:var(--alarm);color:var(--pc-cell)}.pc-board[data-hinting] .pc-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}.pc-board .pc-tile[data-hint=target]{box-shadow:inset 0 0 0 3px var(--ink);z-index:2;animation:1.3s ease-in-out infinite pc-hint}.pc-board .pc-tile[data-hint=because]{outline:1.5px dashed var(--ink);outline-offset:-5px}.pc-board .pc-tile[data-hint=area]{background-image:linear-gradient(color-mix(in oklab, var(--ink) 9%, transparent), color-mix(in oklab, var(--ink) 9%, transparent))}@keyframes pc-hint{50%{box-shadow:inset 0 0 0 5px var(--ink)}}.pc-board[data-celebrate] .pc-tile:after{content:"";background:var(--pc-acc);opacity:0;animation:pc-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}.pc-board[data-celebrate] .pc-num{animation:pc-bloom .6s var(--ease-out) both;animation-delay:calc(var(--d) * 55ms + 80ms)}@keyframes pc-swell{35%{opacity:.32}}@keyframes pc-bloom{50%{scale:1.16}}.pc-board[data-solved] .pc-tile{cursor:default}.pc-board[data-static]{pointer-events:none;touch-action:auto}.plate .pc-board,.thumb .pc-board{--frame:1.5px;--rule:2px}.thumb__print>.pc-board.pc-board,.hero__sheet>.pc-board.pc-board,.plate__board>.pc-board.pc-board{filter:none}.dialog__body .help-example{justify-self:center;width:min(250px,66vw)}.pc-figure{grid-template-columns:1fr 1fr;gap:16px;max-width:460px;margin:8px 0;display:grid}.pc-figure figcaption{color:var(--ink-soft);font-family:var(--sans);letter-spacing:.02em;grid-column:1/-1;font-size:.875rem}