.tilework-root{--arcade-hud-height:240px}.tilework-board{--tilework-strip:color-mix(in srgb, var(--arcade-surface) 55%, var(--arcade-well));font-family:var(--arcade-font);background:var(--arcade-bg);align-content:center;padding:3% 4%;display:grid;position:absolute;inset:0;container-type:inline-size}.tilework-well{border-radius:calc(var(--arcade-radius) * 1.1);background:var(--arcade-well);padding:2.6cqw}.tilework-fit{container-type:inline-size}.tilework-grid{grid-template-columns:var(--tilework-columns);grid-template-rows:var(--tilework-rows);gap:var(--tilework-gap);-webkit-user-select:none;user-select:none;touch-action:none;display:grid}.tilework-corner{grid-area:1/1}.tilework-grid .tilework-tile{aspect-ratio:1;border-radius:min(calc(var(--arcade-radius) * .24), calc(var(--tilework-cell) * .24));background:var(--arcade-surface);width:100%;box-shadow:none;outline:none;display:block;position:relative}.tilework-board .tilework-grid .tilework-tile:focus,.tilework-board .tilework-grid .tilework-tile:focus-visible{outline:none}.tilework-grid .tilework-tile[data-tile=shaded]{background:var(--arcade-accent)}.tilework-tile[data-tile=marked]:before,.tilework-tile[data-tile=marked]:after{content:"";height:max(1.5px, calc(var(--tilework-cell) * .08));background:var(--arcade-muted);border-radius:999px;position:absolute;top:50%;left:27%;right:27%;transform:translateY(-50%)rotate(45deg)}.tilework-tile[data-tile=marked]:after{transform:translateY(-50%)rotate(-45deg)}.tilework-board .tilework-grid[data-input=key] .tilework-tile:focus,.tilework-board .tilework-grid:not([data-input=pointer]) .tilework-tile:focus-visible{z-index:1;box-shadow:0 0 0 max(2px, calc(var(--tilework-cell) * .1)) var(--arcade-text)}.tilework-board[data-look=solved] .tilework-tile{background:var(--arcade-well);box-shadow:none;cursor:default;transition:background-color .7s}.tilework-board[data-look=solved] .tilework-tile[data-paint]{background:var(--tilework-paint)}.tilework-board[data-look=solved] .tilework-tile:before,.tilework-board[data-look=solved] .tilework-tile:after{display:none}.tilework-clue{gap:calc(var(--tilework-cell) * .2);border-radius:min(calc(var(--arcade-radius) * .3), calc(var(--tilework-cell) * .3));min-width:0;font-size:calc(var(--tilework-cell) * .5);font-weight:var(--arcade-weight-strong);font-variant-numeric:tabular-nums;color:var(--arcade-text);background:var(--tilework-strip);line-height:1;display:flex}.tilework-col{padding:calc(var(--tilework-cell) * .2) 0 calc(var(--tilework-cell) * .18);flex-direction:column;align-items:center}.tilework-row{padding:0 calc(var(--tilework-cell) * .22) 0 calc(var(--tilework-cell) * .2);align-items:center}.tilework-numbers{gap:inherit;margin-left:auto;display:flex}.tilework-col .tilework-numbers{gap:calc(var(--tilework-cell) * .12);flex-direction:column;margin:auto 0 0}.tilework-number{place-items:center;min-width:.62em;display:inline-grid}.tilework-clue[data-lit]{background:var(--arcade-border)}.tilework-clue[data-ok]{background:color-mix(in srgb, var(--arcade-success) 30%, var(--tilework-strip))}.tilework-controls{align-content:center;min-height:40px;display:grid}.tilework-key{font-size:14px;font-weight:var(--arcade-weight-strong);color:var(--arcade-muted);margin:0;line-height:1.5}.tilework-key-tile{vertical-align:-.1em;border-radius:calc(var(--arcade-radius) * .15);background:var(--arcade-bg);width:.9em;height:.9em;margin-left:.3em;display:inline-block}.tilework-key-tile[data-tile=shaded]{background:var(--arcade-accent)}.tilework-tutorial-say{text-align:left;gap:4px;display:grid}.tilework-tutorial-progress{font-size:12px;font-weight:var(--arcade-weight-strong);letter-spacing:.08em;color:var(--arcade-muted);margin:0}.tilework-tutorial-text{font-weight:var(--arcade-weight-strong);color:var(--arcade-text);margin:0;line-height:1.45}.tilework-tutorial-hint{min-height:1.45em;font-weight:var(--arcade-weight-strong);text-align:left;color:var(--arcade-accent);margin:0;line-height:1.45}.tilework-tutorial-stage{aspect-ratio:1;width:100%;max-width:420px;margin:0 auto;position:relative}.tilework-board[data-guided] .tilework-clue[data-ok],.tilework-board[data-guided] .tilework-clue[data-lit]{background:var(--tilework-strip)}.tilework-board[data-guided] .tilework-clue[data-guide]{color:var(--arcade-on-accent);background:var(--arcade-accent)}.tilework-grid .tilework-tile[data-guide]{box-shadow:inset 0 0 0 max(2px, calc(var(--tilework-cell) * .08)) var(--arcade-accent)}.tilework-board .tilework-grid[data-input=key] .tilework-tile[data-guide]:focus,.tilework-board .tilework-grid:not([data-input=pointer]) .tilework-tile[data-guide]:focus-visible{box-shadow:0 0 0 max(2px, calc(var(--tilework-cell) * .1)) var(--arcade-text), inset 0 0 0 max(2px, calc(var(--tilework-cell) * .08)) var(--arcade-accent)}@media (prefers-reduced-motion:reduce){.tilework-board[data-look=solved] .tilework-tile{transition:none}}.tilework-result{text-align:center;gap:12px;display:grid}.tilework-named{font-size:18px;font-weight:var(--arcade-weight-strong);color:var(--arcade-text);margin:0}.tilework-tip{text-align:left;border-radius:var(--arcade-radius);background:var(--arcade-part);gap:6px;padding:12px 16px;display:grid}.tilework-tip p{margin:0}.tilework-tip-label{font-size:11px;font-weight:var(--arcade-weight-strong);letter-spacing:.1em;color:var(--arcade-muted)}