.grid-game{display:grid}.grid-game .sheet>svg{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.grid-game .gridline{stroke:color-mix(in srgb, var(--paper-ink) 28%, transparent);stroke-width:1px}.grid-game .frame{fill:none;stroke:var(--paper-ink);stroke-width:2.5px}.grid-game .dot{fill:var(--paper-ink)}.grid-game .area-line{stroke:var(--paper-ink);stroke-width:3.5px;stroke-linecap:round}.grid-game .clue.on-rock{fill:var(--paper)}.grid-game .lit{fill:color-mix(in srgb, var(--wash-yellow) 35%, transparent)}.grid-game .bulb{fill:var(--wash-yellow);stroke:var(--paper-ink);stroke-width:2px}.grid-game .bulb-base{fill:var(--paper-ink)}.grid-game .link-end{fill:var(--paper);stroke:var(--paper-ink);stroke-width:2px}.grid-game .pearl{stroke:var(--paper-ink);stroke-width:2.4px}.grid-game .pearl.white{fill:var(--paper)}.grid-game .pearl.black{fill:var(--paper-ink)}.grid-game .shaded.water{fill:var(--wash-blue)}.grid-game .clue.total{pointer-events:none}.grid-game .clue.on-shade{fill:var(--paper)}.grid-game .clue.outside{font-size:22px}.grid-game .mine{fill:var(--paper-ink)}.grid-game .mine-spikes{stroke:var(--paper-ink);stroke-width:3px;stroke-linecap:round}.grid-game .galaxy{fill:var(--paper);stroke:var(--paper-ink);stroke-width:2.4px}.grid-game .thermo{fill:none;stroke:color-mix(in srgb, var(--paper-ink) 18%, var(--paper));stroke-width:16px;stroke-linecap:round;stroke-linejoin:round}.grid-game .thermo-bulb{fill:color-mix(in srgb, var(--paper-ink) 18%, var(--paper))}.grid-game .star{fill:var(--wash-yellow);stroke:var(--paper-ink);stroke-width:2px;stroke-linejoin:round;filter:var(--wash)}.grid-game .clue{font:700 24px/1 var(--hand);fill:var(--paper-ink);text-anchor:middle;dominant-baseline:central;pointer-events:none}.grid-game .clue.small{font-size:13px}.grid-game .clue.symbol{fill:color-mix(in srgb, var(--paper-ink) 80%, var(--wash-yellow));font-size:22px}.grid-game .compass path{stroke:color-mix(in srgb, var(--paper-ink) 45%, transparent);stroke-width:1.4px;stroke-linecap:round}.grid-game .diamond{stroke:var(--paper-ink);stroke-width:1.8px;stroke-linejoin:round;pointer-events:none}.grid-game .diamond.twins{fill:var(--paper-ink)}.grid-game .diamond.opposites{fill:var(--paper)}.grid-game .wash{filter:var(--wash)}.grid-game .shaded{fill:color-mix(in srgb, var(--paper-ink) 78%, #fff)}.grid-game .pen{stroke:var(--paper-ink);stroke-width:5px;stroke-linecap:round}.grid-game .river{stroke:var(--wash-blue);stroke-width:12px;stroke-linecap:round}.grid-game .lead{fill:none;stroke:var(--paper-ink);stroke-width:5.5px;stroke-linecap:round;stroke-linejoin:round}.grid-game .xmark{fill:none;stroke:color-mix(in srgb, var(--paper-ink) 55%, transparent);stroke-width:2px;stroke-linecap:round}.grid-game .dotmark{fill:color-mix(in srgb, var(--paper-ink) 55%, transparent)}.grid-game .errors rect{fill:color-mix(in srgb, var(--paper-red) 22%, transparent)}.grid-game .errors line{stroke:var(--paper-red);stroke-width:7px;stroke-linecap:round;opacity:.7}.grid-game .pots{gap:2px;padding-left:2px;display:flex}.grid-game .pot{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.grid-game .pot i{background:var(--c);border-radius:50%;width:22px;height:22px;box-shadow:inset -3px -4px #0000001f}.grid-game .pot.erase i{background:var(--paper);border:1.6px dashed color-mix(in srgb, var(--paper-ink) 50%, transparent);box-shadow:none}.grid-game .pot[aria-pressed=true]{border-color:var(--paper-ink)}.grid-game.solved .wash{filter:var(--wash) saturate(1.25) brightness(1.06);transition:filter .6s}.grid-game .alt{fill:color-mix(in srgb, var(--paper-ink) 4%, transparent)}.grid-game .water{filter:var(--wash)}.grid-game .water .river{stroke:var(--wash-blue);stroke-width:13px;stroke-linecap:round}.grid-game .water .joint{fill:var(--wash-blue)}.grid-game.solved .water .river,.grid-game.solved .water .joint{stroke:var(--wash-green);fill:var(--wash-green)}.grid-game .rock{fill:color-mix(in srgb, var(--paper-ink) 75%, #fff)}.grid-game .wall{stroke:var(--paper-ink);stroke-width:6px;stroke-linecap:round}.grid-game .gridline.major{stroke:color-mix(in srgb, var(--paper-ink) 60%, transparent);stroke-width:2px}.grid-game .clue.run{cursor:pointer;pointer-events:auto;font-size:20px}.grid-game .clue.run.done{fill:color-mix(in srgb, var(--paper-ink) 35%, transparent);text-decoration:line-through}.grid-game .xmark.cellx{stroke:color-mix(in srgb, var(--paper-ink) 60%, transparent);stroke-width:2.4px}.grid-game .hint-area{fill:color-mix(in srgb, var(--wash-yellow) 25%, transparent);stroke:var(--wash-orange);stroke-width:2px}.grid-game .hint-fill{fill:color-mix(in srgb, var(--paper-ink) 45%, transparent)}.grid-game .hint-x{fill:none;stroke:color-mix(in srgb, var(--paper-ink) 50%, transparent);stroke-width:2.6px;stroke-linecap:round}.grid-game .prefs{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:10px;font-size:14px;display:flex}.grid-game .prefs label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.grid-game .reveal .pix{opacity:0}.grid-game.revealed .reveal .pix{opacity:1;transition:opacity .5s ease var(--delay)}.grid-game.revealed .runs,.grid-game.revealed .gridlines,.grid-game.revealed .marks,.grid-game.revealed .wash:not(.reveal){opacity:0;transition:opacity .6s}.grid-game .sign{font:700 18px/1 var(--hand);color:var(--paper-ink);background:var(--paper);border:2px solid var(--paper-ink);border-radius:var(--radius);cursor:pointer;justify-self:center;align-items:center;gap:10px;margin:8px auto 2px;padding:10px 18px;display:none}.grid-game .sign .q{font-size:24px}.grid-game .sign .title{font-size:22px;display:none}.grid-game.revealed .sign{animation:.4s 1.2s both grid-pop;display:flex}.grid-game.titled .sign .q{display:none}.grid-game.titled .sign .title{display:inline}@keyframes grid-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.grid-game .digit{font:700 28px/1 var(--hand);fill:color-mix(in srgb, var(--paper-ink) 70%, var(--wash-blue));text-anchor:middle;dominant-baseline:central;pointer-events:none}.grid-game .digit.given{font:800 26px/1 var(--body);fill:var(--paper-ink)}.grid-game .pencil{font:700 11px/1 var(--hand);fill:color-mix(in srgb, var(--paper-ink) 55%, transparent);text-anchor:middle;dominant-baseline:central;pointer-events:none}.grid-game .sel{fill:color-mix(in srgb, var(--wash-yellow) 45%, transparent)}.grid-game .peer{fill:color-mix(in srgb, var(--wash-yellow) 13%, transparent)}.grid-game .same{fill:color-mix(in srgb, var(--wash-blue) 18%, transparent)}.grid-game .pad{height:42px}.grid-game .pad .num{min-width:30px;padding:6px 4px;font-size:20px}.grid-game .pad .word[aria-pressed=true]{background:color-mix(in srgb, var(--paper-ink) 12%, transparent);text-decoration:none}.grid-game .num circle{fill:var(--paper);stroke:var(--paper-ink);stroke-width:1.5px}.grid-game .num text{font:700 17px/1 var(--hand);fill:var(--paper-ink);text-anchor:middle;dominant-baseline:central;pointer-events:none}.grid-game .num.done circle{fill:color-mix(in srgb, var(--wash-green) 40%, var(--paper));stroke:var(--paper-good)}.grid-game .num.over circle{fill:color-mix(in srgb, var(--wash-red) 30%, var(--paper));stroke:var(--paper-red);stroke-width:2.2px}.grid-game .num.over text{fill:var(--paper-red)}.grid-game .arrow{fill:none;stroke:var(--paper-red);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.grid-game .stub{stroke:color-mix(in srgb, var(--wash-blue) 55%, var(--paper));stroke-width:11px;stroke-linecap:round}.grid-game .wall.given{stroke:color-mix(in srgb, var(--paper-ink) 50%, var(--paper));stroke-width:5px}.grid-game svg.walking{cursor:pointer}.grid-game svg.walking .wall.given{stroke:var(--paper-ink)}.grid-game svg.walking .num circle{r:4px;fill:var(--paper-ink);stroke:none}.grid-game svg.walking .num text{display:none}.grid-game .walk .reach{fill:color-mix(in srgb, var(--wash-orange) 25%, transparent)}.grid-game .walk .trail{fill:none;stroke:var(--wash-orange);stroke-width:11px;stroke-linecap:round;stroke-linejoin:round;opacity:.85;filter:var(--wash)}.grid-game .walk .token{fill:var(--paper-red);stroke:var(--paper);stroke-width:2.5px}.grid-game.figure svg.board{cursor:pointer}.grid-game .piece{fill:color-mix(in srgb, var(--paper-ink) 22%, var(--paper));stroke:none}.grid-game .piece:not(.painted):hover{fill:color-mix(in srgb, var(--paper-ink) 36%, var(--paper))}.grid-game .piece.wrong{animation:.35s grid-shake}.grid-game .edge{fill:none;stroke:var(--paper-ink);stroke-width:var(--edge);stroke-linejoin:round;pointer-events:none}.grid-game .paint-dot{stroke:var(--paper-ink);stroke-width:calc(var(--edge) * .6);pointer-events:none}.grid-game .dots.hideable:not(.shown){display:none}.grid-game.figure .errors polygon{fill:color-mix(in srgb, var(--paper-red) 30%, transparent);pointer-events:none}.grid-game .hearts{color:var(--paper-red);align-items:center;gap:1px;padding-right:4px;font-size:20px;line-height:1;display:flex}.grid-game .heart.lost{color:color-mix(in srgb, var(--paper-ink) 20%, transparent)}@keyframes grid-shake{0%,to{transform:translate(0)}25%{transform:translate(-1.5%)}75%{transform:translate(1.5%)}}@media (prefers-reduced-motion:reduce){.grid-game.revealed .reveal .pix{transition:none}.grid-game.revealed .sign{animation:none}}