@font-face{font-family:LetterHand;src:url(/pieces/caveat.ttf)format("truetype");font-display:swap;font-weight:400 700}.pieces-page{--p-ink:#302923;--p-paper:#f4efdf;--p-accent:#e7c57a;color:#f7f0df;background:#172b2b;min-height:100svh;padding-bottom:60px}.pieces-page .chapter-header{background:0 0;position:relative}.pieces-workspace{max-width:1320px;margin:auto;padding:40px 5vw}.pieces-kicker{text-transform:uppercase;letter-spacing:.16em;color:#dec797;margin-bottom:20px;font-size:12px}.pieces-heading h1{letter-spacing:-.045em;font:400 clamp(42px,4.7vw,72px)/1.05 Georgia,serif}.pieces-heading h1 em{color:#dfc496;letter-spacing:-.045em}.pieces-heading>p:last-child{color:#b9c8c0;margin-top:22px;font-size:16px;line-height:1.6}.pieces-heading{margin-bottom:38px}.pieces-desk{grid-template-columns:minmax(260px,400px) minmax(340px,1fr);align-items:start;gap:7vw;display:grid}.pieces-frame{color:var(--p-ink);background:#ece3cd;padding:17px 17px 0;transform:rotate(-1deg);box-shadow:0 24px 70px #0004}.pieces-mat>svg{width:100%;height:auto;display:block}.pieces-frame>p{text-align:center;padding:15px 0;font:25px LetterHand,cursive}.pieces-tray-heading{justify-content:space-between;align-items:center;gap:15px;margin:12px 0 28px;display:flex}.pieces-tray-heading h2{letter-spacing:-.025em;font:400 27px Georgia,serif}.pieces-tray-heading>span{color:#b9c8c0;white-space:nowrap;font-size:13px}.pieces-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.pieces-note{background:var(--p-paper);color:var(--p-ink);text-align:left;border:1px solid #d4c9b0;flex-direction:column;gap:15px;min-height:157px;padding:22px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 5px 10px #0003}.pieces-note:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0004}.pieces-note>small{letter-spacing:.04em;color:#807059;font-size:12px}.pieces-note>span{flex:1;font:500 29px/1.1 LetterHand,cursive}.pieces-note>small:last-child{align-self:flex-end}.pieces-help{color:#b9c8c0;margin-top:25px;font-size:14px;line-height:1.6}.pieces-letter-dialog[data-slot=dialog-content]{color:#302923;background:#f4efdf;border:1px solid #cdbd9c;border-radius:2px;width:min(590px,100vw - 32px);max-width:none;max-height:90svh;padding:48px;overflow:auto;box-shadow:0 30px 150px #0008}.pieces-letter-dialog [data-slot=dialog-title]{font:400 32px Georgia,serif}.pieces-letter-dialog [data-slot=dialog-description]{color:#81735f;font-size:14px}.pieces-handwriting{padding:24px 0 8px;font:500 28px/1.35 LetterHand,cursive}.pieces-handwriting>span{margin-top:30px;font-size:34px;display:block}:is(.pieces-page button:focus-visible,.pieces-page a:focus-visible){outline-offset:5px;outline:2px solid #e7c57a}@media (max-width:800px){.pieces-workspace{padding:22px 6vw}.pieces-heading h1{font-size:43px}.pieces-desk{grid-template-columns:1fr;gap:38px}.pieces-frame{width:min(100%,340px);margin:auto}.pieces-note-grid{gap:15px}.pieces-note{min-height:155px;padding:18px}.pieces-tray-heading h2{font-size:25px}.pieces-letter-dialog[data-slot=dialog-content]{padding:48px 26px 30px}.pieces-handwriting{font-size:27px}.pieces-heading{margin-bottom:30px}}.pieces-board-column{scroll-margin:30px}.pieces-slot{cursor:pointer;transition:fill .25s,stroke .25s}.pieces-slot:focus-visible{stroke:#917128;stroke-width:4px;outline:none}.pieces-slot.is-hint{fill:#d6b66c;stroke:#805d1a;stroke-width:4px}.pieces-frame{transition:transform 1.2s,box-shadow 1.2s}.pieces-frame.is-complete{transform:rotate(0);box-shadow:0 24px 100px #080f0f99}.pieces-arrived{animation:.55s both piece-arrive}.pieces-whole{transition:opacity 1.8s 1s}.pieces-frame.is-complete .pieces-seam{opacity:0;transition:opacity 1.8s 1s}.pieces-board-caption{align-items:center;gap:18px;min-height:52px;margin:27px 0 10px;display:flex}.pieces-progress{white-space:nowrap;font:30px Georgia,serif}.pieces-progress>span{color:#92a8a1;font-size:16px}.pieces-board-caption>p{color:#c3cfc7;max-width:260px;font-size:14px;line-height:1.6}.pieces-note.is-placed{background:#dfdacb}.pieces-in-hand{background:#203737;border:1px solid #3a504a;align-items:center;gap:16px;margin:18px 0;padding:10px;display:flex}.pieces-held{cursor:grab;flex-shrink:0;width:135px}.pieces-held:active{cursor:grabbing}.pieces-held svg{filter:drop-shadow(0 4px 5px #0004);width:100%}.pieces-in-hand>div>p{color:#f1deaf;font:26px LetterHand,cursive}.pieces-in-hand span{color:#c3cfc7;margin:5px 0;font-size:14px;line-height:1.5;display:block}.pieces-quiet{text-underline-offset:5px;cursor:pointer;padding:10px 0;font-size:14px;text-decoration:underline}.pieces-solid{color:#fff9e9;cursor:pointer;background:#233d36;border-radius:2px;padding:13px 22px;font-size:14px}.pieces-letter-actions{border-top:1px solid #d9cdb8;justify-content:flex-end;align-items:center;gap:25px;padding-top:18px;display:flex}.pieces-letter-dialog button:focus-visible{outline-offset:3px;outline:2px solid #716335}.pieces-flip{perspective:1200px}.pieces-flip-inner{transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.2,1);display:grid;position:relative}.pieces-flip.is-flipped .pieces-flip-inner{transform:rotateY(180deg)}.pieces-letter-front,.pieces-letter-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;grid-area:1/1}.pieces-letter-back{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px 0;display:flex;transform:rotateY(180deg)}.pieces-letter-back svg{filter:drop-shadow(0 12px 12px #624d3133);width:min(100%,330px)}.pieces-letter-back p{font:30px LetterHand,cursive}.pieces-handwriting{padding:10px 0 12px;font-size:27px;line-height:1.32}.pieces-handwriting p+p,.pieces-handwriting>span{margin-top:20px}.pieces-letter-dialog[data-slot=dialog-content]{gap:12px}.pieces-ending{color:#f2dfb3;margin:25px 0}.pieces-ending>p{font:32px/1.2 LetterHand,cursive}.pieces-ending>span{color:#b9c8c0;margin-top:13px;font-size:14px;display:block}.pieces-preview-controls{color:#b9c8c0;border-top:1px solid #3c514b;margin-top:30px;padding-top:20px;font-size:14px}.pieces-preview-controls summary{cursor:pointer;width:fit-content}.pieces-preview-controls p{margin:14px 0;font-size:14px}.pieces-preview-controls>div{gap:18px;display:flex}.pieces-preview-controls button{cursor:pointer;text-underline-offset:5px;padding:8px 0;text-decoration:underline}.pieces-mobile-start,.pieces-mobile-letters{display:none}.pieces-note-grid{gap:18px}.pieces-note{min-height:143px}.pieces-help{margin-top:22px}.pieces-letters{scroll-margin:25px}@keyframes piece-arrive{0%{opacity:0;filter:brightness(1.5)}to{opacity:1;filter:brightness()}}@media (min-width:1050px){.pieces-heading{grid-template-columns:1fr 320px;align-items:end;column-gap:40px;display:grid}.pieces-kicker{grid-column:1/-1}.pieces-heading>p:last-of-type{justify-self:end;max-width:260px;margin:0 0 8px}.pieces-heading h1{font-size:clamp(44px,4.3vw,65px)}.pieces-desk{grid-template-columns:minmax(260px,365px) minmax(340px,1fr);gap:8vw}.pieces-workspace{max-width:1200px}.pieces-note{min-height:148px}}@media (max-width:800px){.pieces-mobile-start,.pieces-mobile-letters{color:#e7c57a;display:inline-block}.pieces-mobile-start{margin-top:8px}.pieces-heading{margin-bottom:23px}.pieces-heading h1{font-size:clamp(37px,8.8vw,48px)}.pieces-heading>p:last-of-type{margin-top:17px;font-size:16px}.pieces-kicker{margin-bottom:15px}.pieces-frame{width:100%;max-width:285px;padding:12px 12px 0}.pieces-mat{padding:5px}.pieces-frame>p{padding:10px 0;font-size:23px}.pieces-board-column{width:100%;max-width:360px;margin:auto}.pieces-board-caption{margin-top:20px}.pieces-desk{gap:25px}.pieces-note{min-height:145px}.pieces-note>span{font-size:27px}.pieces-letter-dialog[data-slot=dialog-content]{max-height:92svh;padding:40px 25px 24px}.pieces-handwriting{font-size:25px;line-height:1.3}.pieces-handwriting p+p{margin-top:16px}.pieces-letter-actions{background:#f4efdf;padding-bottom:10px;position:sticky;bottom:-24px}.pieces-held{width:120px}}@media (prefers-reduced-motion:reduce){.pieces-page *,.pieces-letter-dialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.pieces-page{--p-ink:#342117;--p-paper:#eddbb6;--p-accent:#e7be7c;background:#251d1b}.pieces-kicker{color:#d4ac76}.pieces-heading h1 em{color:#e1be87}.pieces-heading>p:last-of-type,.pieces-tray-heading>span,.pieces-help{color:#c7b6a3}.pieces-frame{background:var(--keepsake-paper) center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 18px 22px #08030280);padding:27px 25px 9px}.pieces-frame.is-complete{box-shadow:none}.pieces-mat{background:#d1bf99;border:1px solid #826b48;padding:4px}.pieces-frame>p{color:#342117}.pieces-note,.pieces-note.is-placed{background:var(--keepsake-paper) center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(1px 7px 5px #08030270);border:0;min-height:172px;padding:27px 30px 24px}.pieces-note:hover{box-shadow:none;filter:drop-shadow(2px 12px 9px #08030299)}.pieces-note>small{color:#6a5037}.pieces-note.is-placed>small:last-child{color:#52421e}.pieces-letter-dialog[data-slot=dialog-content]{box-shadow:none;--tw-ring-shadow:0 0 #0000;isolation:isolate;filter:drop-shadow(0 20px 40px #0009);background:0 0;border:0;border-radius:0;padding:55px 53px 38px}.pieces-letter-dialog[data-slot=dialog-content]:before{content:"";z-index:-1;pointer-events:none;background:var(--keepsake-paper) center/100% 100% no-repeat;position:absolute;inset:0}.pieces-letter-dialog [data-slot=dialog-title]{color:#382416}.pieces-letter-dialog [data-slot=dialog-description]{color:#71583d}.pieces-handwriting{color:#302014;font-size:28px}.pieces-letter-actions{background:0 0;border-color:#8f6c3a55;position:static}.pieces-letter-dialog [data-slot=dialog-close]{color:#382416;top:22px;right:25px}.pieces-solid{background:#4b3025}.pieces-solid:hover{background:#6a4935}.pieces-letter-back p{color:#382416}.pieces-letter-back svg{filter:drop-shadow(0 12px 12px #38220d55)}.pieces-board-caption>p,.pieces-ending>span{color:#c7b6a3}.pieces-progress>span{color:#b19b83}.pieces-preview-controls{color:#c7b6a3;border-color:#614a3b}.pieces-slot{cursor:default}.pieces-slot:hover{fill:#dfcfad}.pieces-board-column:focus{outline:none}.pieces-arrived{transform-box:fill-box;transform-origin:50%;animation:1.15s cubic-bezier(.2,.7,.2,1) both paper-piece-reveal}.pieces-mobile-letters{color:#e7be7c}@keyframes paper-piece-reveal{0%{opacity:0;filter:brightness(1.7);transform:translateY(-18px)scale(1.06)}65%{opacity:1;filter:brightness(1.12);transform:translateY(0)scale(1)}to{opacity:1;filter:none;transform:none}}@media (max-width:800px){.pieces-frame{max-width:285px;padding:20px 19px 5px}.pieces-note{min-height:167px;padding:26px 23px 23px}.pieces-note>span{font-size:26px}.pieces-note-grid{gap:12px}.pieces-letter-dialog[data-slot=dialog-content]{width:calc(100vw - 18px);padding:45px 34px 33px}.pieces-handwriting{font-size:25px}.pieces-letter-dialog [data-slot=dialog-title]{font-size:29px}.pieces-letter-dialog [data-slot=dialog-close]{top:16px;right:18px}.pieces-letter-actions{padding-bottom:5px}.pieces-solid{padding:13px 17px}.pieces-letter-actions{gap:15px}}@media (prefers-reduced-motion:reduce){.pieces-arrived{animation:none!important}}.pieces-letter-dialog[data-slot=dialog-content]{background:var(--keepsake-paper) center/100% 100% no-repeat local}.pieces-letter-dialog[data-slot=dialog-content]:before{display:none}.pieces-letter-dialog [data-slot=dialog-close]{z-index:2;color:#382416;background:#ead7b4b3;border-radius:50%;width:36px;height:36px;top:30px;right:28px}.pieces-letter-dialog [data-slot=dialog-title]{padding-right:22px}