.landing{--l-paper:#f6f5fb;--l-sheet:#fff;--l-ink:#231c5e;--l-text:#2a2740;--l-body:#4a4760;--l-muted:#5f5b72;--l-line:#e3e0ef;--l-rule:#d9def2;--l-violet:#5b4fd6;--l-violet-hover:#4a3fc0;--l-violet-soft:#eeecfd;--l-accent:#5b4fd6;--l-lilac:#afa9ec;--l-coral:#f0997b;--l-marker:#c4552f;--l-screen:#231c5e;--l-shadow:#31278259;background:var(--l-paper);color:var(--l-text)}.landing-ruled{--rule:28px;--rule-at:21px;background-color:var(--l-sheet);background-image:linear-gradient(to bottom, transparent var(--rule-at), var(--l-rule) var(--rule-at), var(--l-rule) calc(var(--rule-at) + 1px), transparent calc(var(--rule-at) + 1px));background-size:100% var(--rule);position:relative}@media (min-width:768px){.landing-ruled{--rule:36px;--rule-at:26px}}.landing-margin{position:relative}.landing-margin:before{content:"";inset-block:0;left:var(--margin-line,20px);background:var(--l-coral);opacity:.8;width:2px;position:absolute}.landing-index-lines{background-color:var(--l-sheet);background-image:linear-gradient(to bottom, transparent 31px, var(--l-rule) 31px, var(--l-rule) 32px, transparent 32px);background-size:100% 32px}.landing-hand{font-family:var(--font-caveat), cursive;font-weight:600}@keyframes landing-deal-back{0%{opacity:0;transform:translateY(40px)rotate(0)}to{opacity:1;transform:rotate(5deg)}}@keyframes landing-deal-front{0%{opacity:0;transform:translateY(60px)rotate(4deg)}to{opacity:1;transform:rotate(-2deg)}}@keyframes landing-note-in{0%{opacity:0}to{opacity:1}}@keyframes landing-draw{to{stroke-dashoffset:0}}.landing-card-back{animation:.7s cubic-bezier(.2,.8,.2,1) .1s both landing-deal-back;transform:rotate(5deg)}.landing-card-front{animation:.8s cubic-bezier(.2,.8,.2,1) .3s both landing-deal-front;transform:rotate(-2deg)}.landing-note{animation:.4s ease-out 1.1s both landing-note-in}.landing-note path{stroke-dasharray:120;stroke-dashoffset:120px;animation:.6s ease-out 1.2s forwards landing-draw}.landing-flip{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.3,.7,.3,1)}.landing-flip[data-flipped=true]{transform:rotateY(180deg)}.landing-flip-side{backface-visibility:hidden}.landing-flip-back{transform:rotateY(180deg)}@keyframes landing-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.landing-shake{animation:.3s landing-shake}@media (prefers-reduced-motion:reduce){.landing-card-back,.landing-card-front,.landing-note,.landing-note path{stroke-dashoffset:0;opacity:1;animation:none}.landing-flip{transition:none}.landing-shake{animation:none}}.landing-board{container-type:inline-size}.landing-board-canvas{--u:calc(100cqw / 760);height:calc(var(--u) * 560);box-shadow:0 0 0 1px var(--l-line), 0 30px 60px -30px var(--l-shadow);color:#2a2740;background-color:#fff;background-image:radial-gradient(#d4d1e3 1.3px,#0000 1.4px);background-size:24px 24px;border-radius:24px;position:relative;overflow:hidden}.landing-board-canvas>*{position:absolute}