:root{--pc-plaster:#f1ebde;--pc-num:#1b2030;--pc-halo:#f6f1e6e6;--pc-mix:46%;--pc-seam:#1b20308c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--pc-plaster:#3a352f;--pc-num:#f6efe2;--pc-halo:#221f1bd9;--pc-mix:58%;--pc-seam:#efe9de99}}:root[data-theme=dark]{--pc-plaster:#3a352f;--pc-num:#f6efe2;--pc-halo:#221f1bd9;--pc-mix:58%;--pc-seam:#efe9de99}.pc-board{--gap:clamp(2px, .55vw, 3px);--pad:clamp(4px, 1vw, 7px);aspect-ratio:1;width:100%;padding:var(--pad);border-radius:var(--radius-m);background:var(--grout);box-shadow:inset 0 0 0 1px var(--grout-line), var(--shadow);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;position:relative;container-type:inline-size}.pc-rows{z-index:1;grid-template-rows:repeat(var(--n), 1fr);gap:var(--gap);height:100%;display:grid;position:relative}.pc-row{grid-template-columns:repeat(var(--n), 1fr);gap:var(--gap);min-height:0;display:grid}.pc-layer{inset:var(--pad);grid-template-columns:repeat(var(--n), 1fr);grid-template-rows:repeat(var(--n), 1fr);gap:var(--gap);pointer-events:none;display:grid;position:absolute}.pc-beds{z-index:0}.pc-frames{z-index:2}.pc-board [data-color="0"]{--glaze:var(--g8)}.pc-board [data-color="1"]{--glaze:var(--g2)}.pc-board [data-color="2"]{--glaze:var(--g1)}.pc-board [data-color="3"]{--glaze:var(--g4)}.pc-board [data-color="4"]{--glaze:var(--g3)}.pc-board [data-color="5"]{--glaze:var(--g7)}.pc-tile{--tile:var(--pc-plaster);--v:1;cursor:pointer;background:radial-gradient(130% 110% at 28% 18%, #ffffff47, #fff0 52%), radial-gradient(farthest-corner at 50% 45%, #0000 60%, #0000001f 100%), url(/textures/glaze.webp) var(--tx,0) var(--ty,0) / 230px 230px, var(--tile);background-blend-mode:normal, normal, overlay, normal;filter:brightness(var(--v));transition:filter .18s var(--ease-out), background-color .22s var(--ease-out);border-radius:3px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,inset 0 -2px 1px #00000024;container-type:size}.pc-tile[data-color]{--tile:color-mix(in oklab, var(--glaze) var(--pc-mix), var(--pc-plaster))}.pc-tile:focus-visible{outline:3px solid var(--ink);outline-offset:-3px;z-index:3}:root[data-theme=dark] .pc-tile:focus-visible{outline-color:var(--focus)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pc-tile:focus-visible{outline-color:var(--focus)}}@media (hover:hover){.pc-board:not([data-solved]):not([data-static]) .pc-tile:hover{filter:brightness(calc(var(--v) * 1.06))}}.pc-num{width:70%;height:70%;color:var(--pc-num);font-variant-numeric:tabular-nums;background:color-mix(in oklab, var(--pc-plaster) 72%, transparent);border-radius:50%;place-items:center;font-size:max(.75rem,44cqh);font-weight:780;line-height:1;display:grid;box-shadow:inset 0 1.5px 2px #00000029,0 1px #ffffff59}.pc-tile[data-bad] .pc-num{color:var(--alarm)}.pc-bed{margin:calc(var(--gap) / -2);background:color-mix(in oklab, var(--glaze,var(--grout-line)) 62%, var(--grout));border-radius:4px}.pc-bed[data-state=size],.pc-bed[data-state=none],.pc-bed[data-state=many]{background:color-mix(in oklab, var(--alarm) 30%, var(--grout))}.pc-frame{margin:calc(var(--gap) / -2);box-shadow:inset 0 0 0 2px var(--pc-seam), inset 0 0 0 3px #ffffff2e;border-radius:4px}.pc-frame[data-state=size],.pc-frame[data-state=none],.pc-frame[data-state=many]{box-shadow:inset 0 0 0 2.5px var(--alarm);background:repeating-linear-gradient(-45deg, color-mix(in oklab, var(--alarm) 26%, transparent) 0 3px, transparent 3px 9px)}.pc-frame[data-new]{animation:pc-set .28s var(--ease-out)}@keyframes pc-set{0%{opacity:.4;transform:scale(.94)}}.pc-preview{margin:calc(var(--gap) / -2);border:2.5px dashed var(--gold-deep);background:color-mix(in oklab, var(--gold) 22%, transparent);border-radius:5px;place-items:center;display:grid}.pc-preview b{min-width:1.9em;font-weight:800;font-size:max(.9375rem, calc(100cqw / var(--n) * .4));text-align:center;font-variant-numeric:tabular-nums;background:var(--ink);color:var(--ground);box-shadow:var(--shadow);border-radius:999px;padding:.2em .45em;line-height:1}.pc-preview[data-fit=ok]{border-style:solid}.pc-preview[data-fit=ok] b{background:var(--gold);color:var(--gold-ink)}.pc-preview[data-fit=many] b{background:var(--alarm);color:#fff}.pc-board[data-hinting] .pc-tile:not([data-hint]):before{content:"";z-index:1;background:color-mix(in oklab, var(--ground) 58%, 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(--gold), inset 0 0 0 5px var(--gold-ink);animation:pc-hint 1.2s var(--ease-out) infinite;z-index:3;outline:0}.pc-board .pc-tile[data-hint=because]{box-shadow:inset 0 0 0 3px var(--gold-ink), inset 0 0 0 5px var(--gold);z-index:3}.pc-board .pc-tile[data-hint=area]{box-shadow:inset 0 0 0 2.5px #ffffffe6,inset 0 -2px 1px #00000024}@keyframes pc-hint{50%{filter:brightness(calc(var(--v) * 1.12))}}.pc-board[data-celebrate] .pc-tile{animation:pc-glow .7s var(--ease-out) both;animation-delay:calc(var(--d) * 60ms)}@keyframes pc-glow{40%{filter:brightness(calc(var(--v) * 1.16));transform:scale(.95)}}.pc-board[data-solved] .pc-tile{cursor:default}.pc-board[data-static]{pointer-events:none;box-shadow:inset 0 0 0 1px var(--grout-line);touch-action:auto}.pc-board[data-static] .pc-tile{border-radius:2px}.plate .pc-board,.game-card .pc-board{--pad:3px;--gap:1.5px}.plate .pc-board{border-radius:8px}.plate .pc-num,.game-card .pc-num{box-shadow:none;background:0 0;font-size:max(.5rem,56cqh)}.week .week__day[data-done=true] .week__tile{background:linear-gradient(color-mix(in oklab, var(--g8) 70%, var(--pc-plaster)), color-mix(in oklab, var(--g8) 70%, var(--pc-plaster))) 0 0 / 58% 100% no-repeat, linear-gradient(color-mix(in oklab, var(--g2) 70%, var(--pc-plaster)), color-mix(in oklab, var(--g2) 70%, var(--pc-plaster))) 100% 0 / 38% 44% no-repeat, linear-gradient(color-mix(in oklab, var(--g1) 70%, var(--pc-plaster)), color-mix(in oklab, var(--g1) 70%, var(--pc-plaster))) 100% 100% / 38% 52% no-repeat, var(--grout)}.dialog__body .help-example{justify-self:center;width:min(250px,66vw)}.pc-figure{grid-template-columns:1fr 1fr;gap:12px;max-width:460px;margin:8px 0;display:grid}.pc-figure figcaption{color:var(--ink-soft);grid-column:1/-1;font-size:.875rem}