@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./eb-garamond-latin-400-normal-BCNrxLz_.woff2)format("woff2"),url(./eb-garamond-latin-400-normal-maQnHeKB.woff)format("woff")}@font-face{font-family:EB Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./eb-garamond-latin-400-italic-DSEbMgZu.woff2)format("woff2"),url(./eb-garamond-latin-400-italic-CDFyLPXJ.woff)format("woff")}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./eb-garamond-latin-500-normal-DehAIUv0.woff2)format("woff2"),url(./eb-garamond-latin-500-normal-DZU8xF9o.woff)format("woff")}:root{--ink:#2b2622;--paper:#f3ecdd;--light:#efe6d6;--dim:#efe6d69e;--serif:"EB Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}html,body{height:100%;color:var(--light);font-family:var(--serif);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 40%,#30271f 0%,#211a15 55%,#15100c 100%);margin:0;overflow:hidden}.board{touch-action:none;display:block;position:absolute;box-shadow:0 22px 60px #0000008c,0 3px 8px #00000073}body>.board:only-child{top:50%;left:50%;transform:translate(-50%,-50%)}.title,.card{pointer-events:none;opacity:0;text-align:center;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.4s;display:flex;position:absolute}.title{padding-top:calc(var(--board-h) * .07);box-sizing:border-box;justify-content:flex-start}.title.on{opacity:1;pointer-events:auto}.title .plate{padding:calc(var(--board-h) * .035) calc(var(--board-h) * .09) calc(var(--board-h) * .04);flex-direction:column;align-items:center;display:flex;position:relative}.title .plate:before{content:"";filter:blur(4px);z-index:-1;background:radial-gradient(#f8f1e3f0 0%,#f8f1e3db 50%,#f8f1e300 71%);position:absolute;inset:-20% -9%}.title h1{font-style:italic;font-weight:400;font-size:calc(var(--board-h) * .12);color:var(--ink);letter-spacing:.01em;margin:0}.notes{pointer-events:none;opacity:0;font-size:clamp(14px, calc(var(--board-h) * .026), 19px);color:#4a4038;text-align:center;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.2s;display:flex;position:absolute}.notes.on{opacity:1}.notes p{margin:.15em 1em}.notes .rotate{display:none}@media (pointer:coarse) and (orientation:portrait){.notes .rotate{display:block}}button{font-family:var(--serif);cursor:pointer}.begin{isolation:isolate;margin-top:calc(var(--board-h) * .05);font-size:calc(var(--board-h) * .036);letter-spacing:.03em;color:#3b322b;background:0 0;border:none;padding:.32em 1.7em .4em;transition:transform .25s;position:relative}.begin:before,.quiet:before{content:"";z-index:-1;-webkit-mask:var(--swatch) center / 100% 100% no-repeat;-webkit-mask:var(--swatch) center / 100% 100% no-repeat;mask:var(--swatch) center / 100% 100% no-repeat;background:#3b322b;transition:background .2s;position:absolute;inset:0}.begin:before{background:#f5ead3d6;inset:-.1em -.25em;transform:rotate(-1.5deg)}.begin:hover,.begin:focus-visible{outline:none;transform:scale(1.04)}.begin:hover:before,.begin:focus-visible:before{background:#fbf4e4f2}.begin:focus-visible{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.card{font-style:italic;font-size:calc(var(--board-h) * .13);color:var(--ink);transition:opacity 1.1s}.card.grandchild{font-style:normal;font-size:calc(var(--board-h) * .09)}.card.on{opacity:1}.narration,.hint{text-align:center;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.narration{overflow:visible}.narration .line{box-sizing:border-box;width:max-content;max-width:46%;font-size:clamp(16px, calc(var(--board-h) * .032), 28px);color:var(--ink);isolation:isolate;margin:0;padding:.55em 1.1em .6em;line-height:1.38;transition:opacity .9s,filter .9s;position:absolute}.narration .line:before{content:"";filter:blur(3px);z-index:-1;background:radial-gradient(#f8f1e3f2 0%,#f8f1e3e0 55%,#f8f1e300 72%);position:absolute;inset:-12% -5%}.narration .line.gran{font-style:italic}.narration .line.grandchild{font-style:normal}.narration .line span{opacity:0;filter:blur(4px);animation:1.1s forwards ink;display:inline-block;transform:translateY(3px)}.narration .line.out{opacity:0;filter:blur(3px)}@keyframes ink{to{opacity:1;filter:blur();transform:none}}.hint{font-size:clamp(14px, calc(var(--board-h) * .026), 20px);color:var(--ink);opacity:0;box-sizing:border-box;transition:opacity 1s}.hint.on{opacity:1}.hint span,.notes p{isolation:isolate;padding:.4em 1.2em .45em;position:relative}.hint span:before,.notes p:before{content:"";filter:blur(3px);z-index:-1;background:radial-gradient(#f8f1e3eb 0%,#f8f1e3d9 55%,#f8f1e300 72%);position:absolute;inset:-10% -4%}.hint.centred{font-size:clamp(16px, calc(var(--board-h) * .03), 24px)}.controls,.end{gap:6px;display:flex;position:absolute;bottom:14px;right:18px}.end{opacity:0;pointer-events:none;transition:opacity 1.2s 1s;bottom:14px;left:50%;right:auto;transform:translate(-50%)}.end.on{opacity:1;pointer-events:auto}.quiet{isolation:isolate;color:#3b322b;background:0 0;border:none;padding:.35em 1.2em .42em;font-size:15px;transition:opacity .6s;position:relative}.quiet:before{background:#f5ead3d6}.quiet:hover:before,.quiet:focus-visible:before{background:#fbf4e4f2}.quiet:focus-visible{text-underline-offset:.2em;outline:none;text-decoration:underline}.quiet.icon{font-size:clamp(12px, calc(var(--board-h) * .02), 15px);align-items:center;padding:.3em .85em .36em;display:flex}.quiet[hidden]{display:none}.quiet.icon svg{width:1.55em;height:1.55em;display:block}.quiet.icon:focus-visible:after{content:"";border-bottom:1px solid;position:absolute;bottom:.3em;left:30%;right:30%}.finish{opacity:0;pointer-events:none}.finish.on{opacity:1;pointer-events:auto}.cursor{pointer-events:none;opacity:0;box-sizing:border-box;border:1.5px solid #2b26228c;border-radius:50%;transition:opacity .25s,border-color .2s;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #f3ecdd59}.cursor.on{opacity:1}.cursor.down{border-color:#2b2622d9}.lift-label{font-style:italic;font-size:clamp(16px, calc(var(--board-h) * .032), 26px);color:var(--ink);text-shadow:0 0 8px #faf4e8f2,0 0 2px #faf4e8e6;pointer-events:none;opacity:0;white-space:nowrap;transition:opacity .4s;position:absolute;top:0;left:0}.lift-label.on{opacity:1}.fatal{text-align:center;justify-content:center;align-items:center;padding:2em;font-size:20px;display:flex;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.narration .line span{animation-duration:10ms}}