/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-oak:#d2a46a;--color-walnut:#4a2e1f;--color-walnut-edge:#2a180f;--color-walnut-table:#3b2418;--color-birch:#ebd3a8;--color-birch-edge:#b48a52;--color-birch-dark:#c99a5b;--color-birch-dark-edge:#8a6233;--color-birch-blank:#c9a76f;--color-tomato:#d5452f;--color-tomato-edge:#9c2c1b;--color-bone:#f8f0de;--color-bone-dim:#d2bba0;--color-cream:#fff6e6;--color-espresso:#24160e;--color-espresso-dim:#563b29;--color-paper:#fcfaf2;--color-paper-dark:#f3ecdb;--color-ruling:#c9d9ea;--color-margin:#eba39b;--color-graphite:#37383c;--color-graphite-faint:#7b7f87;--color-graphite-placeholder:#a9acb3;--color-ballpoint:#2e4fb0;--color-sticky:#fce588;--color-sticky-dark:#f2d873;--color-highlighter-pale:#fff0a6;--color-mustard:#e9b43b;--color-teal:#1f5f66;--color-ochre:#b9860f;--color-white:#fff;--color-white-edge:#c9bea6;--color-white-ink:#1f1f1f;--color-die-shine:#fffdf5;--color-die:#efe4cb;--color-die-shade:#ddcfae;--color-die-ink:#1a130e;--color-pip-shine:#54463c;--color-pip:#120c08;--color-pencil-eraser:#e79a96;--color-pencil-ferrule:#c7cacf;--color-pencil-ferrule-shade:#a9adb3;--color-pencil-shine:#f7c948;--color-pencil:#f0b429;--color-pencil-shade:#d99a1b;--color-pencil-wood:#ebcda4;--color-table:var(--color-oak);--color-ink:var(--color-espresso);--color-ink-dim:var(--color-espresso-dim);--color-tile:var(--color-birch);--color-tile-edge:var(--color-birch-edge);--color-sheet:var(--color-paper);--color-note:var(--color-sticky);--font-display:"Caprasimo","Cooper Black",Georgia,serif;--font-ui:"Figtree",system-ui,sans-serif;--font-hand:"Patrick Hand","Comic Sans MS",cursive;--font-scrawl:"Caveat","Patrick Hand",cursive;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:24px;--spacing-6:32px;--spacing-7:48px;--spacing-8:72px;--spacing-rule:28px;--radius-wood:10px;--radius-wood-big:14px;--radius-tile:9px;--radius-pile:16px;--ease-press:cubic-bezier(.3,1.5,.5,1);--ease-roll:cubic-bezier(.2,.75,.25,1);--ease-hop:cubic-bezier(.3,.5,.5,1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{background:var(--color-table)}body{min-height:100dvh;color:var(--color-ink);font:500 17px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:clip}[data-theme=dark] body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(90% 70% at 50% 0,#ffc8782e,#0000 60%),radial-gradient(120% 100% at 50% 40%,#0000 50%,#00000073);position:fixed;inset:0}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--color-mustard);outline-offset:3px;border-radius:6px}}@layer components{.wood{color:var(--color-ink);background-color:var(--color-table);background-image:repeating-linear-gradient(#0000 0 217px,#24160e38 217px 219px,#ffffff1f 219px 220px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='440'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .11' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2  0 0 0 0 .1  0 0 0 0 .04  1.15 0 0 0 -.44'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}.top{z-index:1;padding:var(--spacing-4)clamp(16px,4vw,44px);justify-content:space-between;align-items:center;display:flex;position:relative}.top nav{align-items:center;gap:var(--spacing-3);display:flex}.table-main{z-index:1;position:relative;overflow-x:clip}.screen{max-width:1120px;padding:var(--spacing-4)clamp(16px,4vw,44px)var(--spacing-7);margin:0 auto}.headline{margin:0 0 var(--spacing-4);font:400 clamp(38px,4.9vw,68px)/1.04 var(--font-display);letter-spacing:-.01em;text-shadow:var(--engrave)}.headline span{display:block}.lede{color:var(--color-ink-dim);max-width:30em;font-size:19px}.legend{margin-bottom:var(--spacing-2);padding:0;font-size:15px;font-weight:700;display:block}.logo{min-height:44px;font:400 34px/1 var(--font-display);color:var(--color-ink);text-shadow:var(--engrave);align-items:center;gap:9px;text-decoration:none;display:inline-flex}.logo small{font:700 26px/1 var(--font-scrawl)}.logo .die{--d:36px;transform:rotate(7deg);box-shadow:0 3px #0000004d,0 6px 8px -3px #0006,inset 0 0 0 1px #785f324d}.round-button{all:unset;cursor:pointer;width:42px;height:42px;color:var(--color-espresso);background:var(--color-tile);box-shadow:0 3px 0 var(--color-tile-edge),inset 0 1px 0 #ffffff80;border-radius:50%;place-items:center;display:grid;position:relative}.round-button:before{content:"";border-radius:50%;position:absolute;inset:-2px}.round-button:active{box-shadow:0 1px 0 var(--color-tile-edge);transform:translateY(2px)}.round-button:focus-visible{outline:3px solid var(--color-mustard);outline-offset:3px}.die{--d:48px;width:var(--d);height:var(--d);padding:calc(var(--d)*.13);color:var(--color-die-ink);background:radial-gradient(120% 120% at 30% 22%,var(--color-die-shine),var(--color-die)65%,var(--color-die-shade));box-shadow:inset 0 0 0 1px #785f324d,inset 0 0 calc(var(--d)*.14)#785f3266;border-radius:17%;flex:none;grid-template:repeat(3,1fr)/repeat(3,1fr);display:inline-grid}.die i{border-radius:50%;margin:9%}.die i.on{background:radial-gradient(circle at 38% 30%,var(--color-pip-shine),var(--color-pip)68%);box-shadow:inset 0 calc(var(--d)*.025)calc(var(--d)*.03)#000000d9,0 1px 0 #ffffffbf}.cube{width:var(--s,64px);height:var(--s,64px);perspective:calc(var(--s,64px)*5);display:inline-block;position:relative}.cube__tilt,.cube__body{width:100%;height:100%;transform-style:preserve-3d;display:block;position:relative}.cube__tilt{transform:rotateX(var(--tx,-18deg))rotateY(var(--ty,24deg))}.cube__body{transform:rotateX(var(--rx,0deg))rotateY(var(--ry,0deg));transition:transform 1.3s var(--ease-roll)}.cube--tumble-in .cube__body{animation:tumble-in 1.3s var(--ease-roll).4s backwards}.cube__face{--h:calc(var(--s,64px)/2);--d:var(--s,64px);position:absolute;inset:0}.cube .f1{transform:translateZ(var(--h))}.cube .f6{transform:rotateY(180deg)translateZ(var(--h))}.cube .f3{transform:rotateY(90deg)translateZ(var(--h))}.cube .f4{transform:rotateY(-90deg)translateZ(var(--h))}.cube .f2{transform:rotateX(90deg)translateZ(var(--h))}.cube .f5{transform:rotateX(-90deg)translateZ(var(--h))}@keyframes tumble-in{0%{transform:rotateX(var(--from-rx))rotateY(var(--from-ry))}}.token{background:var(--token,var(--color-tomato));width:34px;height:34px;color:var(--color-cream);font:700 14px/1 var(--font-ui);border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:0 3px #00000047,inset 0 0 0 3px #ffffff29,inset 0 -3px #00000029}.token--teal{--token:var(--color-teal)}.token--ochre{--token:var(--color-ochre)}.token--walnut{--token:var(--color-walnut)}.block{--edge:var(--color-tile-edge);appearance:none;cursor:pointer;border-radius:var(--radius-wood);min-height:52px;font:700 16px/1 var(--font-ui);color:var(--color-espresso);background:var(--color-tile);text-shadow:0 1px #fff6;box-shadow:0 5px 0 var(--edge),0 10px 14px -5px #00000073,inset 0 1px 0 #ffffff8c;border:0;justify-content:center;align-items:center;gap:10px;margin-bottom:5px;padding:0 22px;text-decoration:none;transition:transform 90ms,box-shadow 90ms,filter .15s;display:inline-flex}.block:hover{filter:brightness(1.06)}.block:active{box-shadow:0 1px 0 var(--edge),0 3px 5px -2px #0006,inset 0 1px 0 #ffffff8c;transform:translateY(4px)}.block--tomato{--edge:var(--color-tomato-edge);background:var(--color-tomato);color:var(--color-cream);text-shadow:0 1px #00000040}.block--walnut{--edge:var(--color-walnut-edge);background:var(--color-walnut);color:var(--color-bone);text-shadow:none}.block--white{--edge:var(--color-white-edge);background:var(--color-white);color:var(--color-white-ink);text-shadow:none}.block--big{border-radius:var(--radius-wood-big);min-height:62px;padding:0 30px;font-size:19px}.block--wide{width:100%}.block:disabled{opacity:.55;cursor:default}.letter-tile{border-radius:var(--radius-tile);background:var(--color-birch);width:54px;height:58px;color:var(--color-espresso);text-align:center;text-transform:uppercase;font:400 30px/58px var(--font-display);box-shadow:0 4px 0 var(--color-birch-edge),0 8px 10px -4px #0006,inset 0 1px 0 #fff9;border:0;flex:none;margin-bottom:4px;padding:0}input.letter-tile:focus{outline:3px solid var(--color-mustard);outline-offset:2px}.letter-tile--placed{animation:clack .35s var(--ease-press)both}.letter-tile--placed:nth-child(odd){transform:rotate(-3deg)}.letter-tile--placed:nth-child(2n){transform:rotate(2deg)translateY(2px)}.letter-tile--placed:nth-child(2){animation-delay:60ms}.letter-tile--placed:nth-child(3){animation-delay:.12s}.letter-tile--placed:nth-child(4){animation-delay:.18s}.letter-tile--blank{color:#0000;background:var(--color-birch-blank)}@keyframes clack{0%{transform:translateY(-10px)rotate(-6deg)}}.tiles{align-items:flex-start;gap:var(--spacing-2);display:flex}.tiles .block{min-height:58px;margin-left:var(--spacing-2)}.paper{--color-tile:var(--color-birch);--color-tile-edge:var(--color-birch-edge);isolation:isolate;color:var(--color-graphite);padding:calc(var(--spacing-rule)*1.5)clamp(18px,4vw,30px)var(--spacing-rule)clamp(46px,7vw,58px);font:400 20px/var(--spacing-rule)var(--font-hand);position:relative}.paper:before{content:"";z-index:-1;background:linear-gradient(90deg,transparent clamp(30px,5vw,40px),var(--color-margin)clamp(30px,5vw,40px)calc(clamp(30px,5vw,40px) + 1.5px),transparent 0),repeating-linear-gradient(180deg,transparent 0 calc(var(--spacing-rule) - 1.5px),var(--color-ruling)calc(var(--spacing-rule) - 1.5px)var(--spacing-rule))0 calc(var(--spacing-rule)*.5 + 8px),var(--color-sheet);position:absolute;inset:0;-webkit-mask:radial-gradient(5px at 50% 0,#0000 96%,#000) 0 0/19px 100%;mask:radial-gradient(5px at 50% 0,#0000 96%,#000) 0 0/19px 100%}.paper:after{content:"";z-index:-2;position:absolute;inset:8px 2px 0;box-shadow:0 2px 3px #00000040,0 20px 26px -12px #0000008c}.paper--scrap{padding:var(--spacing-5)}.paper--scrap:before{background:var(--color-sheet);clip-path:polygon(0 3%,6% 0,14% 2%,27% 0,41% 3%,55% 0,68% 2%,82% 0,93% 3%,100% 1%,100% 100%,0 100%);-webkit-mask:none;mask:none}.paper h1,.paper h2,.sticky h1,.sticky h2{margin:0 0 var(--spacing-rule);font:700 clamp(36px,7vw,46px)/calc(var(--spacing-rule)*2)var(--font-scrawl);letter-spacing:-.01em}.paper h2{font-size:34px;line-height:var(--spacing-rule)}.paper a:not(.block),.sticky a:not(.block){color:var(--color-ballpoint)}.faint,.hint{color:var(--color-graphite-faint)}.tape{z-index:2;clip-path:polygon(0 12%,3% 0,6% 14%,9% 0,100% 0,97% 16%,100% 30%,97% 46%,100% 62%,97% 80%,100% 100%,0 100%,3% 84%,0 66%,3% 48%,0 30%);background:#e9d7a0db;width:96px;height:28px;margin-left:-48px;position:absolute;top:-11px;left:50%;transform:rotate(-3deg);box-shadow:0 1px 2px #0003}.tape--left{left:22%;transform:rotate(-12deg)}.tape--right{left:78%;transform:rotate(9deg)}.write-on label{color:var(--color-graphite-faint);display:block}.write{width:100%;height:calc(var(--spacing-rule)*2);border:0;border-bottom:2.5px solid var(--color-graphite);color:var(--color-graphite);font:700 36px/1 var(--font-scrawl);background:0 0;border-radius:0;padding:0 2px}.write::placeholder{color:var(--color-graphite-placeholder);font-weight:600}.write:focus{border-bottom-color:var(--color-ballpoint);background:linear-gradient(transparent 60%,var(--color-highlighter-pale)60%);outline:0}.write-on .error{color:var(--color-tomato);font:700 26px/var(--spacing-rule)var(--font-scrawl)}.write-on.is-error .write{border-bottom-color:var(--color-tomato);animation:.3s nudge}@keyframes nudge{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.sticky{--color-tile:var(--color-birch);--color-tile-edge:var(--color-birch-edge);background:var(--color-note);color:var(--color-graphite);font:400 20px/var(--spacing-rule)var(--font-hand);padding:clamp(20px,5vw,30px);position:relative;box-shadow:0 1px #00000014,0 20px 22px -14px #0000008c}.sticky:before{content:"";background:linear-gradient(#00000012,#0000);height:34px;position:absolute;top:0;left:0;right:0}.toasts{top:14px;left:var(--spacing-4);right:var(--spacing-4);z-index:60;gap:var(--spacing-2);justify-items:center;display:grid;position:fixed}.toast{cursor:pointer;background:var(--color-note);color:var(--color-graphite);font:700 27px/1.1 var(--font-scrawl);animation:place .3s var(--ease-press);padding:5px 48px 7px 18px;position:relative;transform:rotate(-2deg);box-shadow:0 12px 16px -8px #0000008c}.toast__dismiss{all:unset;border-radius:6px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:6px;right:8px}.toast__dismiss:focus-visible{outline:3px solid var(--color-graphite);outline-offset:0}@keyframes place{0%{opacity:0;transform:translateY(-26px)rotate(-5deg)scale(1.04)}}}@layer utilities{.sticky{position:sticky}.block{display:block}.hidden{display:none}.inline{display:inline}.translate-y-4{--tw-translate-y:var(--spacing-4);translate:var(--tw-translate-x)var(--tw-translate-y)}.opacity-0{opacity:0}.opacity-100{opacity:1}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (min-width:40rem){.sm\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.sm\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}}:root{--line:#24160e47;--engrave:0 1px 0 #ffffff59}[data-theme=dark]{--color-table:var(--color-walnut-table);--color-ink:var(--color-bone);--color-ink-dim:var(--color-bone-dim);--color-tile:var(--color-birch-dark);--color-tile-edge:var(--color-birch-dark-edge);--color-sheet:var(--color-paper-dark);--color-note:var(--color-sticky-dark);--line:#f8f0de3d;--engrave:0 2px 0 #0006}@media (max-width:520px){.letter-tile{width:48px}.logo{font-size:30px}}@media (max-width:359px){.letter-tile{width:42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.hero{padding-top:var(--spacing-5);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,72px);display:grid}.door{margin-top:var(--spacing-6);gap:var(--spacing-5);justify-items:start;display:grid}.hero__paper{justify-self:center;width:100%;max-width:470px;position:relative}.hero__paper .paper{padding-top:var(--spacing-rule);text-align:center;transform:rotate(1.6deg)}.pile{all:unset;cursor:pointer;--s:clamp(58px,7.4vw,88px);gap:calc(var(--s)*.4);padding:calc(var(--s)*.62)calc(var(--s)*.2)calc(var(--s)*.5);-webkit-tap-highlight-color:transparent;touch-action:manipulation;display:inline-flex}.pile:focus-visible{outline:3px solid var(--color-mustard);outline-offset:0;border-radius:var(--radius-pile)}.slot{display:grid;position:relative}.slot:before{content:"";filter:blur(6px);background:#3228146b;border-radius:50%;height:32%;position:absolute;bottom:-18%;left:6%;right:-14%}.slot:first-child{transform:rotate(-7deg)translateY(10%)}.slot:nth-child(2){transform:rotate(4deg)translateY(-16%)}.slot:nth-child(3){transform:rotate(-2deg)translateY(14%)}.slot:nth-child(2) .cube{--ty:-22deg}.slot:nth-child(3) .cube{--tx:-24deg;--ty:32deg}.cube.is-rolling{animation:hop 1.25s var(--ease-hop)}.cube.is-rolling-again{animation:hop-again 1.25s var(--ease-hop)}.slot:has(.is-rolling):before{animation:shade 1.25s var(--ease-hop)}.slot:has(.is-rolling-again):before{animation:shade-again 1.25s var(--ease-hop)}.cube.cube--tumble-in,.slot:has(.cube--tumble-in):before{animation-delay:.4s}.slot:nth-child(2) .cube,.slot:nth-child(2) .cube__body,.slot:nth-child(2):before{transition-delay:.12s;animation-delay:.12s}.slot:nth-child(3) .cube,.slot:nth-child(3) .cube__body,.slot:nth-child(3):before{transition-delay:.24s;animation-delay:.24s}.slot:nth-child(2) .cube--tumble-in,.slot:nth-child(2) .cube--tumble-in .cube__body,.slot:nth-child(2):has(.cube--tumble-in):before{animation-delay:.52s}.slot:nth-child(3) .cube--tumble-in,.slot:nth-child(3) .cube--tumble-in .cube__body,.slot:nth-child(3):has(.cube--tumble-in):before{animation-delay:.64s}@keyframes hop{0%{translate:0}22%{translate:0 -52%}46%{translate:0}62%{translate:0 -18%}78%{translate:0}88%{translate:0 -5%}to{translate:0}}@keyframes hop-again{0%{translate:0}22%{translate:0 -52%}46%{translate:0}62%{translate:0 -18%}78%{translate:0}88%{translate:0 -5%}to{translate:0}}@keyframes shade{22%{opacity:.45;transform:scale(.6)}46%{opacity:1;transform:none}62%{opacity:.75;transform:scale(.85)}78%{opacity:1;transform:none}}@keyframes shade-again{22%{opacity:.45;transform:scale(.6)}46%{opacity:1;transform:none}62%{opacity:.75;transform:scale(.85)}78%{opacity:1;transform:none}}.caption{min-height:calc(var(--spacing-rule)*2);font:700 30px/var(--spacing-rule)var(--font-scrawl);place-items:center;display:grid}.caption .is-new{animation:.35s ease-out 1.6s both jot}@keyframes jot{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -5% 0 0)}}.mug-ring{z-index:-1;width:104px;height:104px;-webkit-mask:conic-gradient(from 40deg,black 0 62%,transparent 70% 80%,black 88%);-webkit-mask:conic-gradient(from 40deg,black 0 62%,transparent 70% 80%,black 88%);-webkit-mask:conic-gradient(from 40deg,black 0 62%,transparent 70% 80%,black 88%);mask:conic-gradient(from 40deg,black 0 62%,transparent 70% 80%,black 88%);filter:blur(.5px);border:5px solid #96642d26;border-radius:50%;position:absolute;top:9%;right:7%}.pencil,.pencil-tip{transform-origin:100%;z-index:3;width:236px;height:15px;position:absolute;bottom:-6px;right:-34px;transform:rotate(-21deg)}.pencil{background:linear-gradient(90deg,var(--color-pencil-eraser)0 20px,var(--color-pencil-ferrule)20px 23px,var(--color-pencil-ferrule-shade)23px 31px,var(--color-pencil-ferrule)31px 34px,transparent 34px),linear-gradient(180deg,var(--color-pencil-shine)0 33%,var(--color-pencil)33% 66%,var(--color-pencil-shade)66%);filter:drop-shadow(0 7px 4px #00000059);border-radius:3px 0 0 3px;-webkit-mask:linear-gradient(90deg,#000 calc(100% - 30px),#0000 calc(100% - 30px));mask:linear-gradient(90deg,#000 calc(100% - 30px),#0000 calc(100% - 30px))}.pencil-tip{pointer-events:none}.pencil-tip:after{content:"";background:linear-gradient(90deg,var(--color-pencil-wood)0 66%,var(--color-graphite)66%);clip-path:polygon(0 0,100% 50%,0 100%);width:30px;height:100%;position:absolute;top:0;right:0}.rules{margin:var(--spacing-8)0 0;gap:var(--spacing-5);counter-reset:rule;grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}.rules li{counter-increment:rule}.rules li:first-child{transform:rotate(-1.6deg)}.rules li:nth-child(2){transform:rotate(.9deg)translateY(10px)}.rules li:nth-child(3){transform:rotate(-.7deg)}.rules b{font:700 32px/1.1 var(--font-scrawl);margin-bottom:var(--spacing-2);display:block}.rules b:before{content:counter(rule);border:2.5px solid var(--color-tomato);width:34px;height:34px;color:var(--color-tomato);border-radius:50% 46% 52% 48%;place-items:center;margin-right:10px;font-size:26px;display:inline-grid;transform:rotate(-6deg)}.rules .paper{height:100%;line-height:1.35}@media (max-width:860px){.hero{grid-template-columns:1fr}.hero__paper{order:-1}.pile{--s:clamp(56px,16vw,84px)}.rules{margin-top:var(--spacing-7);gap:var(--spacing-6);grid-template-columns:1fr}.pencil,.pencil-tip{display:none}}@media (max-width:520px){.door{justify-items:stretch}}.kit-panels{grid-template-columns:repeat(auto-fit,minmax(min(100%,560px),1fr));display:grid}.kit-panel{padding:var(--spacing-6)clamp(16px,4vw,44px)var(--spacing-7);gap:var(--spacing-6);align-content:start;display:grid}.kit-row{gap:var(--spacing-5);flex-wrap:wrap;align-items:center;display:flex}.kit-row--paper>*{flex:240px}[data-phx-session],[data-phx-teleported-src]{display:contents}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}