:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--board-bg:#f8f3e9;--board-ink:#2b2620;--board-muted:#7a7060;--board-card:#fffdf8;--board-line:#d8ccb4;--board-covered:#e6dcc6;--board-mark:#c0453a;--board-point:#2c6b86;--board-sun:#d9a441;--bg:#f8f3e9;--ink:#2b2620;--muted:#7a7060;--card:#fffdf8;--line:#d8ccb4;--covered:#e6dcc6;--mark:#c0453a;--point:#2c6b86;--post-petrol:#2c6b86;--post-tile:#6190a2;--post-sun:#d9a441}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@font-face{font-family:Nunito;font-style:normal;font-weight:400 700;font-display:swap;src:url(/editor/nunito-digits-JvFeECGh.woff2)format("woff2");unicode-range:U+30-39}@media (prefers-color-scheme:dark){:root{--bg:#1d1a15;--ink:#ede6d8;--muted:#a79b87;--card:#252118;--line:#48402f;--covered:#3a3427;--mark:#e0705f;--point:#6bb4d0}}.board,.board *{box-sizing:border-box}.board{margin:var(--clue-margin);background:var(--board-card);--passepartout:calc(1px + var(--clue-margin));box-shadow:0 0 0 1px var(--board-line), 0 0 0 var(--passepartout) var(--board-bg);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;font-family:Nunito,sans-serif;display:grid;position:relative}.board:before{content:"";z-index:-1;will-change:transform;box-shadow:0 1px 2px var(--passepartout) color-mix(in srgb, var(--board-ink) 30%, transparent), 0 8px 18px var(--passepartout) color-mix(in srgb, var(--board-ink) 24%, transparent);position:absolute;inset:0}.board[data-stroke]{touch-action:pan-y}.board[data-inert]{pointer-events:none}.cell{background:var(--board-covered);box-shadow:inset -1px -1px 0 var(--board-line);color:var(--board-muted);font-variant-numeric:tabular-nums;text-box:trim-both cap alphabetic;animation-name:var(--flash,none), var(--ack,none), var(--armed,none), var(--shake,none);animation-duration:var(--flash-ms), .18s, .15s, var(--shake-ms);place-items:center;font-size:15px;transition:scale .12s ease-out;animation-timing-function:ease-out;display:grid}.cell[data-state=open]{background:var(--board-card);color:var(--board-ink);box-shadow:inset 2px 2px 0 color-mix(in srgb, var(--board-muted) 40%, transparent), inset -2px -2px 0 color-mix(in srgb, var(--board-card) 95%, transparent)}.cell[data-state=black]{background:linear-gradient(135deg, color-mix(in srgb, var(--board-card) 15%, transparent), transparent 55%, #00000061), var(--cell-ink,var(--board-ink));box-shadow:inset 2px 2px 0 color-mix(in srgb, var(--board-card) 32%, transparent), inset -2px -2px 0 #0009, 2px 3px 5px color-mix(in srgb, var(--board-ink) 55%, transparent);position:relative}.cell[data-ring]{z-index:1;box-shadow:inset 0 0 0 3px var(--board-point), 0 0 0 2px color-mix(in srgb, var(--board-sun) 55%, transparent), 0 0 22px 8px color-mix(in srgb, var(--board-sun) 45%, transparent);position:relative}.cell[data-ring]:after{content:"";pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--board-sun) 38%, transparent) 0, transparent 70%);border-radius:50%;animation:2.4s ease-in-out infinite breathe;position:absolute;inset:-12px}@keyframes breathe{50%{opacity:.7;transform:scale(1.18)}}.cell[data-flash]{--flash:flash-odd;--shake:shake-odd;z-index:1;position:relative}.cell[data-flash=even]{--flash:flash-even;--shake:shake-even}@keyframes flash-odd{0%,60%{background:var(--board-mark)}}@keyframes flash-even{0%,60%{background:var(--board-mark)}}@keyframes shake-odd{25%{translate:-3px}60%{translate:2px}85%{translate:-1px}}@keyframes shake-even{25%{translate:-3px}60%{translate:2px}85%{translate:-1px}}@media (hover:hover){.board .cell[data-state=unknown]:not([data-armed]):not([data-ring]):hover{box-shadow:inset -1px -1px 0 var(--board-line), inset 0 0 0 2px var(--board-muted)}.board[data-brush=black] .cell[data-state=unknown]:not([data-armed]):hover{background:color-mix(in oklab, var(--board-ink) 45%, var(--board-covered))}}.cell[data-ack]{--ack:ack-odd}.cell[data-ack=even]{--ack:ack-even}@keyframes ack-odd{50%{transform:scale(.84)}}@keyframes ack-even{50%{transform:scale(.84)}}.cell[data-pressing]{z-index:1;transition-property:scale,background-color;transition-duration:var(--press);transition-timing-function:linear;position:relative;scale:1.6}.board:not([data-stroke]) .cell[data-pressing]{background:var(--board-card)}.cell[data-armed]{z-index:1;background:var(--board-card);--armed:armed;position:relative;scale:1.6}@keyframes armed{50%{transform:scale(1.1)}}.clues{z-index:2;pointer-events:none;position:absolute;inset:0}.clue{width:var(--clue-size);height:var(--clue-size);margin:calc(-1 * var(--clue-margin)) 0 0 calc(-1 * var(--clue-margin));border:1.5px solid var(--board-ink);background:radial-gradient(circle farthest-side at 30% 30%, var(--board-card) 0%, var(--board-bg) 60%, color-mix(in srgb, var(--board-ink) 20%, var(--board-bg)) 100%);color:var(--board-ink);box-shadow:.5px 1px 0 color-mix(in srgb, var(--board-bg) 10%, var(--board-ink)), 1.5px 2.5px 3.5px color-mix(in srgb, var(--board-ink) 50%, transparent);text-box:trim-both cap alphabetic;background-clip:padding-box;border-radius:50%;place-items:center;font-size:13px;font-weight:600;line-height:1;display:grid;position:absolute}.board[data-picture] .cell[data-rise]{animation:rise var(--fade) ease-out both}@keyframes rise{0%{background-image:none}35%{background-image:none;background-color:color-mix(in srgb, var(--board-sun) 70%, var(--board-card));box-shadow:inset 0 0 0 transparent, inset 0 0 0 transparent, 0 0 10px 3px color-mix(in srgb, var(--board-sun) 40%, transparent)}to{background-image:none;background-color:var(--to);box-shadow:none;color:#0000}}.board[data-picture] .cell:not([data-rise]){background:var(--to);box-shadow:none;color:#0000}.board[data-picture] .clue[data-rise]{animation:clue-out var(--fade) ease-out both}@keyframes clue-out{to{opacity:0}}.board[data-picture] .clue:not([data-rise]){display:none}.board[data-picture] .cell:after{content:none}@media (prefers-reduced-motion:reduce){.board[data-picture] .cell[data-rise]{background:var(--to);box-shadow:none;color:#0000;animation:none}.board[data-picture] .clue[data-rise]{animation:none;display:none}.cell[data-ring]:after{animation:none}.cell[data-ack]{--ack:none}.cell{animation-duration:var(--hold), .18s, .15s, var(--shake-ms);animation-timing-function:step-end,ease-out,ease-out,ease-out}.cell[data-flash],.cell[data-flash=even]{--shake:none}.cell[data-armed]{--armed:none;background:var(--board-card);box-shadow:inset 0 0 0 2px var(--board-ink);scale:none}.cell[data-pressing]{box-shadow:inset 0 0 0 2px var(--board-ink);transition:box-shadow var(--press) linear;scale:none}.board:not([data-stroke]) .cell[data-pressing]{background:var(--board-covered)}}.primary{background:var(--board-point);min-height:52px;color:var(--board-card);font:inherit;box-shadow:0 1px 2px color-mix(in srgb, var(--board-ink) 30%, transparent);cursor:pointer;border:none;border-radius:999px;padding:0 26px;font-weight:600}.primary:disabled{background:var(--card);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);cursor:default}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--ink);margin:0;font:16px/1.4 system-ui,sans-serif}.landing{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:420px;margin:0 auto;padding:24px 16px 32px;display:flex}.brand{align-items:center;gap:10px;margin:0;font-size:24px;font-weight:600;display:flex}.brand-mark{width:32px;height:32px;display:block}.wordmark{letter-spacing:-.01em}.brand-back{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.headline{letter-spacing:-.015em;text-wrap:balance;margin:4px 0 0;font-size:28px;font-weight:800;line-height:1.12}.showcase{justify-content:center;align-self:stretch;margin:8px 0 4px;display:flex}.steps{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:12px 14px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.steps li{align-content:start;justify-items:center;gap:4px;width:108px;display:grid}.steps span{text-wrap:balance}.steps b{color:var(--ink);font-size:14px;font-weight:600}.step-icon{width:34px;height:34px;margin-bottom:2px;display:block}.step-icon .ic-paper{fill:var(--board-card);stroke:var(--board-ink);stroke-width:1.5px}.step-icon .ic-fold{fill:none;stroke:var(--board-ink);stroke-width:1.5px}.step-icon .ic-covered{fill:var(--board-covered);stroke:var(--board-ink);stroke-width:1.5px}.step-icon .ic-open{fill:var(--board-card)}.step-icon .ic-point{fill:var(--board-point)}.step-icon .ic-sun{fill:var(--board-sun)}.step-icon .ic-mark{fill:var(--board-mark)}.ways{justify-items:center;gap:12px;width:100%;display:grid}.else{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .3em;font-size:15px;display:flex}.start-puzzle{color:var(--ink);font:inherit;text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;margin:-10px 0;padding:10px 0;text-decoration:underline}.start-puzzle:disabled{color:var(--muted);cursor:default;text-decoration:none}.start-note{flex-basis:100%;margin:0;font-size:14px}.missing{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:420px;margin:0 auto;padding:24px 16px;display:flex}.missing h1{margin:0;font-size:20px;font-weight:600}.missing p{color:var(--muted);margin:0}.home{color:var(--point)}.legal{color:var(--muted);justify-content:center;gap:18px;margin-top:8px;font-size:13px;display:flex}.legal a{color:inherit;padding:8px 0}.share{flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:420px;margin:0 auto;padding:24px 16px;display:flex}.share-lead{text-align:center;margin:0}.link{border:1px solid var(--line);background:var(--card);width:100%;min-height:44px;color:var(--muted);border-radius:12px;padding:0 12px;font:14px/1.4 ui-monospace,monospace}.share-ways{gap:12px;display:flex}.copy{flex:1}.send{border:1px solid var(--line);background:var(--card);min-height:52px;color:var(--ink);font:inherit;border-radius:999px;flex:1;padding:0 16px;font-weight:600}.share-note{min-height:1.4em;color:var(--muted);text-align:center;margin:0;font-size:14px}.scan{flex-direction:column;align-items:center;gap:8px;margin:0;display:flex}.scan-open{cursor:pointer;background:0 0;border:0;width:100%;max-width:280px;padding:0;display:block}.scan-code{border-radius:8px;width:100%;height:auto;display:block}.scan-note{color:var(--muted);text-align:center;font-size:14px}.scan-sheet{z-index:4;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.scan-large{width:min(100vw,100dvh - 52px);height:auto;display:block}.scan-shut{color:#000;min-height:44px;font:inherit;background:#fff;border:1px solid #000;border-radius:12px;padding:0 20px;font-weight:600}.preview{flex-direction:column;gap:28px;width:100%;max-width:420px;margin:0 auto;padding:24px 0;display:flex}.preview-part{flex-direction:column;align-items:center;gap:10px;display:flex}.preview-part h2{color:var(--muted);margin:0;font-size:15px;font-weight:600}.preview-level{text-align:center;margin:0}.preview-note,.preview-hint{color:var(--muted);text-align:center;margin:0;font-size:14px}.chat-card{border:1px solid var(--line);border-left:3px solid var(--point);background:var(--card);text-align:left;border-radius:8px;width:100%;overflow:hidden}.chat-image{width:100%;height:auto;display:block}.chat-body{padding:10px 12px}.chat-title{margin:0;font-weight:600}.chat-text,.chat-empty{color:var(--ink);margin:4px 0 0}.chat-empty{color:var(--muted);font-style:italic}.chat-host{color:var(--muted);margin:6px 0 0;font-size:12px}.preview-door{max-width:100%;color:var(--muted);text-align:center;align-self:center;font-size:14px}.preview-door summary{color:var(--point);cursor:pointer}.door-price{margin:8px 0 0}.door-way{color:var(--point);margin-top:8px;display:inline-block}.papers{border:1px solid var(--line);border-radius:12px;width:100%;max-width:420px;margin:0 auto;padding:16px}.papers legend{padding:0 6px;font-weight:600}.paper-note{color:var(--muted);margin:0 0 8px;font-size:14px}.paper-row{flex-wrap:wrap;gap:8px;display:flex}.paper{background:var(--card);border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.paper input{width:20px;height:20px}.levels{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;width:100%;max-width:420px;margin:0 auto;padding:16px;display:flex}.levels legend{padding:0 6px;font-weight:600}.level{background:var(--card);border-radius:10px;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px;min-height:52px;padding:8px 10px;display:grid}.level input{grid-row:span 2;align-self:center;width:20px;height:20px}.level-name{font-weight:600}.level-sentence{color:var(--muted);grid-column:2;font-size:14px}.level-cap{color:var(--muted);margin:4px 0 0;font-size:14px}.feedback{flex-direction:column;gap:12px;width:100%;max-width:420px;margin:0 auto;padding:0 16px;display:flex}.feedback:empty{display:none}.feedback-answer,.feedback-repair{border:1px solid var(--line);border-left:3px solid var(--point);background:var(--card);border-radius:10px;padding:12px 14px}.answer-headline,.repair-headline{margin:0;font-weight:600}.answer-way,.repair-detail,.feedback-untried{color:var(--muted);margin:6px 0 0;font-size:14px}.feedback-untried{margin:0}.draw{flex-direction:column;gap:12px;width:100%;max-width:420px;margin:0 auto;padding:16px 0;display:flex}.draw-board{place-items:center;display:grid}.draw-advice,.draw-merge,.paper-fade{border:1px solid var(--line);border-left:3px solid var(--point);background:var(--card);border-radius:10px;margin:0 16px;padding:12px 14px;font-size:14px}.advice-note,.merge-note,.fade-note{font-weight:600}.advice-suggestion,.merge-suggestion,.fade-suggestion{color:var(--muted)}.draw-brush{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;margin:0 16px;padding:12px;display:flex}.draw-brush>legend,.brush-group>legend{padding:0 6px;font-weight:600}.brush-note{color:var(--muted);margin:0 0 4px;font-size:14px}.brush-halves{flex-direction:column;gap:8px;display:flex}.brush-group{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:8px;padding:8px 12px 12px;display:flex}.brush{background:var(--card);border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.brush input[type=radio]{width:20px;height:20px}.swatch{border:1px solid var(--line);border-radius:4px;width:20px;height:20px}@media (width<=560px){.draw-brush{z-index:2;padding:6px 10px max(6px, env(safe-area-inset-bottom));background:var(--bg);gap:6px;margin:0 8px;position:sticky;bottom:0}.draw-brush>legend{background:var(--bg);border-radius:4px;padding:0 4px;font-size:12px}.brush-note{margin:0;font-size:12px}.brush-halves{flex-direction:row;align-items:stretch}.brush-group{flex-wrap:nowrap;gap:4px;padding:2px 6px 5px}.brush-group[data-group=motif]{flex:1;min-width:0}.brush-group>legend{white-space:nowrap;padding:0 4px;font-size:11px}.brush{flex:1;justify-content:center;gap:4px;min-width:0;padding:0 4px}.brush input[type=radio]{clip-path:inset(50%);width:1px;height:1px;position:absolute}.brush:has(input:checked){box-shadow:inset 0 0 0 2px var(--point)}.brush:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.brush-group[data-group=motif] .brush-name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.slot-field{border:1px solid var(--line);background:var(--card);width:5em;min-height:44px;color:var(--ink);font:inherit;text-transform:uppercase;border-radius:10px;padding:0 12px}.text-room{color:var(--muted);margin:0;font-size:14px}.slot{align-items:center;gap:8px;display:flex}.template{flex-direction:column;gap:12px;width:100%;max-width:420px;margin:0 auto;padding:16px 0;display:flex}.template-choice,.template-slots,.template-colour{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:8px;margin:0 16px;padding:12px;display:flex}.template-choice legend,.template-slots legend,.template-colour legend{padding:0 6px;font-weight:600}.choice{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font:inherit;border-radius:10px;padding:0 14px}.choice[data-active]{border-color:var(--point);background:var(--bg);font-weight:600}.template-board{place-items:center;display:grid}.colour-choice{background:var(--card);border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.colour-choice input[type=radio]{width:20px;height:20px}.custom-colour{appearance:none;background:0 0;padding:0}.custom-colour::-webkit-color-swatch-wrapper{padding:0}.custom-colour::-webkit-color-swatch{border:none;border-radius:3px}.custom-colour::-moz-color-swatch{border:none;border-radius:3px}.slot-room,.slot-count{color:var(--muted);font-size:14px}.card-text{flex-direction:column;gap:12px;margin:0 16px;display:flex}.text-part{flex-direction:column;gap:6px;display:flex}.card-text-field{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;resize:vertical;border-radius:10px;padding:10px 12px}.field-note{color:var(--muted);margin:0;font-size:14px}.field-count{white-space:nowrap}.text-bar{border:1px solid var(--line);background:var(--card);border-radius:999px;height:6px;display:flex;overflow:hidden}.bar-share{height:100%}.bar-share[data-part=intro]{background:var(--point)}.bar-share[data-part=outro]{background:var(--muted)}.text-bar[data-full]{border-color:var(--point)}.card-flow{text-align:left;flex-direction:column;align-items:stretch;gap:24px;width:100%;display:flex}.step{flex-direction:column;align-items:stretch;gap:24px;scroll-margin-top:46px;display:flex}.step-bar{z-index:3;border-bottom:1px solid var(--line);background:var(--bg);padding:6px 0;position:sticky;top:0}.step-bar ol{flex-wrap:wrap;align-items:center;gap:0 4px;margin:0;padding:0;list-style:none;display:flex}.step-bar li{align-items:center;display:flex}.step-bar li+li:before{content:"·";color:var(--line)}.step-word{min-height:32px;color:var(--muted);font:inherit;background:0 0;border:0;border-radius:8px;padding:0 4px;font-size:14px}.step-word[data-here]{color:var(--ink);font-weight:700}.step-word:disabled{color:var(--line)}.sizes{border:1px solid var(--line);border-radius:12px;margin:0;padding:12px}.sizes legend{color:var(--muted);padding:0 6px;font-size:14px}.size-row{gap:8px;display:flex}.size{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font:inherit;white-space:nowrap;border-radius:10px;flex:1;padding:0 6px}.size[data-active]{background:var(--ink);color:var(--bg)}.size-note{color:var(--muted);margin:8px 0 0;font-size:14px}.switch-cost{color:var(--muted);margin:4px 0 0;font-size:13px}.paths{border:1px solid var(--line);border-radius:12px;margin:0;padding:12px}.path-row{gap:8px;display:flex}.paths legend{color:var(--muted);padding:0 6px;font-size:14px}.path{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font:inherit;border-radius:10px;flex:1;padding:0 12px}.path[data-active]{background:var(--ink);color:var(--bg)}.make{flex-direction:column;align-items:center;gap:8px;display:flex}.make-note{color:var(--muted);text-align:center;margin:0;font-size:14px}.making{color:var(--muted);text-align:center;margin:0}.card-flow[data-waiting] .template-board,.card-flow[data-waiting] .draw-board{opacity:.5}@media (width>=900px){.landing:has(.card-flow){max-width:1100px;padding:24px 24px 32px}.step{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:start;gap:20px 32px;display:grid}.step>*{grid-column:2}.step[data-step=start]>.sizes{grid-column:1}.draw,.template,.share{grid-column:1/-1;grid-template-rows:repeat(8,auto);grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:start;gap:20px 32px;max-width:none;padding:0;display:grid}.draw-board,.template-board,.scan{grid-area:1/1/-1;align-self:start}.draw-board,.template-board{position:sticky;top:58px}.preview{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px 32px;max-width:none;padding:0;display:grid}.preview-door{place-self:start center}}