:root{--wf-plaster:#f1ebde;--wf-coin:#262b3a;--wf-coin-ink:#f6f1e6;--wf-guide:#1b203080}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--wf-plaster:#3a352f;--wf-coin:#efe7d8;--wf-coin-ink:#1f1c18;--wf-guide:#efe9de8c}}:root[data-theme=dark]{--wf-plaster:#3a352f;--wf-coin:#efe7d8;--wf-coin-ink:#1f1c18;--wf-guide:#efe9de8c}.page-game .game{--board-gutter:clamp(4px, 1.2vw, 24px)}@media (max-width:380px){.game .wf-board{--pad:3px;--gap:2px}}.wf-board{--gap:clamp(2px, .55vw, 3px);--pad:clamp(4px, 1vw, 7px);aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;position:relative}.wf-panel{grid-template-columns:repeat(var(--n), 1fr);grid-template-rows:repeat(var(--n), 1fr);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;cursor:pointer;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.wf-panel:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.wf-ink,.wf-marks{inset:var(--pad);width:calc(100% - 2 * var(--pad));height:calc(100% - 2 * var(--pad));pointer-events:none;position:absolute;overflow:visible}.wf-tile{--tile:var(--wf-plaster);--v:1;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;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,inset 0 -2px 1px #00000024}.wf-tile[data-on]{--tile:color-mix(in oklab, var(--g5) calc(var(--p,0) * 100%), var(--g0))}@media (hover:hover){.wf-board:not([data-solved]):not([data-static]) .wf-tile:hover{filter:brightness(calc(var(--v) * 1.07))}}.wf-board[data-early] .wf-tile:not([data-on]):after{content:"";background:repeating-linear-gradient(135deg, color-mix(in oklab, var(--alarm) 55%, transparent) 0 2px, transparent 2px 7px);position:absolute;top:0;bottom:0;left:0;right:0}.wf-walls line{stroke:var(--seam);stroke-width:.13px;stroke-linecap:round}.wf-line,.wf-line-edge{fill:none;stroke-linecap:round;stroke-linejoin:round}.wf-line-edge{stroke:var(--gold-deep);stroke-width:.4px}.wf-line{stroke:var(--gold);stroke-width:.28px}.wf-knob{fill:var(--gold);stroke:var(--gold-deep);stroke-width:.06px}.wf-board[data-solved] .wf-knob,.wf-board[data-static] .wf-knob{display:none}.wf-guide{stroke:var(--wf-guide);stroke-width:.09px;stroke-dasharray:.12 .1;stroke-linecap:round}.wf-block{fill:none;stroke:var(--wf-guide);stroke-width:.07px;stroke-linecap:round}.wf-marks{grid-template-columns:repeat(var(--n), 1fr);grid-template-rows:repeat(var(--n), 1fr);gap:var(--gap);display:grid}.wf-disc{grid-row:calc(var(--r) + 1);grid-column:calc(var(--c) + 1);aspect-ratio:1;background:radial-gradient(90% 80% at 32% 22%, #ffffff38, #fff0 55%), var(--wf-coin);width:64%;color:var(--wf-coin-ink);transition:background .2s var(--ease-out), color .2s var(--ease-out);border-radius:50%;place-self:center;place-items:center;display:grid;box-shadow:inset 0 -1.5px #00000059,inset 0 1px #ffffff40,0 1px 2px #0000004d;container-type:inline-size}.wf-disc b{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:max(.5625rem,52cqw);font-weight:800;line-height:1}.wf-disc[data-wide] b{letter-spacing:-.06em;font-size:max(.5rem,42cqw)}.wf-disc[data-on]{background:radial-gradient(90% 80% at 32% 22%, #ffffff80, #fff0 55%), linear-gradient(160deg, #fde79a, var(--gold) 45%, #b8840f);color:var(--gold-ink);box-shadow:inset 0 0 0 1.5px var(--gold-deep), inset 0 -1.5px 0 #0003, 0 1px 2px #0000004d}.wf-disc[data-next]{box-shadow:0 0 0 2px var(--gold), 0 0 0 3.5px var(--gold-ink), inset 0 -1.5px 0 #00000059, 0 1px 2px #0000004d}.wf-board[data-early] .wf-disc[data-on]:last-child{box-shadow:0 0 0 2.5px var(--alarm), inset 0 -1.5px 0 #0003}.wf-board[data-hinting] .wf-tile:not([data-hint]):before{content:"";z-index:1;background:color-mix(in oklab, var(--ground) 55%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.wf-tile[data-hint=target]{box-shadow:inset 0 0 0 3px var(--gold), inset 0 0 0 5px var(--gold-ink);animation:wf-hint 1.2s var(--ease-out) infinite}.wf-tile[data-hint=area]{box-shadow:inset 0 0 0 2px #ffffffbf,inset 0 -2px 1px #00000024}.wf-hint-link{stroke:var(--ink);stroke-width:.14px;stroke-dasharray:.16 .1;stroke-linecap:round;animation:.9s linear infinite wf-march}.wf-hint-block{fill:none;stroke:var(--alarm);stroke-width:.1px;stroke-linecap:round}@keyframes wf-hint{50%{filter:brightness(calc(var(--v) * 1.12))}}@keyframes wf-march{to{stroke-dashoffset:-.52px}}.wf-board[data-celebrate] .wf-tile{animation:wf-glow .62s var(--ease-out) both;animation-delay:calc(var(--i,0) * 18ms)}@keyframes wf-glow{40%{filter:brightness(calc(var(--v) * 1.25));transform:scale(.94)}}.wf-board[data-solved] .wf-panel{cursor:default}.wf-board[data-static]{pointer-events:none}.wf-board[data-static] .wf-panel{box-shadow:inset 0 0 0 1px var(--grout-line);cursor:default}.wf-board[data-static] .wf-tile{border-radius:2px}.plate .wf-board,.game-card .wf-board{--pad:3px;--gap:1.5px}.plate .wf-panel{border-radius:8px}.week .week__day[data-done=true] .week__tile{background:linear-gradient(var(--gold), var(--gold)) 50% 30% / 64% 18% no-repeat, linear-gradient(var(--gold), var(--gold)) 82% 62% / 18% 50% no-repeat, linear-gradient(var(--gold), var(--gold)) 50% 78% / 64% 18% no-repeat, linear-gradient(135deg, var(--g0), var(--g5))}.dialog__body .help-example{justify-self:center;width:min(250px,66vw)}.wf-figure{grid-template-columns:1fr 1fr;gap:12px;max-width:460px;margin:8px 0;display:grid}.wf-figure figcaption{color:var(--ink-soft);grid-column:1/-1;font-size:.875rem}