:root{--hl-selected: rgb(234, 150, 111);--hl-band: rgb(245, 196, 172);--hl-spill: rgb(251, 226, 213);--hl-band-tint: rgb(249, 221, 206);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#242a2d;background:#f7f5f0}*{box-sizing:border-box}body{height:100svh;margin:0;min-width:320px;overflow:hidden}button,select{font:inherit}button{cursor:pointer}.game-shell{height:100svh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) clamp(9rem,35svh,22rem);overflow:hidden}header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 max(1.5rem,calc((100vw - 1180px)/2));border-bottom:1px solid #d5d0c6;background:#fbfaf6}.wordmark{flex:none;display:inline-flex;align-items:center;color:#263c32;font-family:Georgia,serif;font-weight:700;font-size:1.5rem;text-decoration:none}.wordmark-logo{width:1.2em;height:1.2em;margin-right:.4em;flex:none}.wordmark-text span{color:#92704b}select{padding:.45rem .65rem;color:#242a2d;background:#fff;border:1px solid #bbb4a8;border-radius:.25rem;text-transform:none;letter-spacing:normal}.game-area{width:min(100% - 2rem,1180px);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:1rem;margin:0 auto;padding:clamp(.75rem,2vh,1.5rem) 0;overflow:hidden}.game-heading{display:flex;justify-content:space-between;align-items:end}.eyebrow{margin:0 0 .35rem;color:#4a695b;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:500}.board-wrap{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:clamp(.75rem,2.5vw,2rem);outline:none;background:#fff;border:1px solid #cdc6bb;box-shadow:0 2px 9px #3d41310b;overflow:hidden}.board-wrap:focus-visible:not(.has-selection){outline:3px solid #8aa797;outline-offset:3px}.quilt-board{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:850px;margin:auto}.clue-band{fill:var(--hl-band)}.clue-band-overlay{pointer-events:none;mix-blend-mode:multiply}.clue-band-tint{fill:var(--hl-band-tint)}.patch{fill:#fff;stroke:#242a2d;stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .12s ease,stroke .12s ease}.patch:hover{fill:#edf3ef}.patch.is-highlighted{fill:var(--hl-spill)}.patch.is-selected{fill:var(--hl-selected);stroke:#242a2d;stroke-width:3px}.board-frame{fill:none;stroke:#242a2d;stroke-width:4px;stroke-linejoin:miter;vector-effect:non-scaling-stroke;pointer-events:none}.selected-patch{transform-box:fill-box;transform-origin:center;transform:scale(1.06);animation:patch-pop .12s ease-out}@keyframes patch-pop{0%{transform:scale(1)}to{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.selected-patch{animation:none}}.patch-letter{white-space:pre;fill:#1f3228;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none}.board-message{min-height:1lh;margin:.65rem 0 0;color:#68706b;font-size:.84rem;text-align:center}.clues{min-height:0;height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,8vw,9rem);padding:1.25rem max(1.5rem,calc((100vw - 1180px)/2));border-top:1px solid #d5d0c6;overflow-y:auto;overscroll-behavior:contain}.clue-column h2{margin:0 0 .6rem;color:#486757;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.clue{display:grid;grid-template-columns:1.9rem 1fr;width:100%;gap:.5rem;padding:.45rem .35rem;color:inherit;text-align:left;background:transparent;border:0;border-radius:.2rem;line-height:1.35}.clue.is-candidate{background:var(--hl-spill)}.clue:hover,.clue.is-active{background:#e4ece6}.clue .clue-length{display:grid;place-items:center;align-self:start;height:1.35rem;color:#8a6b50;background:#f1ebe2;border:1px solid #e3d9cb;border-radius:.2rem;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.clue .clue-length:empty{visibility:hidden}.completion-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:1.5rem;background:#19312666}.completion-modal{width:min(100%,420px);padding:2.5rem;background:#fbfaf6;border:1px solid #b8a98e;border-radius:.5rem;box-shadow:0 18px 50px #1024194d;text-align:center}.completion-modal h2{margin:.2rem 0 .8rem;color:#284838;font-family:Georgia,serif;font-size:2.3rem;font-weight:500}.completion-modal p:not(.eyebrow){color:#58635d;line-height:1.5}.completion-modal button{margin-top:1rem;padding:.7rem 1rem;color:#fff;background:#365e4a;border:0;border-radius:.25rem}button:disabled{cursor:default;opacity:.45}.header-actions{min-width:0;display:flex;align-items:center;gap:.35rem}.header-button{flex:none;white-space:nowrap}.header-button,.account-toggle{padding:.3rem .6rem;color:#345845;background:transparent;border:1px solid transparent;border-radius:.25rem;font-size:.85rem;font-weight:600}.header-button:hover,.account-toggle:hover,.account-toggle[aria-expanded=true]{background:#e4ece6}.account{position:relative;min-width:0}.account-badge{margin-left:.4rem;padding:.05rem .35rem;color:#8a6b50;background:#f1e8dc;border-radius:.2rem;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.account-modal{position:relative;width:min(100%,440px);max-height:calc(100svh - 3rem);overflow-y:auto;display:grid;gap:1.1rem;padding:2rem;text-align:left}.account-modal h2{margin:0;font-size:1.9rem}.account-section{display:grid;gap:.65rem}.account-modal label{display:grid;gap:.3rem;color:#5c625f;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.account-hint{font-weight:500;letter-spacing:normal;text-transform:none}.account-modal input{width:100%;padding:.6rem .7rem;color:#242a2d;font:inherit;font-size:1rem;font-weight:400;letter-spacing:normal;text-transform:none;background:#fff;border:1px solid #bbb4a8;border-radius:.35rem}.account-modal input::placeholder{color:#a3a8a4;opacity:1}.account-modal input:focus-visible{outline:2px solid #365e4a;outline-offset:1px}.account-modal .account-code{font-size:1.4rem;font-variant-numeric:tabular-nums;letter-spacing:.3em;text-align:center}.account-modal .account-field-hint{margin:-.35rem 0 0;color:#8a908c;font-size:.78rem}.account-row{display:flex;gap:.5rem}.account-row input{flex:1;min-width:0}.account-modal .account-primary,.account-modal .account-secondary{margin:0;padding:.7rem 1rem;border-radius:.75rem;font-weight:700}.account-modal .account-secondary{color:#345845;background:transparent;border:1px solid #789082}.account-modal .account-secondary:hover:not(:disabled){background:#e4ece6}.account-modal .account-link{justify-self:center;margin:0;padding:.2rem .3rem;color:#365e4a;background:transparent;font-size:.88rem;text-decoration:underline;text-underline-offset:.15em}.account-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 1rem}.account-modal .account-close{position:absolute;top:.6rem;right:.6rem;width:2.2rem;height:2.2rem;margin:0;padding:0;color:#58635d;background:transparent;border-radius:50%;font-size:1.5rem;line-height:1}.account-modal .account-close:hover{background:#e4ece6}.account-tabs{display:grid;grid-template-columns:1fr 1fr;margin-right:2rem;border:1px solid #bbb4a8;border-radius:.5rem;overflow:hidden}.account-modal .account-tabs button{margin:0;padding:.55rem;color:#345845;background:transparent;border-radius:0;font-size:.9rem;font-weight:600}.account-modal .account-tabs button.is-active{color:#fff;background:#4a695b}.account-modal .account-note,.account-modal .account-notice{margin:0;color:#58635d;font-size:.88rem;line-height:1.45}.account-modal .account-notice{padding:.55rem .7rem;color:#284838;background:#e4ece6;border-radius:.35rem;font-weight:600}.account-modal .account-notice.is-error{color:#8a2f22;background:#f8e3dd}.account-divider{width:100%;margin:0;border:0;border-top:1px solid #e0d9cc}@media(max-width:480px){.account-backdrop{padding:.75rem}.account-modal{padding:1.5rem 1.25rem}}.game-controls{display:flex;align-items:center;gap:.5rem}.timer{min-width:3.5rem;color:#345845;font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.timer.is-solved{color:#92704b}.patch.is-correct{fill:#d3e6d9}.patch.is-incorrect{fill:#f3c7c0}.game-empty{place-items:center;color:#58635d}.app-message{max-width:32rem;margin:0 auto;padding:3rem 1.5rem;color:#58635d;line-height:1.5}.app-message h1{margin:1.5rem 0 .75rem;color:#242a2d}.archive{width:min(100%,360px);padding:1.5rem;background:#fbfaf6;border:1px solid #b8a98e;border-radius:.5rem;box-shadow:0 18px 50px #1024194d}.archive-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.archive-header h2{margin:0;color:#284838;font-family:Georgia,serif;font-size:1.35rem;font-weight:500}.archive-header button{width:2rem;height:2rem;color:#345845;background:transparent;border:1px solid #cdc6bb;border-radius:.25rem;font-size:1.1rem}.archive-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.archive-weekday{color:#8a8f8b;font-size:.7rem;font-weight:700;text-align:center}.archive-day{aspect-ratio:1;color:#a6a9a4;background:transparent;border:1px solid transparent;border-radius:.25rem;font-size:.85rem}.archive-day:disabled{opacity:1}.archive-day.has-quilt{color:#242a2d;background:#e4ece6;font-weight:700}.archive-day.has-quilt:hover{background:#cddcd2}.archive-day.is-today{border-color:#92704b}.archive-day.is-selected{color:#fff;background:#365e4a}.archive-status{margin:1rem 0 0;color:#68706b;font-size:.82rem;text-align:center}.completion-modal.leaderboard-modal{max-height:calc(100svh - 3rem);display:flex;flex-direction:column;min-height:0}.leaderboard-panel{min-height:0;display:flex;flex-direction:column;margin-top:1rem}.histogram{--histogram-bar: #d9ccb8;--histogram-bar-hover: #c4b294;--histogram-mine: #365e4a;margin:0 0 1rem}.histogram.is-loading{height:6.1rem}.histogram-bars,.histogram-axis{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px}.histogram-bars{height:4.25rem;padding-top:1rem;border-bottom:1px solid #cfc6b8}.histogram-bin{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;height:100%;outline:none;cursor:default}.histogram-bar{flex-shrink:0;display:block;height:0;background:var(--histogram-bar);border-radius:4px 4px 0 0}.histogram-bin.is-hovered .histogram-bar,.histogram-bin:focus-visible .histogram-bar{background:var(--histogram-bar-hover)}.histogram-bin.is-overflow,.histogram-axis .is-overflow{margin-left:4px}.histogram-bin.is-overflow .histogram-bar{background:repeating-linear-gradient(135deg,var(--histogram-bar) 0 3px,#ebe3d6 3px 6px)}.histogram-bin.is-mine .histogram-bar,.histogram-bin.is-mine.is-overflow .histogram-bar{background:var(--histogram-mine)}.histogram-bin.is-mine.is-overflow .histogram-bar{background:repeating-linear-gradient(135deg,var(--histogram-mine) 0 3px,#4f7a64 3px 6px)}.histogram-bin:focus-visible{box-shadow:0 0 0 2px #fbfaf6,0 0 0 4px #365e4a;border-radius:4px 4px 0 0}.histogram-you{flex-shrink:0;margin:0 -1rem 2px;color:#365e4a;font-size:.62rem;font-weight:800;letter-spacing:.06em;line-height:1;text-align:center;text-transform:uppercase;white-space:nowrap;pointer-events:none}.histogram-axis{margin-top:.25rem;color:#8a8f8a;font-size:.65rem;font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap}.histogram-axis span{overflow:visible}.histogram-axis .is-overflow{text-align:center}.histogram-caption{min-height:1.2rem;margin-top:.35rem;color:#58635d;font-size:.8rem}.histogram-caption strong{color:#242a2d;font-variant-numeric:tabular-nums}.leaderboard-tabs{display:grid;grid-template-columns:1fr 1fr;padding:.2rem;background:#f1ebe2;border:1px solid #e3d9cb;border-radius:.6rem}.completion-modal .leaderboard-tab{margin:0;padding:.45rem .5rem;color:#58635d;background:transparent;border-radius:.45rem;font-size:.85rem;font-weight:700;white-space:nowrap}.completion-modal .leaderboard-tab.is-current{color:#fff;background:#365e4a}.leaderboard{min-height:0;margin:.75rem 0 0;padding:0;overflow-y:auto;list-style:none;text-align:left;overscroll-behavior:contain}.leaderboard li{display:grid;grid-template-columns:2rem minmax(0,1fr) 2.25rem 4rem;align-items:center;gap:.5rem;padding:.4rem .5rem;border-bottom:1px solid #e4ded3}.leaderboard.is-perfect li{grid-template-columns:2rem minmax(0,1fr) 4rem}.leaderboard li.leaderboard-head{position:sticky;top:0;z-index:1;padding-top:0;color:#8a8f8a;background:#fbfaf6;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.leaderboard-head span:nth-child(3),.leaderboard-head span:last-child{text-align:center}.leaderboard-head span:last-child{text-align:right}.leaderboard li.leaderboard-gap{display:block;padding:.1rem 0;color:#a6a9a4;text-align:center;letter-spacing:.2em}.leaderboard li.is-mine{background:#e4ece6;border-radius:.25rem}.leaderboard-rank{color:#8a6b50;font-weight:700;font-variant-numeric:tabular-nums}.leaderboard-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-you{color:#4a695b;font-weight:700}.leaderboard-checks{display:grid;place-items:center;height:1.35rem;color:#8a6b50;background:#f1ebe2;border:1px solid #e3d9cb;border-radius:.2rem;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.leaderboard-time{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.leaderboard-empty{margin:1rem 0 0}@media(max-width:600px){.completion-modal.leaderboard-modal{padding:1.75rem 1.25rem 1.5rem}.completion-modal.leaderboard-modal h2{font-size:1.9rem}}.completion-modal p.leaderboard-count{margin:.6rem 0 0;color:#68706b;font-size:.8rem}@media(max-width:600px){.game-shell{grid-template-rows:52px minmax(0,1fr) clamp(10rem,40svh,24rem)}header{height:52px;gap:.5rem;padding:0 .75rem}.wordmark{font-size:1.2rem}.header-actions{min-width:0;gap:0}.header-button,.account-toggle{padding:.3rem .4rem;font-size:.8rem}.account-toggle{max-width:min(7.5rem,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-badge{display:none}.game-controls{flex-wrap:wrap;justify-content:flex-end}.game-heading{gap:.5rem}.game-heading>div:first-child{min-width:0}.game-area{width:min(100% - 1rem,1180px);gap:.5rem;padding:.5rem 0}.game-heading{align-items:flex-start}.board-wrap{padding:.55rem}.board-message{margin-top:.35rem;font-size:.72rem}.clues{grid-template-columns:1fr;gap:1.25rem;padding:1rem 1.25rem}}.check-button{display:inline-flex;align-items:center;gap:.1rem;padding:.35rem .5rem;color:#345845;background:transparent;border:1px solid #789082;border-radius:.25rem;line-height:0}.check-button:hover:not(:disabled),.check-button[aria-expanded=true]{background:#e4ece6}.check-button svg{width:2rem;height:1.6rem}.help-button svg,.leaderboard-button svg{width:1.6rem}.check-modal{width:min(100%,360px);padding:1.75rem}.check-modal h2{margin-top:0;font-size:1.8rem}.check-options{display:grid;gap:.5rem}.completion-modal .check-option,.completion-modal .check-cancel{width:100%;margin:0;padding:.75rem 1rem;border-radius:.75rem;font-weight:700;text-align:center}.completion-modal .check-cancel{margin-top:1rem;font-weight:500;color:#345845;background:transparent;border:1px solid #789082}.completion-modal .check-cancel:hover{background:#e4ece6}.game-shell.has-soft-keyboard{grid-template-rows:44px minmax(0,1fr) clamp(7rem,24svh,16rem) 3.6rem auto}.keyboard-toggle{display:inline-flex;align-items:center;padding:.35rem .5rem;color:#345845;background:transparent;border:1px solid #789082;border-radius:.25rem;line-height:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.keyboard-toggle:focus:not(:focus-visible){outline:none}.keyboard-toggle[aria-pressed=true]{background:#e4ece6}.keyboard-toggle svg{width:1.9rem;height:1.6rem}.soft-keyboard{display:grid;gap:.4rem;padding:.45rem .25rem calc(.45rem + env(safe-area-inset-bottom));background:#ece8df;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:opacity .15s}.soft-keyboard.is-idle{opacity:.6}.game-shell.has-soft-keyboard>.clues{grid-area:3 / 1}.clue-bar{position:relative;z-index:1;grid-area:3 / 1 / 5 / 2;align-self:end;min-width:0;max-height:100%;display:flex;align-items:flex-end;gap:.3rem;padding:.4rem max(.25rem,calc((100% - 640px)/2)) 0;background:#ece8df;border-top:1px solid #d5d0c6;box-shadow:0 -6px 14px #3d41310f}.soft-keyboard{grid-area:5 / 1}.clue-bar-arrow{flex:0 0 2.6rem;height:3.1rem;display:grid;place-items:center;padding:0;color:#345845;background:#dde5df;border:1px solid #c3cfc7;border-radius:.35rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.clue-bar-arrow:active{background:#c9d6cd}.clue-bar-arrow svg{width:.75rem;height:1.25rem}.clue-bar-list{flex:1 1 auto;align-self:stretch;min-width:0;min-height:0;display:flex;flex-direction:column;gap:.3rem;overflow-y:auto;overscroll-behavior:contain}.clue-bar-item{flex:none;min-height:3.1rem;display:grid;grid-template-columns:1.7rem minmax(0,1fr);align-items:center;gap:.45rem;padding:.3rem .6rem .3rem .4rem;color:#242a2d;background:#fff;border:1px solid #cdc6bb;border-radius:.35rem;font-size:.85rem;text-align:left;-webkit-tap-highlight-color:transparent}.clue-bar-item.is-active{background:#e4ece6;border-color:#a9bdb0}.clue-bar-item.is-candidate{background:var(--hl-spill);border-color:#e9c3ad}.clue-bar-length{display:grid;place-items:center;height:1.35rem;color:#8a6b50;background:#f1ebe2;border:1px solid #e3d9cb;border-radius:.2rem;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.clue-bar-length:empty{visibility:hidden}.clue-bar-body{min-width:0;display:grid}.clue-bar-direction{color:#4a695b;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.clue-bar-text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;line-height:1.2}.clue-bar-empty{min-height:3.1rem;display:grid;place-items:center;margin:0;color:#6b716d;font-size:.85rem;text-align:center}.soft-keyboard-row{width:min(100%,560px);display:grid;grid-template-columns:repeat(20,minmax(0,1fr));column-gap:.3rem;margin:0 auto}.soft-key{grid-column:span 2;height:clamp(2.5rem,6.2svh,3.1rem);display:flex;align-items:center;justify-content:center;padding:0;color:#242a2d;background:#fff;border:1px solid #cdc6bb;border-radius:.35rem;box-shadow:0 1px #b9b1a4;font-size:1.15rem;font-weight:600;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.soft-key.is-pressed{background:var(--hl-band);box-shadow:none;transform:translateY(1px)}.soft-keyboard-row-2>.soft-key:first-child{grid-column:2 / span 2}.soft-keyboard-row-3>.soft-key:first-child{grid-column:4 / span 2}.soft-key-backspace{grid-column:span 3;color:#345845;background:#dde5df}.soft-key-backspace svg{width:1.6rem;height:1.15rem}@media(max-width:600px){.game-shell.has-soft-keyboard{grid-template-rows:52px minmax(0,1fr) clamp(5rem,15svh,9rem) 3.6rem auto}.game-shell.has-soft-keyboard .clues{padding:.75rem 1.25rem}.soft-keyboard-row{column-gap:.25rem}.game-controls:has(.keyboard-toggle){flex-wrap:nowrap;gap:.35rem}.game-heading>div:first-child{min-width:0}.keyboard-toggle,.game-controls:has(.keyboard-toggle) .check-button{padding:.3rem .4rem}.keyboard-toggle svg{width:1.6rem;height:1.35rem}.game-controls:has(.keyboard-toggle) .check-button svg{width:1.7rem;height:1.35rem}.game-controls:has(.keyboard-toggle) .help-button svg,.game-controls:has(.keyboard-toggle) .leaderboard-button svg{width:1.35rem}}@media(max-width:440px){header .wordmark-logo{margin-right:0}header .wordmark-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(max-width:600px)and (max-height:700px){.game-shell.has-soft-keyboard{grid-template-rows:52px minmax(0,1fr) clamp(4rem,11svh,6.5rem) 3.6rem auto}.soft-keyboard{gap:.3rem;padding-top:.35rem}}.tutorial-modal{position:relative;display:flex;flex-direction:column;min-height:min(33rem,calc(100svh - 3rem));width:min(100%,380px);padding:1.5rem 1.5rem 1.25rem}.tutorial-modal h2{margin:.9rem 0 .5rem;font-size:1.6rem}.completion-modal .tutorial-skip{position:absolute;top:.6rem;right:.6rem;margin:0;padding:.35rem .6rem;color:#68706b;background:transparent;font-size:.85rem}.tutorial-art{--tutorial-art-size: 170px;display:grid;place-items:center;height:var(--tutorial-art-size);margin-top:1rem}.tutorial-quilt{display:block;flex:none;width:var(--tutorial-art-size);height:var(--tutorial-art-size);max-width:100%}.tutorial-caption{display:grid;justify-items:center;gap:.35rem;margin-top:.75rem}.tutorial-art-row{display:flex;align-items:center;justify-content:center;gap:1rem;height:100%}.tutorial-clue{width:auto;cursor:default}.tutorial-check{pointer-events:none}.tutorial-body{color:#58635d;line-height:1.45}.tutorial-body p{margin:0}.tutorial-body p+p{margin-top:.3rem}.tutorial-clue-direction{margin:0;color:#486757;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tutorial-body ul{display:grid;gap:.3rem;margin:0;padding:0;list-style:none}.tutorial-inline-icon{display:inline-block;width:1.5rem;height:1.1rem;color:#345845;vertical-align:-.2rem}.tutorial-inline-icon svg{width:100%;height:100%}.tutorial-dots{display:flex;justify-content:center;gap:.45rem;margin-top:auto;padding-top:1rem}.completion-modal .tutorial-dot{width:.55rem;height:.55rem;margin:0;padding:0;background:#cdd6cf;border-radius:50%}.completion-modal .tutorial-dot.is-current{background:#365e4a}.tutorial-nav{display:grid;grid-template-columns:1fr 2fr;gap:.5rem;margin-top:.5rem}.completion-modal .tutorial-nav button{padding:.75rem 1rem;border-radius:.75rem;font-weight:700}.completion-modal .tutorial-back{color:#345845;background:transparent;border:1px solid #789082}.completion-modal .tutorial-back:disabled{visibility:hidden}.completion-modal button:focus-visible{outline:2px solid #365e4a;outline-offset:2px}.tutorial-tap{fill:#1f3228;fill-opacity:.35;stroke:#1f3228;stroke-width:.04;transform-box:fill-box;transform-origin:center;animation:tutorial-tap .6s ease-out forwards;pointer-events:none}@keyframes tutorial-tap{0%{transform:scale(.4);opacity:0}25%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.share-actions{flex-shrink:0;display:flex;justify-content:center;gap:.5rem;margin:1rem 0 0}.completion-modal .share-button{flex:1 1 0;max-width:10rem;margin:0;border-radius:.75rem;font-weight:700}.completion-modal .share-copy{color:#345845;background:transparent;border:1px solid #789082}.completion-modal .completion-close{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700}.completion-modal .share-actions+.completion-close{margin-top:.6rem}.tutorial-quilt.tutorial-quilt-words{width:calc(var(--tutorial-art-size) * 1.2)}.tutorial-word{fill:#365e4a;font-family:inherit;font-size:.25px;font-weight:800;letter-spacing:.01px;dominant-baseline:central;transform-box:fill-box;transform-origin:center;animation:tutorial-word-pop .38s cubic-bezier(.2,1.4,.4,1) both}@keyframes tutorial-word-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.tutorial-word{animation:none}}