:root{--kraft:#e9d5ae;--cream:#fff4d6;--ink:#2a1f1a;--red:#e4352b;--orange:#f57f20;--yellow:#ffc72c;--green:#2e9e4f;--sky:#4fb3e8;--blue:#1f5fbf;--purple:#7b4fa8;--line:3px solid var(--ink);--hard:6px 6px 0 var(--ink);--hard-sm:3px 3px 0 var(--ink);--display:'Fraunces', 'Cooper Black', Georgia, serif;--body:'Nunito', system-ui, sans-serif;--label:'Barlow Condensed', 'Arial Narrow', sans-serif;--burst:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50.0,2.0 58.5,13.0 70.8,6.8 73.7,20.3 87.5,20.1 84.2,33.5 96.8,39.3 88.0,50.0 96.8,60.7 84.2,66.5 87.5,79.9 73.7,79.7 70.8,93.2 58.5,87.0 50.0,98.0 41.5,87.0 29.2,93.2 26.3,79.7 12.5,79.9 15.8,66.5 3.2,60.7 12.0,50.0 3.2,39.3 15.8,33.5 12.5,20.1 26.3,20.3 29.2,6.8 41.5,13.0' fill='%23FFC72C' stroke='%232A1F1A' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E");--cone:30%;--crayon-v:polygon(42% 0, 58% 0, 100% var(--cone), 100% 100%, 0 100%, 0 var(--cone));--crayon-h:polygon(0 0, calc(100% - 32px) 0, 100% 42%, 100% 58%, calc(100% - 32px) 100%, 0 100%);--crayon-edge:url(#crayon-edge) drop-shadow(1.5px 0 0 var(--ink)) drop-shadow(-1.5px 0 0 var(--ink)) drop-shadow(0 1.5px 0 var(--ink)) drop-shadow(0 -1.5px 0 var(--ink)) drop-shadow(2px 2px 0 var(--ink));--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='140'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9 .08' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E");--fibre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .16 0 0 0 0 .12 0 0 0 0 .1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box;touch-action:manipulation}html,body,h1,h2,h3,h4,p,ul,dl,dd,figure{margin:0;padding:0}ul{list-style:none}body{min-height:100vh;background:var(--kraft)var(--fibre);color:var(--ink);font-family:var(--body);font-size:16px;font-weight:500;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit}.icon{flex:none;width:24px;height:24px}h1,h2,h3{font-family:var(--display);font-variation-settings:'SOFT' 100;font-weight:900;line-height:1;letter-spacing:-.01em}.stripes{display:grid}.stripes i{height:8px}.stripes i:nth-child(1){background:var(--red)}.stripes i:nth-child(2){background:var(--yellow)}.stripes i:nth-child(3){background:var(--blue)}.masthead{position:relative;display:flex;align-items:center;gap:20px;padding:14px 24px;border-bottom:var(--line);background:var(--cream)}.logo{display:inline-flex;font-family:var(--display);font-variation-settings:'SOFT' 100;font-size:42px;font-weight:900;line-height:1;letter-spacing:.03em;text-decoration:none;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink)}.logo span{display:inline-block}.logo span:nth-child(odd){transform:rotate(-4deg)}.logo span:nth-child(even){transform:rotate(3deg)translateY(2px)}.logo:hover span{animation:logo-inks 1.4s steps(1)infinite;animation-delay:calc(var(--i) * -.2s)}@keyframes logo-inks{0%{color:var(--red)}14%{color:var(--orange)}28%{color:var(--yellow)}42%{color:var(--green)}57%{color:var(--sky)}71%{color:var(--blue)}85%{color:var(--purple)}}@media(prefers-reduced-motion:reduce){.logo:hover span{animation:none}}.logo__0{color:var(--red)}.logo__1{color:var(--orange)}.logo__2{color:var(--yellow)}.logo__3{color:var(--green)}.logo__4{color:var(--blue)}.logo__5{color:var(--red);animation:dot 9s infinite}@keyframes dot{0%,13%{color:var(--red)}17%,30%{color:var(--orange)}34%,46%{color:var(--yellow)}50%,63%{color:var(--green)}67%,80%{color:var(--blue)}84%,96%{color:var(--purple)}100%{color:var(--red)}}.logo__6{color:var(--purple)}.logo__7{color:var(--red)}.logo__8{color:var(--yellow)}.logo__9{color:var(--sky)}.logo--small{font-size:30px;-webkit-text-stroke-width:2.5px;text-shadow:2px 2px 0 var(--ink)}.masthead__clock{margin-left:auto;font-family:var(--label);font-size:17px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.masthead__clock b{font-variant-numeric:tabular-nums}.masthead__nav{display:flex;gap:10px}.masthead--game .masthead__nav{margin-left:auto}.chunky{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border:var(--line);border-radius:999px;background:var(--cream);box-shadow:4px 4px 0 var(--ink);color:var(--ink);font-family:var(--body);font-size:17px;font-weight:800;line-height:1.1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .1s,box-shadow .1s}.chunky:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.chunky:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.chunky--red{background:var(--red);color:var(--cream)}.chunky--small{padding:6px 14px;font-size:14px;box-shadow:var(--hard-sm)}.chunky--small:hover{box-shadow:4px 4px 0 var(--ink)}.chunky--icon{padding:6px 10px}.chunky--icon .icon{width:20px;height:20px}.chunky--wide{width:100%}.burst{display:grid;place-content:center;aspect-ratio:1;background:var(--burst)50%/contain no-repeat;color:var(--ink);font-family:var(--label);font-weight:800;line-height:.9;text-align:center;text-transform:uppercase}.burst small{display:block;font-size:.55em}.shelf{display:flex;flex-direction:column;gap:48px;max-width:1240px;margin:0 auto;padding:40px 24px 64px}.shelf--one{max-width:560px}.boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start}@media(max-width:1000px){.boxes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.boxes{grid-template-columns:minmax(0,1fr)}}.shelf__title{margin-bottom:-24px;font-size:34px}.box__free{display:flex;flex-wrap:wrap;gap:8px}.burst--today{position:absolute;top:-22px;right:-16px;z-index:3;width:96px;padding:0 14px;font-size:14px;transform:rotate(10deg)}.burst--today[hidden]{display:none}.box{--lid:var(--yellow);--lid-ink:var(--ink);position:relative;border:var(--line);border-radius:18px;background:var(--cream);box-shadow:var(--hard)}.box--blob-ross{--lid:var(--red);--lid-ink:var(--cream)}.box--switch-swatch{--lid:var(--blue);--lid-ink:var(--cream)}.box--cap-sort{--lid:var(--green);--lid-ink:var(--cream)}.box__lid{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'no state' 'name name';gap:6px 10px;padding:14px 18px 16px;border-bottom:var(--line);border-radius:15px 15px 0 0;background:var(--lid);color:var(--lid-ink)}.box__no{grid-area:no;justify-self:start;padding:1px 9px;border:2px solid var(--ink);border-radius:6px;background:var(--cream);color:var(--ink);font-family:var(--label);font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.box__lid h1,.box__lid h2{grid-area:name;font-size:34px}.box__lid h2 a{text-decoration:none}.boxes .box__lid h2{font-size:clamp(26px,2.6vw,34px);white-space:nowrap}.box__lid em{grid-area:state;justify-self:end;align-self:center;font-size:14px;font-weight:700}.box__state.is-done::before{content:'✓ '}.box__window{position:relative;display:block;margin:18px;border:var(--line);border-radius:12px;overflow:hidden;background:#fff;text-decoration:none;aspect-ratio:1}.box__window::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.4) 28% 36%,transparent 36% 42%,rgba(255,255,255,.28) 42% 45%,transparent 45%);pointer-events:none}.burst--play{position:absolute;right:10px;bottom:10px;z-index:2;width:86px;font-size:22px;transform:rotate(12deg);transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.box__window:hover .burst--play{transform:rotate(-4deg)scale(1.18)}.box__copy{padding:0 18px;font-family:var(--display);font-variation-settings:'SOFT' 100;font-size:22px;font-weight:900;line-height:1.1}.box__sizes{display:grid;gap:8px;padding:16px 18px 20px}.box__sizes h4,.panel__sub{margin:6px 0 0;font-family:var(--label);font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.crayons{display:grid;gap:8px}.crayons li{filter:var(--crayon-edge)}.crayon{--wax:var(--yellow);--wax-ink:var(--ink);position:relative;display:flex;align-items:center;gap:8px;width:64%;height:34px;padding-left:26px;background:var(--grain),linear-gradient(90deg,transparent 0 calc(100% - 32px),rgba(42,31,26,.16) 0),linear-gradient(90deg,transparent 0 10px,rgba(42,31,26,.32) 10px 13px,transparent 13px calc(100% - 44px),rgba(42,31,26,.32) calc(100% - 44px) calc(100% - 41px),transparent 0),var(--wax);background-blend-mode:soft-light,normal,normal,normal;clip-path:var(--crayon-h);color:var(--wax-ink);text-decoration:none;transition:transform .18s cubic-bezier(.3,1.6,.5,1)}.crayon--medium{width:80%;--wax:var(--orange)}.crayon--large{width:96%;--wax:var(--red);--wax-ink:var(--cream)}.crayon--daily{--wax:var(--sky)}.crayon--daily.crayon--medium{--wax:var(--blue);--wax-ink:var(--cream)}.crayon--daily.crayon--large{--wax:var(--purple);--wax-ink:var(--cream)}.crayon:hover{transform:translateX(8px)}.crayon.is-here{transform:translateX(14px)}.crayon.is-here .crayon__label::before{content:'▶ '}.crayon__label{font-family:var(--label);font-size:16px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.crayon em{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:var(--cream);color:var(--ink);font-family:var(--label);font-size:14px;font-style:normal;font-weight:800}.crayon em[hidden],.crayon em:empty{display:none}.box--pack .box__lid{padding-right:104px}.box--pack .box__lid h2{font-size:36px}.burst--streak{position:absolute;top:-26px;right:-20px;z-index:3;width:112px;font-size:15px;transform:rotate(10deg)}.burst--streak b{display:block;font-family:var(--display);font-variation-settings:'SOFT' 100;font-size:38px;font-weight:900;line-height:.9}.pack{display:grid;grid-template-columns:minmax(0,1.1fr)minmax(0,1fr);grid-template-areas:'tubs rows' 'tubs cta';gap:16px 32px;padding:22px}.pack__tubs{grid-area:tubs}.pack__rows{grid-area:rows}.pack>.chunky{grid-area:cta;align-self:end}@media(max-width:800px){.pack{grid-template-columns:minmax(0,1fr);grid-template-areas:'tubs' 'rows' 'cta'}}.pack__tubs{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px}.tub{position:relative;display:grid;justify-items:center;align-content:center;gap:8px;height:100%;min-height:96px;padding:14px 6px 10px;border:var(--line);border-radius:12px;box-shadow:var(--hard-sm);color:var(--cream);font-family:var(--label);font-size:14px;font-weight:800;letter-spacing:.04em;text-align:center;text-decoration:none;text-transform:uppercase;transition:transform .15s}.tub:hover{transform:translateY(-3px)rotate(-2deg)}.tub .icon{width:44px;height:44px}.tub--blob-ross{background:var(--red)}.tub--switch-swatch{background:var(--blue)}.tub--cap-sort{background:var(--green)}.tub--cross-hatch{background:var(--purple)}.tub--drip{background:var(--sky);color:var(--ink)}.tub--two-faced{background:var(--yellow);color:var(--ink)}.tub--chameleon{background:var(--green)}.tub--overprint{background:var(--red)}.pack__tubs [hidden]{display:none}.tub.is-done::after{content:'✓';position:absolute;top:-10px;right:-10px;display:grid;place-items:center;width:28px;height:28px;border:var(--line);border-radius:50%;background:var(--yellow);color:var(--ink);font-size:15px}.pack__rows a{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:2px dashed rgba(42,31,26,.35);text-decoration:none}.pack__rows b{font-family:var(--label);font-size:18px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.pack__rows span{margin-left:auto;font-size:14px;font-weight:700}.pack__rows .icon{width:18px;height:18px}.tick{width:22px;height:22px;border:var(--line);border-radius:5px;background:#fff}.pack__rows .is-done .tick{background:var(--yellow);position:relative}.pack__rows .is-done .tick::after{content:'✓';position:absolute;inset:-4px 0 0 2px;font-weight:900}.preview{container-type:inline-size;height:100%;display:grid;place-items:center;pointer-events:none}.preview .br-palette,.preview .ss-palette{display:none}.preview .br{gap:0}.preview .br-board{width:calc(100% - 28px);margin:14px}.preview .ss{padding:18px 0}.preview .ss-board{--fit:calc((100cqw - 36px) / var(--grid))}.preview .cs{padding:16px}.preview .ch-ref,.preview .ch-palette{display:none}.preview .ch-wrap{width:calc(100% - 36px)}.preview .cs-tray{--lane:28px;--row:calc((100cqw - 48px) / var(--caps));width:72%}.play{display:grid;grid-template-columns:minmax(0,1fr)360px;gap:32px;align-items:start;max-width:1240px;margin:0 auto;padding:32px 24px 64px}.play__stage{display:flex;flex-direction:column;align-items:center;gap:24px;padding:28px 20px 32px}#board{width:100%;max-width:620px;display:flex;justify-content:center}.play__side{display:grid;gap:24px}.panel{padding:16px 18px 20px;border:var(--line);border-radius:14px;background:var(--cream);box-shadow:var(--hard-sm)}.panel__title{margin-bottom:10px;padding-bottom:6px;border-bottom:var(--line);font-family:var(--label);font-size:24px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.panel__lead{margin-bottom:6px;font-family:var(--display);font-variation-settings:'SOFT' 100;font-size:22px;font-weight:900;line-height:1.1}.panel .crayons{margin:8px 0 6px}.panel--facts .panel__title{margin-bottom:4px;border-bottom-width:10px;font-size:36px;line-height:1}.panel__serving{padding-bottom:6px;border-bottom:5px solid var(--ink);font-weight:700}.facts div{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--ink)}.facts dt{font-weight:800}.facts dd{font-weight:800;font-variant-numeric:tabular-nums}.facts .facts__big{border-bottom-width:5px}.facts .facts__big dt,.facts .facts__big dd{font-family:var(--display);font-variation-settings:'SOFT' 100;font-size:28px;font-weight:900}.facts div:last-child{border-bottom:0}.pair{display:flex;gap:20px}.pair__chip{display:grid;justify-items:center;gap:6px}.pair__chip i{display:block;width:104px;height:60px;border:var(--line);border-radius:12px;background:var(--c,#fff);box-shadow:var(--hard-sm);transition:background .3s}.pair__chip figcaption{font-size:13px}.pair__chip b{font-family:var(--label);font-size:15px;letter-spacing:.05em;text-transform:uppercase}.pigments{max-width:44em;font-family:var(--label);font-size:15px;font-weight:700;letter-spacing:.04em;text-align:center;text-transform:uppercase}@media(max-width:940px){.play{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.masthead{gap:12px;padding:12px 14px}.logo{font-size:32px}.masthead__clock{display:none}.masthead__nav{margin-left:auto}.masthead--game{gap:8px}.masthead--game .logo--small{font-size:23px;-webkit-text-stroke-width:2px}.masthead--game .masthead__nav{gap:6px}.masthead--game .chunky--small:not(.chunky--icon){padding:7px 11px;font-size:14px}.shelf,.play{padding:24px 14px 48px}.play__stage{padding:20px 10px 24px}.burst--streak{right:-8px;width:96px}}.victory{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(42,31,26,.55)}.victory[hidden]{display:none}.victory__box{width:min(420px,100%);animation:drop .35s cubic-bezier(.3,1.5,.5,1)}[data-toy=blob-ross] .victory:not([hidden]){animation:fade .6s ease both}[data-toy=blob-ross] .victory__box{animation:drop .8s cubic-bezier(.25,1.25,.4,1).15s both}@keyframes fade{from{opacity:0}}@keyframes drop{from{transform:translateY(-30px)rotate(-3deg);opacity:0}to{transform:none;opacity:1}}.victory__box .box__lid{padding-right:130px}.burst--score{position:absolute;top:-34px;right:-26px;z-index:3;width:150px;padding:0 20px;font-family:var(--display);font-variation-settings:'SOFT' 100;font-size:28px;font-weight:900;text-transform:none;transform:rotate(10deg)}.victory__body{display:grid;gap:14px;padding:20px}.victory__note{font-weight:700}.victory__note[hidden]{display:none}.victory__pair{display:flex;gap:12px}.victory__pair .chip{flex:1;display:flex;flex-direction:column;justify-content:space-between;height:96px;padding:10px 12px;border:var(--line);border-radius:12px;background:var(--c,#fff);box-shadow:var(--hard-sm);color:var(--fg,var(--ink))}.victory__pair .chip b{font-family:var(--label);font-size:15px;letter-spacing:.05em;text-transform:uppercase}.victory__pair .chip.is-plain{flex-direction:column-reverse}.verdict__chip-val{font-weight:800}.chip.is-plain .verdict__chip-val{font-family:var(--display);font-variation-settings:'SOFT' 100;font-size:36px;font-weight:900;line-height:1}.prose__body{padding:22px 22px 28px;font-size:17px}.prose__body h2{margin:26px 0 8px;font-size:26px}.prose__body p+p,.prose__body ul{margin-top:12px}.prose__body a{color:var(--blue);font-weight:700}.ad{display:none;place-items:center;min-height:250px;border:3px dashed rgba(42,31,26,.45);border-radius:14px;background:rgba(255,244,214,.5)}.ad::after{content:'Advertisement';font-family:var(--label);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.foot{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;padding:22px 14px 30px;border-top:var(--line);background:var(--cream);font-family:var(--label);font-size:16px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.foot a{text-decoration:none}.foot a:hover{color:var(--red)}.toast{position:fixed;left:50%;bottom:24px;z-index:60;padding:10px 20px;border:var(--line);border-radius:999px;background:var(--yellow);box-shadow:var(--hard-sm);font-weight:800;opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:opacity .18s,transform .18s}.toast.is-up{opacity:1;transform:translate(-50%,0)}.br,.ss,.cs{display:grid;justify-items:center;gap:26px;width:100%}.br-board{position:relative;width:min(58vh,100%,460px);aspect-ratio:1}.br-paper{position:absolute;inset:0;width:100%;height:100%}.br-grid{--preview:transparent;position:relative;display:grid;grid-template-columns:repeat(var(--grid),1fr);grid-template-rows:repeat(var(--grid),1fr);width:100%;height:100%}.br-cell{grid-column:var(--x)/span var(--span);grid-row:var(--y)/span var(--span);border-radius:50%}.br-cell.is-empty,.br-nest-cell.is-empty{cursor:pointer}.br-cell.is-empty:hover,.br-cell.is-empty:focus-visible,.br-nest-cell.is-empty:hover,.br-nest-cell.is-empty:focus-visible{background:radial-gradient(circle,var(--preview) 0 34%,transparent 35%);opacity:.55;outline:none}.br-nest{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%}.br-nest-cell{border-radius:50%}.br-palette,.ss-palette{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding-top:16px;filter:var(--crayon-edge)}.br-swatch,.ss-key{position:relative;width:46px;height:110px;padding:0;border:0;background:var(--grain),linear-gradient(180deg,rgba(42,31,26,.16) 0 var(--cone),transparent 0),linear-gradient(180deg,transparent 0 calc(var(--cone) + 6px),rgba(42,31,26,.32) calc(var(--cone) + 6px) calc(var(--cone) + 9px),transparent 0 calc(100% - 13px),rgba(42,31,26,.32) calc(100% - 13px) calc(100% - 10px),transparent 0),var(--swatch);background-blend-mode:soft-light,normal,normal,normal;clip-path:var(--crayon-v);cursor:pointer;transition:transform .18s cubic-bezier(.3,1.6,.5,1)}.br-swatch:hover,.ss-key:hover{transform:translateY(-6px)}.br-swatch.is-active,.ss-key.is-active{transform:translateY(-16px)}.br-swatch__code,.ss-key__num{position:absolute;left:50%;bottom:18px;font-family:var(--label);font-size:12px;font-weight:800;letter-spacing:.04em;writing-mode:vertical-rl;transform:translateX(-50%)rotate(180deg);color:#fff;color:oklch(from var(--swatch) clamp(.25,(.7 - l) * 1e3,.97) .02 80)}.ss-key__num{font-size:16px}.ss-board{--fit:min(var(--cell), calc((100vw - 64px) / var(--grid)));position:relative;display:grid;grid-template-columns:repeat(var(--grid),var(--fit));grid-template-rows:repeat(var(--grid),var(--fit));max-width:100%}.ss-paper{position:absolute;top:calc(var(--fit) * -.5);left:calc(var(--fit) * -.5);width:calc(100% + var(--fit));height:calc(100% + var(--fit));pointer-events:none}.ss-cell{position:relative}.ss-cell.is-start::after{content:'';position:absolute;z-index:1;inset:24%;border:2px solid var(--ink);border-radius:50%;background:var(--cream)}.ss.is-solved .ss-key{pointer-events:none;opacity:.4}.box--cross-hatch{--lid:var(--purple);--lid-ink:var(--cream)}.box--drip{--lid:var(--sky);--lid-ink:var(--ink)}.box--two-faced{--lid:var(--yellow);--lid-ink:var(--ink)}.box--chameleon{--lid:var(--green);--lid-ink:var(--cream)}.box--overprint{--lid:var(--red);--lid-ink:var(--cream)}.ch{display:grid;justify-items:center;gap:22px;width:100%}@media(min-width:760px){.ch{grid-template-columns:auto minmax(0,420px);grid-template-areas:"ref board" "ref palette";justify-content:center;align-items:start;column-gap:36px}.ch-ref{grid-area:ref;margin-top:34px}.ch-wrap{grid-area:board}.ch-palette{grid-area:palette}}.ch-key{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px;transform:rotate(1.5deg)}.ch-key li{display:flex;align-items:center;gap:2px}.ch-key b{font-family:var(--label);font-size:15px;font-weight:800;width:14px;text-align:center}.ch-chip{width:26px;height:26px}.ch-ref{margin:0;display:grid;justify-items:center;gap:6px;transform:rotate(-1.5deg)}.ch-ref__pic{display:block;width:min(150px,38vw);aspect-ratio:1;padding:8px;background:#fffaf0;border:2px solid var(--ink);border-radius:4px;box-shadow:var(--hard-sm)}.ch-ref figcaption{font-family:var(--label);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ch-wrap{container-type:inline-size;width:min(100%,420px)}.ch-board{--tab:34px;--fit:calc((100cqw - var(--tab) - 6px) / var(--n));--pick:var(--ink);display:grid;grid-template-columns:var(--tab)repeat(var(--n),var(--fit));grid-template-rows:var(--tab)repeat(var(--n),var(--fit));gap:0}.ch-paper{grid-row:2/-1;grid-column:2/-1;display:block;width:100%;height:100%;border-radius:3px 10px 6px 12px/10px 4px 12px 6px;box-shadow:0 0 0 2px var(--ink),var(--hard-sm);background:#fffaf0}.ch-tab{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:2px solid var(--ink);background:var(--kraft);color:var(--ink);cursor:pointer;transform:rotate(var(--tilt,0deg));transition:transform .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.ch-tab--col{grid-row:1;margin:0 3px 4px;border-bottom:0;border-radius:10px 10px 0 0}.ch-tab--row{grid-column:1;margin:3px 4px 3px 0;border-right:0;border-radius:10px 0 0 10px}.ch-tab:hover,.ch-tab:focus-visible{background:var(--cream);outline:none}.ch-tab--col:hover,.ch-tab--col:focus-visible{transform:translateY(-3px)rotate(var(--tilt,0deg))}.ch-tab--row:hover,.ch-tab--row:focus-visible{transform:translateX(-3px)rotate(var(--tilt,0deg))}.ch-tab:focus-visible{box-shadow:inset 0 0 0 2px var(--pick)}.ch-tab__marks{display:flex;gap:3px}.ch-tab--row .ch-tab__marks{flex-direction:column}.ch-tab__marks i{display:block;width:6px;height:14px;border-radius:3px 2px 3px 2px;background:var(--grain),var(--c);background-blend-mode:soft-light,normal;box-shadow:0 0 0 1px var(--ink)}.ch-tab--row .ch-tab__marks i{width:14px;height:6px}.ch-palette{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding-top:16px;filter:var(--crayon-edge)}.ch-ink{position:relative;width:46px;height:110px;padding:0;border:0;background:var(--grain),linear-gradient(180deg,rgba(42,31,26,.16) 0 var(--cone),transparent 0),linear-gradient(180deg,transparent 0 calc(var(--cone) + 6px),rgba(42,31,26,.32) calc(var(--cone) + 6px) calc(var(--cone) + 9px),transparent 0 calc(100% - 13px),rgba(42,31,26,.32) calc(100% - 13px) calc(100% - 10px),transparent 0),var(--swatch);background-blend-mode:soft-light,normal,normal,normal;clip-path:var(--crayon-v);cursor:pointer;transition:transform .18s cubic-bezier(.3,1.6,.5,1)}.ch-ink:hover{transform:translateY(-6px)}.ch-ink.is-active{transform:translateY(-16px)}.ch-ink__code{position:absolute;left:50%;bottom:18px;font-family:var(--label);font-size:12px;font-weight:800;letter-spacing:.04em;writing-mode:vertical-rl;transform:translateX(-50%)rotate(180deg);color:var(--ink)}.ch.is-solved .ch-tab,.ch.is-solved .ch-ink{pointer-events:none}.ch.is-solved .ch-ink{opacity:.45}@media(prefers-reduced-motion:reduce){.ch-tab,.ch-ink{transition:none}}@media(max-width:759px){.ch-ref{grid-template-columns:auto auto;grid-template-areas:"pic key" "cap key";align-items:center;column-gap:18px}.ch-ref__pic{grid-area:pic;width:min(130px,34vw)}.ch-ref figcaption{grid-area:cap}.ch-key{grid-area:key;margin:0}}.cs-tray{--lane:52px;--row:clamp(22px, calc(90vh / var(--caps)), 36px);display:grid;width:min(100%,380px)}.cs-cap{display:grid;grid-template-columns:1fr var(--lane);align-items:center;height:var(--row);padding:0;border:0;background:0 0;cursor:pointer}.cs-stick{--tip:calc(var(--row) * 0.95);justify-self:end;width:calc(var(--wear,1) * 100%);height:72%;margin-right:-2px;rotate:calc(var(--tilt,0deg) * .3);filter:var(--crayon-edge);transition:transform .18s cubic-bezier(.3,1.6,.5,1)}.cs-body{display:block;position:relative;height:100%;background:var(--grain),linear-gradient(90deg,transparent 0 calc(100% - var(--tip)),rgba(42,31,26,.16) 0),linear-gradient(90deg,transparent 0 8%,rgba(42,31,26,.32) 8% calc(8% + 3px),transparent 0 calc(100% - var(--tip) - 12px),rgba(42,31,26,.32) calc(100% - var(--tip) - 12px) calc(100% - var(--tip) - 9px),transparent 0),var(--c,#fff);background-blend-mode:soft-light,normal,normal,normal;clip-path:polygon(0 0,calc(100% - var(--tip)) 0,100% 42%,100% 58%,calc(100% - var(--tip)) 100%,0 100%);transition:background-color .3s ease}.cs-line{display:block;width:100%;height:100%}.cs-cap:hover:not(:disabled) .cs-stick{transform:translateX(-6px)}.cs-cap:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.cs-cap.is-picked .cs-stick{transform:translateX(-22px)rotate(-3deg)}.cs-cap:not(:disabled){touch-action:none}.cs-cap.is-dragging{position:relative;z-index:3;cursor:grabbing}.cs-cap.is-dragging .cs-stick{transform:translate(var(--drag))rotate(-3deg);transition:none;pointer-events:none}.cs-cap.is-dragging .cs-line{pointer-events:none}.cs-cap.is-target .cs-stick{transform:translateX(-12px)}.cs-cap.is-landing .cs-stick{animation:slide .3s cubic-bezier(.3,1.5,.5,1)}@keyframes slide{from{transform:translateX(-30px);opacity:0}to{transform:none;opacity:1}}.cs-cap.is-pinned{cursor:default}.cs-cap.is-pinned .cs-stick::after{content:'';position:absolute;top:-22%;bottom:-22%;left:38%;width:22px;background:rgba(255,244,214,.85);box-shadow:0 0 0 1.5px var(--ink);transform:rotate(-8deg)}.cs-cap.is-pinned .cs-stick{position:relative}.cs.is-solved .cs-cap{pointer-events:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}