@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2)format("woff2-variations")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kalam-latin-400-normal-BthBl_aR.woff2)format("woff2")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kalam-latin-700-normal-D2H-9ISU.woff2)format("woff2")}@font-face{font-family:Reenie Beanie;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/reenie-beanie-latin-400-normal-4a-HEdeI.woff2)format("woff2")}@font-face{font-family:La Belle Aurore;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/la-belle-aurore-latin-400-normal-D1eTpURF.woff2)format("woff2")}@font-face{font-family:Special Elite;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/special-elite-latin-400-normal-YjDd9tmf.woff2)format("woff2")}:root{--page:#f1ede4;--bench:#4a3828;--ink:#3b3427;--muted:#7e6b50;--button:#fbf7ee;--button-edge:#c9b99b;--pad:16px;--board:min(calc(100vw - 2 * var(--pad)), 62vh)}*{box-sizing:border-box}html{background:var(--bench)}html,body{color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none;margin:0;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.screen{height:100dvh;padding:max(var(--pad), env(safe-area-inset-top)) var(--pad) max(var(--pad), env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:16px;display:flex;overflow:hidden}.top{text-align:center;background:#fbf7ee;border-radius:2px;padding:6px 18px 7px;transform:rotate(-1deg);box-shadow:0 1px #d8cdb6,0 3px 6px #281a0e59}h1{font-variation-settings:"SOFT" 100;letter-spacing:-.01em;margin:0;font-family:Fraunces,Georgia,serif;font-size:1.6rem;font-weight:650}.puzzle-name{color:#5a4e3c;letter-spacing:.02em;margin:3px 0 0;font-size:.95rem;font-weight:700}.board-wrap{width:var(--board);height:var(--board)}.bench{z-index:-1;width:100vw;height:100vh;display:block;position:fixed;inset:0}.board{width:100%;height:100%;position:relative}.board-scene,.board-marks{width:100%;height:100%;display:block;position:absolute;inset:0}.board-marks{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.controls,.solved{width:var(--board);justify-content:center;align-items:center;gap:12px;display:flex}.solved p{font-variation-settings:"SOFT" 100;background:#fbf7ee;border-radius:2px;margin:0;padding:6px 16px 7px;font-family:Fraunces,Georgia,serif;font-size:1.15rem;font-weight:650;transform:rotate(1.2deg);box-shadow:0 1px #d8cdb6,0 3px 6px #281a0e59}button{height:48px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;background:#fbf7ee;border:none;border-radius:24px;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:700;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:inline-flex;box-shadow:0 1px #d8cdb6,0 3px 6px #3a261447}button .icon{flex:none;width:20px;height:20px}button:active:not(:disabled){transform:translateY(1px);box-shadow:0 0 #d8cdb6,0 1px 3px #3a26144d}button:disabled{color:#3b342761;cursor:default;box-shadow:0 1px #d8cdb6,0 2px 4px #3a26142e}button.primary{background:var(--ink);color:#fbf7ee;box-shadow:0 1px #1f1a12,0 3px 6px #3a261459}.grow-in{transform-box:fill-box;transform-origin:50% 85%;animation:grow-in .65s cubic-bezier(.2, .8, .3, 1.25) var(--delay,0s) both}.sprout-out{animation:fade-out .3s ease-out var(--delay,0s) both}.fade-away{animation:.45s ease-out both fade-out}@keyframes grow-in{0%{opacity:0;transform:scale(.35)}45%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.grow-in,.sprout-out,.fade-away{animation-duration:1ms;animation-delay:0s}}.drift{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.drifter{left:-30px;top:var(--top);opacity:.85;filter:drop-shadow(0 2px 1px #3a261440);animation:drift var(--duration) linear var(--delay) infinite;position:absolute}@keyframes drift{0%{transform:translate(0,0)rotate(0)}50%{transform:translate3d(55vw, calc(var(--fall) * .6), 0) rotate(calc(var(--spin) * 200deg))}to{transform:translate3d(calc(100vw + 60px), var(--fall), 0) rotate(calc(var(--spin) * 400deg))}}.sway{transform-box:fill-box;transform-origin:50% 90%;animation:sway 4.5s ease-in-out calc(var(--delay,0s) + .7s) infinite alternate}@keyframes sway{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.note.pinned-in{animation:.52s cubic-bezier(.2,.8,.3,1.2) both pin-in}@keyframes pin-in{0%{transform:translateY(-14px) rotate(calc(var(--tilt) + 5deg)) scale(1.04);opacity:0}to{transform:rotate(var(--tilt));opacity:1}}@media (prefers-reduced-motion:reduce){.drift{display:none}.sway,.note.pinned-in{animation:none}}.bulletin{min-height:0;width:var(--board);box-sizing:border-box;background-color:#c99b68;background-image:radial-gradient(#a97a48 1px,#0000 1.4px),radial-gradient(#ddb487 1px,#0000 1.4px);background-position:0 0,3px 5px;background-size:7px 7px,11px 11px;border:6px solid #8e6239;border-radius:6px;flex-wrap:wrap;flex:1 1 0;align-content:flex-start;align-items:flex-start;padding:14px 10px 10px;display:flex;overflow:hidden;box-shadow:0 3px 6px #3a26144d,inset 0 1px 3px #00000040}.note{transform:rotate(var(--tilt));--note-scale:1;margin:4px -6px -16px 0;position:relative}.note .paper{flex-direction:column;gap:2px;display:flex}.note p{margin:0}.note-sign{align-self:flex-end}.pin{border-radius:7px;width:14px;height:14px;margin-left:-7px;position:absolute;top:-6px;left:50%;box-shadow:0 2px 2px #3c140a66,inset -2px -2px #0000002e,inset 2px 2px #ffffff4d}.staple{background:#9a9a9a;border-radius:1px;width:12px;height:2px;position:absolute;top:4px}.note-plot4{width:calc(198px * var(--note-scale))}.note-plot4 .paper{color:#27468a;background-color:#fff;background-image:linear-gradient(#e58c8c,#e58c8c),repeating-linear-gradient(#0000 0 19px,#c5d8ea 19px 20px);background-position:0 22px,0 27px;background-repeat:no-repeat;background-size:100% 2px,100% calc(100% - 27px);padding:27px 12px 6px 14px;font-family:Kalam,cursive;font-size:14.5px;line-height:20px;box-shadow:0 2px 4px #3a261459}.note-plot4 .note-sign{font-weight:700}.note-plot4 .pin{background:#d9534a}.note-plot9{width:calc(136px * var(--note-scale));filter:drop-shadow(0 2px 2px #3a261459)}.note-plot9 .paper{clip-path:polygon(0% 6px,5% 0,11% 5px,17% 1px,23% 6px,30% 0,37% 4px,44% 1px,51% 6px,58% 0,65% 5px,72% 1px,79% 6px,86% 0,93% 4px,100% 2px,100% 100%,0% 100%);color:#555;background-color:#fdfbf3;background-image:linear-gradient(90deg,#0000 16px,#eba3a3 16px 17px,#0000 17px),repeating-linear-gradient(#0000 0 20px,#cfddea 20px 21px);padding:14px 8px 6px 22px;font-family:Reenie Beanie,cursive;font-size:21px;line-height:21px}.note-plot9 .pin{background:#4a86c9;top:-3px}.note-committee{width:calc(214px * var(--note-scale))}.note-committee .paper{color:#333;background:#f7f2e4;gap:4px;padding:12px 12px 8px;font-family:Special Elite,monospace;font-size:12px;line-height:16px;box-shadow:0 2px 3px #3a26144d}.note-plot2{width:calc(190px * var(--note-scale))}.note-plot2 .paper{color:#2f3a5c;background-color:#f6eedb;background-image:linear-gradient(#d9c79c,#d9c79c);background-position:14px 12px;background-repeat:no-repeat;background-size:calc(100% - 28px) 1px;padding:20px 14px 8px;font-family:La Belle Aurore,cursive;font-size:17px;line-height:23px;box-shadow:0 2px 4px #3a261452}.note-plot2 .pin{background:#ede6d6}.guide-board{place-content:center}.guide-slip{background:#fbf7ee;border-radius:2px;flex-direction:column;align-items:flex-start;gap:10px;max-width:92%;padding:18px 18px 14px;font-size:16px;line-height:1.4;display:flex;position:relative;transform:rotate(-.8deg);box-shadow:0 2px 4px #3a261459}.guide-slip p{margin:0}.guide-slip .pin{background:#d9534a}.guide-focus{fill:#fff8e161;stroke:#fff8e1f2;stroke-width:1.2px}.guide-target{fill:none;stroke:#fbf7ee;stroke-width:1.8px}button.small{height:36px;padding:0 16px;font-size:14px}button.quiet{padding:0 16px}button.icon-only{padding:0 14px}.rules-backdrop{z-index:10;background:#281a0e59;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rules-card{background:#fbf7ee;border-radius:2px;flex-direction:column;align-items:flex-start;gap:10px;max-width:420px;padding:20px 22px 18px;font-size:16px;line-height:1.45;display:flex;transform:rotate(-.6deg);box-shadow:0 1px #d8cdb6,0 6px 14px #281a0e66}.rules-card h2{font-variation-settings:"SOFT" 100;margin:0 0 2px;font-family:Fraunces,Georgia,serif;font-size:1.4rem;font-weight:650}.rules-card p{margin:0}.rules-card button{align-self:flex-end;margin-top:4px}@media (width<=440px){.controls{gap:8px}.controls button{gap:6px;padding:0 13px;font-size:14px}.controls button.icon-only{padding:0 11px}.note{--note-scale:.9}.note-plot4 .paper{background-image:linear-gradient(#e58c8c,#e58c8c),repeating-linear-gradient(#0000 0 18px,#c5d8ea 18px 19px);font-size:13.5px;line-height:19px}.note-plot9 .paper{font-size:19px;line-height:20px}.note-committee .paper{font-size:11.5px;line-height:15px}.note-plot2 .paper{font-size:16px;line-height:21px}}.timings{font-variant-numeric:tabular-nums;background:#fbf7ee;border-radius:2px;margin:0;padding:4px 10px;font-size:13px}@media (width>=700px) and (height>=700px){:root{--pad:24px;--board:min(calc(100vw - 2 * var(--pad)), 56vh)}.note{--note-scale:1.15}.note-plot4 .paper{background-image:linear-gradient(#e58c8c,#e58c8c),repeating-linear-gradient(#0000 0 22px,#c5d8ea 22px 23px);background-position:0 25px,0 30px;padding-top:30px;font-size:16.5px;line-height:23px}.note-plot9 .paper{background-image:linear-gradient(90deg,#0000 16px,#eba3a3 16px 17px,#0000 17px),repeating-linear-gradient(#0000 0 23px,#cfddea 23px 24px);font-size:24px;line-height:24px}.note-committee .paper{font-size:14px;line-height:18px}.note-plot2 .paper{font-size:19.5px;line-height:26px}.screen{padding-top:max(32px, env(safe-area-inset-top));gap:24px}h1{font-size:2.2rem}.puzzle-name{font-size:1.2rem}button{border-radius:29px;gap:10px;height:58px;padding:0 30px;font-size:19px}button .icon{width:24px;height:24px}.solved p{font-size:1.5rem}.guide-slip,.rules-card{font-size:19px}.controls,.solved{gap:20px}}@media (orientation:landscape){:root{--board:min(calc(100dvh - 2 * var(--pad)), 62vw)}.screen{grid-template-columns:var(--board) minmax(0, 1fr);justify-content:center;align-items:start;column-gap:calc(2 * var(--pad));padding-top:var(--pad);grid-template-rows:auto auto 1fr;grid-template-areas:"board top""board below""board bulletin";row-gap:16px;display:grid}.board-wrap{grid-area:board}.bulletin{width:100%;height:100%;max-height:calc(100dvh - 2 * var(--pad) - 160px);grid-area:bulletin}.top{text-align:left;grid-area:top;justify-self:start}.controls,.solved{flex-wrap:wrap;grid-area:below;justify-content:flex-start;width:auto}}.screen.revealing>:not(.bench):not(.drift):not(.opening){transition:opacity .45s}.screen.covered>:not(.bench):not(.drift):not(.opening){opacity:0}.opening{z-index:50;opacity:1;transition:opacity var(--fade) ease;flex-direction:column;justify-content:center;align-items:center;gap:4px;animation:.4s both opening-in;display:flex;position:fixed;inset:0}.opening.leaving{opacity:0}.opening-cat{aspect-ratio:1;width:min(56vw,42vh,340px)}.opening-name{font-variation-settings:"SOFT" 100;letter-spacing:-.01em;color:#3b3427;background:#fbf7ee;border-radius:2px;margin:0;padding:8px 26px 10px;font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,7vw,3.4rem);font-weight:650;transform:rotate(-1.5deg);box-shadow:0 1px #d8cdb6,0 3px 6px #281a0e59}@keyframes opening-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.opening{animation:none}}