:root{--paper:#f5f0e6;--ink:#373e34;--muted:#6d7165;--green:#3c5947;--line:#d8d7c8;--wood:#bb8e64;--p0:#b7cbbb;--p1:#e8b695;--p2:#dfcb86;--p3:#c7bdd7;--p4:#e6daca;--p5:#d9a9a3;--p6:#adcad0;--p7:#bfca94;--p8:#d5bc8f;--p9:#b9b8c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bb623e;outline-offset:4px}.wrap{max-width:1160px;margin:auto;padding-left:40px;padding-right:40px}.nav{display:flex;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:26px;border-bottom:1px solid var(--line);gap:20px}.wordmark{text-decoration:none;font-family:Georgia,serif;font-size:25px;line-height:.8;position:relative;padding-right:40px}.wordmark span{display:block;font-size:17px;margin-top:8px}.wordmark i{position:absolute;right:0;top:5px;font-style:normal;font-size:32px;color:#8a9a73}nav{display:flex;align-items:center;gap:26px}nav a{font-size:12px;text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--green);color:#fff9eb;border:1px solid var(--green);text-decoration:none;font-size:14px;padding:18px 24px;border-radius:6px;min-height:48px;box-shadow:0 3px 0 #23382d;touch-action:manipulation}.button:hover{background:#2c4737}.button.small{font-size:12px;padding:12px 18px}.secondary{background:transparent;color:var(--green);box-shadow:none}.secondary:hover{color:white}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;line-height:1.6;color:#687b59;margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(44px,5.8vw,74px);line-height:1.06;margin-bottom:25px}h2{font-size:44px;line-height:1.12}em{color:#79885c;font-weight:400}h3{font-size:17px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;padding-top:65px;padding-bottom:75px}.lede{font-size:16px;color:var(--muted);line-height:1.85;margin-bottom:27px}.micro{font-size:11px;line-height:1.7;color:var(--muted);margin-top:17px}.hero-art{display:block;position:relative;padding:42px 24px 38px;background:#c59a74;border:9px solid #b48760;border-radius:12px;transform:rotate(3deg);box-shadow:10px 20px 0 #e3ded0;text-decoration:none}.paper-tag{position:absolute;top:-22px;right:18px;transform:rotate(-8deg);background:#fbf5de;padding:13px 19px;font-size:9px;letter-spacing:.12em;line-height:1.5;box-shadow:2px 4px 0 #6e5a3b25}.illustration{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:140px 140px;gap:8px}.art-piece{border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:50px;border:2px solid #6c655333;box-shadow:inset 0 -5px 0 #0000000b;transition:transform .25s}.hero-art:hover .art-piece:nth-child(2){transform:rotate(-7deg) translateY(-7px)}.art-piece small{font-size:7px;letter-spacing:.05em;max-width:80px;text-align:center;line-height:1.5;margin-top:15px}.mint{background:var(--p0)}.peach{background:var(--p1)}.gold{background:var(--p2)}.lavender{background:var(--p3)}.cream{background:var(--p4)}.rose{background:var(--p5)}.drawer-pull,.wood-handle{display:block;border-radius:9px;background:#896443;box-shadow:inset 0 3px 2px #0002;width:80px;height:10px;margin:22px auto 0}.art-caption{position:absolute;bottom:-48px;font-family:Georgia,serif;font-style:italic;font-size:15px;left:50%;white-space:nowrap;transform:translateX(-50%) rotate(-3deg);color:var(--muted)}.strip{border-block:1px solid var(--line);background:#ececdf}.strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:21px;padding-bottom:21px;font-size:9px;letter-spacing:.1em}.how{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;padding-top:78px;padding-bottom:60px}.steps article{position:relative;padding-left:48px;border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:10px}.steps b{position:absolute;left:0;top:0;color:#939f7d;font-family:Georgia,serif;font-size:22px}.steps h3{margin-bottom:9px}.steps p{font-size:14px;color:var(--muted);line-height:1.8}.section-head{display:flex;justify-content:space-between;align-items:center;gap:25px}.text-link{font-size:13px;text-underline-offset:5px;line-height:1.8}.drawer-list{border-top:1px solid var(--line)}.drawer-list a{display:grid;grid-template-columns:50px 1fr 220px;gap:20px;padding:23px 12px;border-bottom:1px solid var(--line);text-decoration:none;align-items:center}.drawer-list a:hover{background:#e9ebdf}.drawer-list b{font:italic 25px Georgia,serif;color:#8b9874}.drawer-list span{font:23px Georgia,serif}.drawer-list small{font-size:11px;color:var(--muted)}.future{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:85px;padding-bottom:65px}.future p{font-size:14px;line-height:1.8;color:var(--muted)}.future .honest{border-left:2px solid #b3bc9d;padding-left:15px;font-size:12px}.sketch{background:#eaeadd;border:1px dashed #a5af95;border-radius:14px;padding:28px 35px;transform:rotate(-1deg)}.sketch>span{font-size:64px;color:#889471}.sketch h3{font-family:Georgia,serif;font-size:27px;margin:10px 0}.sketch details{margin:25px 0}summary{cursor:pointer;font-size:13px;min-height:44px;line-height:1.6;padding:10px 0}.arcade-link{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:35px;padding-bottom:35px;background:#e6e9dc;border-radius:12px;margin-bottom:60px}.arcade-link .eyebrow{margin-bottom:10px}.arcade-link p{font-size:13px;line-height:1.6;margin-bottom:0;color:var(--muted)}.arcade-link h3{font:28px Georgia,serif;margin-bottom:10px}footer{display:flex;justify-content:space-between;gap:25px;padding-top:25px;padding-bottom:30px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);line-height:1.7}.play{padding-top:30px;padding-bottom:40px}.play-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.play-heading .eyebrow{margin:0}#levels{gap:8px}#levels button{min-width:44px;height:44px;border-radius:50%;background:none;border:1px solid #bfc7b1;color:var(--ink);font-size:13px}#levels button[aria-current=true]{background:var(--green);color:white;border-color:var(--green)}.play h1{font-size:40px;margin-bottom:12px}.story{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:25px}.game-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:start}.drawer-panel{position:relative;background:#c49c76;border:10px solid #b18560;border-radius:12px;padding:15px 20px 22px;box-shadow:0 7px 0 #98724e}.drawer-top{display:flex;justify-content:space-between;gap:10px;color:#463d2f;font-size:10px;margin-bottom:15px}.board{display:grid;gap:3px;background:#8e6d50;padding:5px;border:2px solid #77583e;box-shadow:inset 0 2px 7px #0003;aspect-ratio:var(--ratio);touch-action:manipulation}.cell{padding:0;aspect-ratio:1;min-width:0;position:relative;border:1px solid #9a795c;background:#d8bc9a88;border-radius:3px;display:grid;place-items:center;color:#374034;touch-action:manipulation}.cell.filled{background:var(--piece);border-color:#514d3435;box-shadow:inset 0 -3px #0000000b}.cell svg{width:65%;height:65%;pointer-events:none}.cell .letter{position:absolute;left:3px;top:2px;font-size:9px;color:#394535}.cell.preview{outline:3px solid #365a43;outline-offset:-4px;background:#dce5bf}.cell.invalid{outline-color:#995735;background:#e9c5a0}.cell:focus-visible{outline:3px solid #183e2b;outline-offset:-3px;z-index:2}.tool-panel .eyebrow{margin-bottom:12px}.tray{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.piece{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:83px;border:1px solid #c7cbbc;background:#eeeadd;border-radius:8px;padding:9px;color:var(--ink);gap:4px;text-align:left;touch-action:manipulation}.piece[aria-pressed=true]{outline:3px solid #45644c;outline-offset:0;background:#e0e8d8}.piece.placed{background:#e5e8dd;opacity:.7}.piece svg{width:26px;height:26px}.piece-name{font-size:10px;grid-column:1/-1;line-height:1.3}.shape{display:grid;gap:1px;align-self:center}.shape i{width:8px;height:8px;background:var(--piece);border:1px solid #6d69442c;border-radius:1px}.shape i.empty{visibility:hidden}.selection{border-top:1px solid var(--line);padding-top:14px;margin-top:15px}.selection p{font-size:13px;margin-bottom:10px}.tools{display:flex;gap:8px;flex-wrap:wrap}.tools button{border:1px solid #bcc5b1;background:transparent;border-radius:5px;padding:10px 13px;min-height:44px;font-size:12px;color:var(--ink);touch-action:manipulation}.tools button:hover:not(:disabled){background:#e0e6d6}kbd{font-size:9px;margin-left:5px}.feedback{font-size:12px;min-height:38px;line-height:1.6;margin:14px 0;color:#53664c}.bottom{border-top:1px solid var(--line);padding-top:13px}#help{font-size:12px;line-height:1.7;background:#eaeade;padding:15px;border-radius:6px;margin-top:12px}#help[hidden]{display:none}.solution{display:grid;gap:3px;max-width:280px}.solution span{background:var(--piece);text-align:center;padding:7px;font-size:12px;border-radius:3px}.complete{position:absolute;inset:35px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#f7f3e9f5;border:1px solid #c4cdb6;border-radius:9px;padding:20px;box-shadow:0 10px 25px #523f3625;animation:settle .6s ease-out}.complete[hidden]{display:none}.complete h2{font-size:37px;margin-bottom:15px}.complete p{font-size:13px;line-height:1.6}.complete .eyebrow{font-size:9px}.complete .button{font-size:12px;padding:14px;margin-bottom:12px}.complete a[hidden]{display:none}.play-instructions{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:35px;padding-top:23px;border-top:1px solid var(--line)}.play-instructions p{font-size:12px;line-height:1.8;color:var(--muted)}.play-instructions .micro{grid-column:1/-1;margin:0;font-size:10px}@keyframes settle{0%{transform:translateY(-8px) rotate(-2deg);opacity:0}65%{transform:translateY(2px) rotate(1deg)}100%{transform:none;opacity:1}}@media(max-width:800px){.wrap{padding-left:23px;padding-right:23px}.hero{gap:28px}.hero h1{font-size:51px}.illustration{grid-template-rows:110px 110px}.art-piece{font-size:38px}.art-piece small{font-size:6px}.game-layout{gap:20px;grid-template-columns:1fr 1fr}.drawer-panel{padding:12px 10px 20px;border-width:7px}.tray{grid-template-columns:repeat(2,1fr)}.future{gap:35px}.drawer-list a{grid-template-columns:40px 1fr 160px}.drawer-list span{font-size:20px}}@media(max-width:600px){.wrap{padding-left:20px;padding-right:20px}.nav{padding-top:20px;padding-bottom:20px}.nav nav{gap:14px}.nav nav a{font-size:10px}.nav nav a[href="#how"]{display:none}.nav .button{padding:10px;min-height:44px}.wordmark{font-size:21px;padding-right:30px}.wordmark span{font-size:15px}.wordmark i{font-size:26px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:65px;gap:45px}.hero h1{font-size:57px}.hero .lede{font-size:15px}.hero-art{margin:0 15px 10px;padding:30px 15px}.illustration{grid-template-rows:110px 110px}.art-caption{font-size:13px;bottom:-36px}.strip .wrap{flex-wrap:wrap;justify-content:center;gap:13px;font-size:8px;padding-block:17px}.how{grid-template-columns:1fr;gap:15px;padding-top:45px;padding-bottom:25px}h2{font-size:37px}.section-head{display:block}.section-head h2{margin-bottom:20px}.section-head>a{display:block;margin-bottom:25px}.drawer-list a{grid-template-columns:30px 1fr;gap:5px 13px;padding:18px 0}.drawer-list small{grid-column:2}.drawer-list span{font-size:19px}.future{grid-template-columns:1fr;gap:20px;padding-top:50px;padding-bottom:35px}.sketch{padding:22px}.arcade-link{margin:0 20px 35px;display:block;padding:25px}.arcade-link .button{margin-top:20px}footer{font-size:9px;align-items:flex-start}footer span{max-width:50%}.play{padding-top:23px}.play-heading{flex-direction:column;align-items:flex-start;gap:15px}.play h1{font-size:33px}.story{font-size:12px;margin-bottom:20px}.game-layout{grid-template-columns:1fr;gap:27px}.drawer-panel{padding:12px 8px 17px;border-width:6px}.drawer-top{font-size:9px}.tray{grid-template-columns:repeat(3,1fr)}.piece{min-height:82px}.tool-panel .eyebrow{font-size:9px}.complete{inset:20px 12px;padding:14px}.complete h2{font-size:27px;margin-bottom:8px}.complete p{font-size:11px;margin-bottom:10px}.complete .eyebrow{font-size:8px;margin-bottom:6px}.complete .button{min-height:44px;padding:12px}.play-instructions{grid-template-columns:1fr;margin-top:25px}.cell{min-height:40px}.board{gap:2px;padding:3px}.selection{padding:12px 0;border-bottom:1px solid var(--line)}.solution{max-width:260px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art:hover .art-piece{transform:none}}

/* Let players enjoy their packed drawer while the completion card appears below it. */
.complete{position:static;inset:auto;margin-top:20px}
.cell.filled svg{animation:little-nod .4s ease-out}@keyframes little-nod{0%{transform:rotate(-7deg) scale(.94)}65%{transform:rotate(4deg)}100%{transform:none}}@media(prefers-reduced-motion:reduce){.cell.filled svg{animation:none}}
/* A tactile drawer, a legible shelf, and controls beside the thing they affect. */
.board{gap:0;padding:4px;background:#967456;border:1px solid #77583e;overflow:hidden}.cell{border:1px solid #a98a6970;background:#dec4a060;border-radius:0;box-shadow:inset 0 1px 2px #6e503316}.cell.filled{border:0;box-shadow:none;background:var(--piece)}.cell.edge-top{border-top:2px solid #6b654c66}.cell.edge-right{border-right:2px solid #6b654c66}.cell.edge-bottom{border-bottom:3px solid #6b654c66}.cell.edge-left{border-left:2px solid #6b654c66}.cell svg{width:62%;height:62%;max-width:55px;max-height:55px}.cell.moving{filter:saturate(.65);opacity:.65}.cell.preview{background:#dce8c7;outline:2px dashed #527455;outline-offset:-3px;z-index:1}.cell.invalid{background:#ecd3b5;outline-color:#9b664d}.cell.preview-anchor:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#2e503c;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff9}.cell.invalid.preview-anchor:after{background:#935333}.cell .letter{font-size:10px;opacity:.75}.drawer-panel{padding-bottom:14px}.wood-handle{height:7px;margin-top:15px;width:62px}.selection{display:flex;align-items:center;gap:12px;background:#f3eddf;border:1px solid #a98b69;border-radius:8px;padding:13px;margin-top:16px;min-height:98px}.selection-copy{flex:1;min-width:0}.selection p{font-size:13px;margin:0 0 5px;font-weight:600}.selection .feedback{font-size:11px;line-height:1.5;font-weight:400;margin:0;min-height:0}.selection .tools{flex-direction:column;gap:5px}.selection .tools button{background:#fffaf0;border-color:#c1b9a3;padding:8px 10px;font-size:11px;min-height:40px;min-width:74px}.selection .tools button:first-child:not(:disabled){background:#3e5b45;color:#fff;border-color:#3e5b45}.selection .tools kbd{opacity:.65}.selection-symbol{font:30px Georgia;color:#8b9b77}.shape{gap:1px}.shape i{width:12px;height:12px;border:1px solid #5c624b44;position:relative;border-radius:2px}.shape i.anchor:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#2f4938;left:3px;top:3px}.piece{min-height:120px;padding:14px 12px;gap:10px;border:1px solid #c9c9b7;background:#f9f5eb;box-shadow:0 3px 0 #dcd8c8;align-content:center;transition:background .15s,border-color .15s}.piece:hover{background:#eeefdf;border-color:#8b9b7d}.piece[aria-pressed=true]{outline:2px solid #45644c;outline-offset:1px;box-shadow:0 3px 0 #aab79a}.object-art{width:36px;height:36px;color:#3c4f3e}.piece .object-art svg{width:36px;height:36px}.piece-name{font-size:12px;font-weight:600}.piece-name small{display:block;font-size:9px;font-weight:400;color:#73796a;margin-top:5px}.piece.placed{opacity:1;background:#e6eadf;border-style:dashed;box-shadow:none}.piece.placed .object-art{opacity:.6}.tray{gap:12px}.tray-hint{display:none}.tool-panel>.eyebrow{margin-bottom:18px}.tool-panel>.bottom{margin-top:22px}.complete h2{font-size:32px}.complete{background:#f5f1e5}.play-instructions{margin-top:30px}.play-heading{margin-bottom:18px}.play h1{font-size:36px}.play .story{max-width:650px}.hero-art:focus-visible{outline-offset:10px}
@media(max-width:800px) and (min-width:601px){.tray{grid-template-columns:repeat(2,1fr)}.selection{gap:8px;padding:10px}.selection .feedback{font-size:10px}.selection .tools button{min-width:60px}.selection .tools kbd{display:none}}
@media(max-width:600px){.play{padding-top:14px}.play .play-heading>.eyebrow{display:none}.play-heading{margin-bottom:14px}.play-heading #levels{gap:7px}.play h1{font-size:26px;line-height:1.12;margin-bottom:18px}.play>.story{display:none}.nav{padding-top:13px;padding-bottom:13px}.play .game-layout{gap:21px}.drawer-panel{padding:10px 7px 12px;border-width:5px}.drawer-top{margin-bottom:10px;font-size:9px}.board{padding:3px}.cell{min-height:0}.wood-handle{height:5px;margin-top:10px}.selection{padding:9px;gap:8px;margin-top:12px;min-height:94px;border-bottom:1px solid #a98b69}.selection p{font-size:12px}.selection .feedback{font-size:10px}.selection .tools button{min-width:68px;min-height:40px;padding:7px;font-size:10px}.selection .tools kbd{display:none}.selection #selected-shape{min-width:26px}.tray{display:flex;overflow-x:auto;gap:10px;padding:4px 3px 10px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#97a489 #e5e5d6}.piece{flex:0 0 105px;min-height:115px;scroll-snap-align:start;padding:12px 9px}.piece .object-art,.piece .object-art svg{width:28px;height:28px}.piece .shape{transform:scale(.9);transform-origin:right center}.piece-name{font-size:11px}.tray-hint{display:block;font-weight:400;font-size:10px;letter-spacing:0;float:right;color:#6e7863}.tool-panel>.eyebrow{margin-bottom:7px;letter-spacing:.1em}.tool-panel>.bottom{margin-top:7px;padding-top:10px}.tool-panel>.bottom button{flex:1;padding:10px 6px;font-size:11px}.play-instructions{margin-top:20px;padding-top:16px}.complete{margin-top:12px}.complete h2{font-size:26px}.complete .eyebrow{font-size:8px}.cell svg{max-width:42px;max-height:42px}.cell .letter{font-size:8px}}
#levels button:disabled{opacity:1;color:#8c8e83;border-color:#dbdcd0;background:#e9e9df;cursor:not-allowed}#return-tray[hidden]{display:none}.board{isolation:isolate;contain:paint}.cell.preview{box-shadow:none}.cell.preview-anchor{z-index:2}.cell.moving svg{opacity:.35}.cell.moving{outline:2px dashed #5b715850;outline-offset:-4px}.selection .tools button{min-height:44px}.tray .piece{touch-action:manipulation}
.game-layout>*{min-width:0}.tray{min-width:0;max-width:100%}@media(max-width:600px){.game-layout{grid-template-columns:minmax(0,1fr)}.drawer-panel{width:100%}.selection-copy{overflow-wrap:anywhere}}
.selection[hidden]{display:none}