body{margin:0;background:#FFF4E8}
a{color:#B24A22}a:hover{color:#8A3517}
.btn:focus-visible,.chip:focus-visible,input:focus-visible{outline:3px solid #B24A22;outline-offset:2px}
input::placeholder{color:#8A8094}
body{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
@media (max-width: 600px){.br-wide{display:none}}
@media (max-width: 520px){.hero-stack{scale:.82}}
/* Motion, from the app: MotionProfile (speed 1.25, energy 1.15, stagger 0.07) and MotionLibrary. */
@keyframes dc-pop{0%{opacity:0;scale:0;rotate:9.2deg}8.3333%{opacity:0.25;scale:0.2297;rotate:7.0863deg}16.6667%{opacity:0.5;scale:0.4213;rotate:5.3241deg}25%{opacity:0.75;scale:0.5781;rotate:3.8812deg}33.3333%{opacity:1;scale:0.7037;rotate:2.7259deg}41.6667%{opacity:1;scale:0.8015;rotate:1.8262deg}50%{opacity:1;scale:0.875;rotate:1.15deg}58.3333%{opacity:1;scale:0.9277;rotate:0.6655deg}66.6667%{opacity:1;scale:0.963;rotate:0.3407deg}75%{opacity:1;scale:0.9844;rotate:0.1437deg}83.3333%{opacity:1;scale:0.9954;rotate:0.0426deg}91.6667%{opacity:1;scale:0.9994;rotate:0.0053deg}100%{opacity:1;scale:1;rotate:0deg}}
@keyframes dc-lift{0%{opacity:0;translate:0 calc(var(--lift,69px)*1)}8.3333%{opacity:0.3333;translate:0 calc(var(--lift,69px)*0.7061)}16.6667%{opacity:0.6667;translate:0 calc(var(--lift,69px)*0.4823)}25%{opacity:1;translate:0 calc(var(--lift,69px)*0.3164)}33.3333%{opacity:1;translate:0 calc(var(--lift,69px)*0.1975)}41.6667%{opacity:1;translate:0 calc(var(--lift,69px)*0.1158)}50%{opacity:1;translate:0 calc(var(--lift,69px)*0.0625)}58.3333%{opacity:1;translate:0 calc(var(--lift,69px)*0.0301)}66.6667%{opacity:1;translate:0 calc(var(--lift,69px)*0.0123)}75%{opacity:1;translate:0 calc(var(--lift,69px)*0.0039)}83.3333%{opacity:1;translate:0 calc(var(--lift,69px)*0.0008)}91.6667%{opacity:1;translate:0 calc(var(--lift,69px)*0)}100%{opacity:1;translate:0 calc(var(--lift,69px)*0)}}
@keyframes dc-soft{0%{opacity:0;translate:0 18px;scale:0.97}8.3333%{opacity:0.1305;translate:0 15.6505px;scale:0.9739}16.6667%{opacity:0.2588;translate:0 13.3413px;scale:0.9778}25%{opacity:0.3827;translate:0 11.1117px;scale:0.9815}33.3333%{opacity:0.5;translate:0 9px;scale:0.985}41.6667%{opacity:0.6088;translate:0 7.0423px;scale:0.9883}50%{opacity:0.7071;translate:0 5.2721px;scale:0.9912}58.3333%{opacity:0.7934;translate:0 3.7196px;scale:0.9938}66.6667%{opacity:0.866;translate:0 2.4115px;scale:0.996}75%{opacity:0.9239;translate:0 1.3702px;scale:0.9977}83.3333%{opacity:0.9659;translate:0 0.6133px;scale:0.999}91.6667%{opacity:0.9914;translate:0 0.154px;scale:0.9997}100%{opacity:1;translate:0 0px;scale:1}}
@keyframes dc-drop{0%{opacity:0;translate:0 calc(var(--drop,150px)*-1);scale:1 1}2.5%{opacity:1;translate:0 calc(var(--drop,150px)*-1);scale:1 1}5%{opacity:1;translate:0 calc(var(--drop,150px)*-1);scale:1 1}7.5%{opacity:1;translate:0 calc(var(--drop,150px)*-0.9999);scale:1 1}10%{opacity:1;translate:0 calc(var(--drop,150px)*-0.9997);scale:1 1.0001}12.5%{opacity:1;translate:0 calc(var(--drop,150px)*-0.999);scale:0.9999 1.0002}15%{opacity:1;translate:0 calc(var(--drop,150px)*-0.9976);scale:0.9998 1.0004}17.5%{opacity:1;translate:0 calc(var(--drop,150px)*-0.9947);scale:0.9996 1.0009}20%{opacity:1;translate:0 calc(var(--drop,150px)*-0.9898);scale:0.9992 1.0017}22.5%{opacity:1;translate:0 calc(var(--drop,150px)*-0.9815);scale:0.9985 1.0031}25%{opacity:1;translate:0 calc(var(--drop,150px)*-0.9688);scale:0.9974 1.0052}27.5%{opacity:1;translate:0 calc(var(--drop,150px)*-0.9497);scale:0.9958 1.0083}30%{opacity:1;translate:0 calc(var(--drop,150px)*-0.9222);scale:0.9936 1.0129}32.5%{opacity:1;translate:0 calc(var(--drop,150px)*-0.884);scale:0.9904 1.0192}35%{opacity:1;translate:0 calc(var(--drop,150px)*-0.8319);scale:0.9861 1.0278}37.5%{opacity:1;translate:0 calc(var(--drop,150px)*-0.7627);scale:0.9804 1.0393}40%{opacity:1;translate:0 calc(var(--drop,150px)*-0.6723);scale:0.9729 1.0543}42.5%{opacity:1;translate:0 calc(var(--drop,150px)*-0.5563);scale:0.9633 1.0735}45%{opacity:1;translate:0 calc(var(--drop,150px)*-0.4095);scale:0.9511 1.0978}47.5%{opacity:1;translate:0 calc(var(--drop,150px)*-0.2262);scale:0.9359 1.1281}49.99%{opacity:1;translate:0 calc(var(--drop,150px)*-0.001);scale:0.9173 1.1654}50%{opacity:1;translate:0 0;scale:1.2208 0.724}52.5%{opacity:1;translate:0 0;scale:1.1609 0.7989}55%{opacity:1;translate:0 0;scale:1.0865 0.8918}57.5%{opacity:1;translate:0 0;scale:1.0187 0.9766}60%{opacity:1;translate:0 0;scale:0.97 1.0374}62.5%{opacity:1;translate:0 0;scale:0.9447 1.0691}65%{opacity:1;translate:0 0;scale:0.9402 1.0747}67.5%{opacity:1;translate:0 0;scale:0.9504 1.062}70%{opacity:1;translate:0 0;scale:0.9677 1.0404}72.5%{opacity:1;translate:0 0;scale:0.9857 1.0179}75%{opacity:1;translate:0 0;scale:1 1}77.5%{opacity:1;translate:0 0;scale:1.0087 0.9892}80%{opacity:1;translate:0 0;scale:1.0118 0.9852}82.5%{opacity:1;translate:0 0;scale:1.0109 0.9864}85%{opacity:1;translate:0 0;scale:1.0077 0.9904}87.5%{opacity:1;translate:0 0;scale:1.0041 0.9949}90%{opacity:1;translate:0 0;scale:1.0012 0.9985}92.5%{opacity:1;translate:0 0;scale:0.9996 1.0005}95%{opacity:1;translate:0 0;scale:0.9991 1.0011}97.5%{opacity:1;translate:0 0;scale:0.9994 1.0007}100%{opacity:1;translate:0 0;scale:1 1}}
@keyframes dc-wobble{0%{rotate:0deg}4.1667%{rotate:3.7922deg}8.3333%{rotate:6.172deg}12.5%{rotate:6.6774deg}16.6667%{rotate:5.401deg}20.8333%{rotate:2.9022deg}25%{rotate:0deg}29.1667%{rotate:-2.4837deg}33.3333%{rotate:-3.9518deg}37.5%{rotate:-4.169deg}41.6667%{rotate:-3.278deg}45.8333%{rotate:-1.706deg}50%{rotate:0deg}54.1667%{rotate:1.3503deg}58.3333%{rotate:2.0466deg}62.5%{rotate:2.0391deg}66.6667%{rotate:1.4975deg}70.8333%{rotate:0.7171deg}75%{rotate:0deg}79.1667%{rotate:-0.4477deg}83.3333%{rotate:-0.5674deg}87.5%{rotate:-0.438deg}91.6667%{rotate:-0.215deg}95.8333%{rotate:-0.047deg}100%{rotate:0deg}}
@keyframes dc-flip-over{0%{transform:rotateY(0deg) scale(1)}6.25%{transform:rotateY(0.022deg) scale(1.0179)}12.5%{transform:rotateY(0.3516deg) scale(1.0352)}18.75%{transform:rotateY(1.7798deg) scale(1.0511)}25%{transform:rotateY(5.625deg) scale(1.0651)}31.25%{transform:rotateY(13.7329deg) scale(1.0765)}37.5%{transform:rotateY(28.4766deg) scale(1.085)}43.75%{transform:rotateY(52.7563deg) scale(1.0902)}50%{transform:rotateY(90deg) scale(1.092)}56.25%{transform:rotateY(127.2437deg) scale(1.0902)}62.5%{transform:rotateY(151.5234deg) scale(1.085)}68.75%{transform:rotateY(166.2671deg) scale(1.0765)}75%{transform:rotateY(174.375deg) scale(1.0651)}81.25%{transform:rotateY(178.2202deg) scale(1.0511)}87.5%{transform:rotateY(179.6484deg) scale(1.0352)}93.75%{transform:rotateY(179.978deg) scale(1.0179)}100%{transform:rotateY(180deg) scale(1)}}
@keyframes dc-flip-back{0%{transform:rotateY(180deg) scale(1)}6.25%{transform:rotateY(179.978deg) scale(1.0179)}12.5%{transform:rotateY(179.6484deg) scale(1.0352)}18.75%{transform:rotateY(178.2202deg) scale(1.0511)}25%{transform:rotateY(174.375deg) scale(1.0651)}31.25%{transform:rotateY(166.2671deg) scale(1.0765)}37.5%{transform:rotateY(151.5234deg) scale(1.085)}43.75%{transform:rotateY(127.2437deg) scale(1.0902)}50%{transform:rotateY(90deg) scale(1.092)}56.25%{transform:rotateY(52.7563deg) scale(1.0902)}62.5%{transform:rotateY(28.4766deg) scale(1.085)}68.75%{transform:rotateY(13.7329deg) scale(1.0765)}75%{transform:rotateY(5.625deg) scale(1.0651)}81.25%{transform:rotateY(1.7798deg) scale(1.0511)}87.5%{transform:rotateY(0.3516deg) scale(1.0352)}93.75%{transform:rotateY(0.022deg) scale(1.0179)}100%{transform:rotateY(0deg) scale(1)}}
@keyframes dc-blink-1{0%{scale:1 1}0.5031%{scale:1 0.5}1.0063%{scale:1 0.134}1.5094%{scale:1 0}2.0126%{scale:1 0.134}2.5157%{scale:1 0.5}3.0189%{scale:1 1}100%{scale:1 1}}
@keyframes dc-blink-2{0%{scale:1 1}0.6838%{scale:1 0.5}1.3675%{scale:1 0.134}2.0513%{scale:1 0}2.735%{scale:1 0.134}3.4188%{scale:1 0.5}4.1026%{scale:1 1}100%{scale:1 1}}
@keyframes dc-blink-3{0%{scale:1 1}0.398%{scale:1 0.5}0.796%{scale:1 0.134}1.194%{scale:1 0}1.592%{scale:1 0.134}1.99%{scale:1 0.5}2.3881%{scale:1 1}3.2836%{scale:1 1}3.6816%{scale:1 0.5}4.0796%{scale:1 0.134}4.4776%{scale:1 0}4.8756%{scale:1 0.134}5.2736%{scale:1 0.5}5.6716%{scale:1 1}100%{scale:1 1}}
@keyframes dc-blink-4{0%{scale:1 1}0.5797%{scale:1 0.5}1.1594%{scale:1 0.134}1.7391%{scale:1 0}2.3188%{scale:1 0.134}2.8986%{scale:1 0.5}3.4783%{scale:1 1}100%{scale:1 1}}
@keyframes dc-bob{0%{translate:0 0px}4.1667%{translate:0 -0.7765px}8.3333%{translate:0 -1.5px}12.5%{translate:0 -2.1213px}16.6667%{translate:0 -2.5981px}20.8333%{translate:0 -2.8978px}25%{translate:0 -3px}29.1667%{translate:0 -2.8978px}33.3333%{translate:0 -2.5981px}37.5%{translate:0 -2.1213px}41.6667%{translate:0 -1.5px}45.8333%{translate:0 -0.7765px}50%{translate:0 0px}54.1667%{translate:0 0.7765px}58.3333%{translate:0 1.5px}62.5%{translate:0 2.1213px}66.6667%{translate:0 2.5981px}70.8333%{translate:0 2.8978px}75%{translate:0 3px}79.1667%{translate:0 2.8978px}83.3333%{translate:0 2.5981px}87.5%{translate:0 2.1213px}91.6667%{translate:0 1.5px}95.8333%{translate:0 0.7765px}100%{translate:0 0px}}
@keyframes dc-sway{0%{rotate:0deg}4.1667%{rotate:0.1812deg}8.3333%{rotate:0.35deg}12.5%{rotate:0.495deg}16.6667%{rotate:0.6062deg}20.8333%{rotate:0.6761deg}25%{rotate:0.7deg}29.1667%{rotate:0.6761deg}33.3333%{rotate:0.6062deg}37.5%{rotate:0.495deg}41.6667%{rotate:0.35deg}45.8333%{rotate:0.1812deg}50%{rotate:0deg}54.1667%{rotate:-0.1812deg}58.3333%{rotate:-0.35deg}62.5%{rotate:-0.495deg}66.6667%{rotate:-0.6062deg}70.8333%{rotate:-0.6761deg}75%{rotate:-0.7deg}79.1667%{rotate:-0.6761deg}83.3333%{rotate:-0.6062deg}87.5%{rotate:-0.495deg}91.6667%{rotate:-0.35deg}95.8333%{rotate:-0.1812deg}100%{rotate:0deg}}
.btn,.chip,.flip{transition:scale 0.1088s cubic-bezier(.25,1,.5,1)}
.btn:hover,.chip:hover{scale:1.04}
.btn:active,.chip:active,.flip:active{scale:0.885;transition:scale 0.064s linear}
.hero-copy>*{animation:dc-soft 0.72s linear both}
.hero-copy>:nth-child(2){animation-delay:0.07s}
.hero-copy>:nth-child(3){animation-delay:0.14s}
.hero-copy>:nth-child(4){animation-delay:0.21s}
.hero-copy>:nth-child(5){animation-delay:0.28s}
.hero-copy>:nth-child(6){animation-delay:0.35s}
.hero-sun{animation:dc-pop 0.232s linear 0.64s both}
.hero-sleeve,.hero-card{transform-origin:50%% 100%%}
.hero-sleeve{animation:dc-drop 0.48s linear 0.71s both}
.hero-card{animation:dc-drop 0.48s linear 0.85s both}
.hero-card .flip{animation:dc-bob 3.4s linear 1.33s infinite,dc-sway 5.5738s linear 1.33s infinite}
.float{animation:dc-bob 3.4s linear infinite,dc-sway 5.5738s linear infinite}
.hero-hint{animation:dc-soft 0.72s linear 1.33s both}
.flip{all:unset;display:block;width:100%;height:100%;cursor:pointer;border-radius:18px}
.flip:focus-visible{outline:3px solid #B24A22;outline-offset:4px}
.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;text-align:left}
.face-back{transform:rotateY(180deg)}
.js-motion [data-reveal]:not(.in),.js-motion [data-reveal="deal"]:not(.in)>*{opacity:0}
.js-motion [data-reveal="family"]:not(.in),.js-motion [data-reveal="tower"]:not(.in){opacity:1}
.js-motion [data-reveal="family"]:not(.in) .pc,.js-motion [data-reveal="tower"]:not(.in)>*{opacity:0}
[data-reveal="soft"].in{animation:dc-soft 0.72s linear both}
[data-reveal="deal"].in>*{animation:dc-lift 0.4s linear 0s both}
[data-reveal="deal"].in>:nth-child(2){animation-delay:0.07s}
[data-reveal="deal"].in>:nth-child(3){animation-delay:0.14s}
[data-reveal="deal"].in>:nth-child(4){animation-delay:0.21s}
[data-reveal="deal"].in>*:hover{animation-name:dc-lift,dc-wobble;animation-duration:0.4s,0.72s;animation-delay:0s,0s}
[data-reveal="deal"].in>.float{animation-name:dc-lift,dc-bob,dc-sway;animation-duration:0.4s,3.4s,5.5738s;animation-iteration-count:1,infinite,infinite;animation-timing-function:linear;animation-fill-mode:both}
[data-reveal="deal"].in>.float:nth-child(1){animation-delay:0s,0.4s,0.4s}
[data-reveal="deal"].in>.float:nth-child(2){animation-delay:0.07s,0.92s,0.92s}
[data-reveal="deal"].in>.float:nth-child(3){animation-delay:0.14s,1.44s,1.44s}
[data-reveal="deal"].in>.float:nth-child(4){animation-delay:0.21s,1.96s,1.96s}
[data-reveal="deal"].in>.float:hover{animation-name:dc-lift,dc-bob,dc-sway,dc-wobble;animation-duration:0.4s,3.4s,5.5738s,0.72s;animation-iteration-count:1,infinite,infinite,1}
[data-reveal="deal"].in>.float:nth-child(1):hover{animation-delay:0s,0.4s,0.4s,0s}
[data-reveal="deal"].in>.float:nth-child(2):hover{animation-delay:0.07s,0.92s,0.92s,0s}
[data-reveal="deal"].in>.float:nth-child(3):hover{animation-delay:0.14s,1.44s,1.44s,0s}
[data-reveal="deal"].in>.float:nth-child(4):hover{animation-delay:0.21s,1.96s,1.96s,0s}
[data-reveal="deal"]>:nth-child(1) .float{animation-delay:-0s,-0s}
[data-reveal="deal"]>:nth-child(2) .float{animation-delay:-1.1s,-1.7s}
[data-reveal="deal"]>:nth-child(3) .float{animation-delay:-2.2s,-3.4s}
[data-reveal="deal"]>:nth-child(4) .float{animation-delay:-3.3s,-5.1s}
.family .pc{transform-box:fill-box;transform-origin:50% 100%;--drop:120px}
.family.in .pc{animation:dc-drop 0.48s linear both}
.family.in .fam:nth-of-type(1) .pc:nth-child(1){animation-delay:0s}
.family.in .fam:nth-of-type(1) .pc:nth-child(2){animation-delay:0.0784s}
.family.in .fam:nth-of-type(1) .pc:nth-child(3){animation-delay:0.1568s}
.family.in .fam:nth-of-type(2) .pc:nth-child(1){animation-delay:0.2352s}
.family.in .fam:nth-of-type(2) .pc:nth-child(2){animation-delay:0.3136s}
.family.in .fam:nth-of-type(2) .pc:nth-child(3){animation-delay:0.392s}
.family.in .fam:nth-of-type(3) .pc:nth-child(1){animation-delay:0.4704s}
.family.in .fam:nth-of-type(3) .pc:nth-child(2){animation-delay:0.5488s}
.family.in .fam:nth-of-type(3) .pc:nth-child(3){animation-delay:0.6272s}
.family.in .fam:nth-of-type(4) .pc:nth-child(1){animation-delay:0.7056s}
.family.in .fam:nth-of-type(4) .pc:nth-child(2){animation-delay:0.784s}
.family.in .fam:nth-of-type(4) .pc:nth-child(3){animation-delay:0.8624s}
.family .eyes{transform-box:fill-box;transform-origin:center}
.family.in .fam:nth-of-type(1) .eyes{animation:dc-blink-1 5.3s linear 1.3424s infinite}
.family.in .fam:nth-of-type(2) .eyes{animation:dc-blink-2 3.9s linear 1.3424s infinite}
.family.in .fam:nth-of-type(3) .eyes{animation:dc-blink-3 6.7s linear 1.3424s infinite}
.family.in .fam:nth-of-type(4) .eyes{animation:dc-blink-4 4.6s linear 1.3424s infinite}
.tower>*{transform-box:fill-box;transform-origin:50% 100%;--drop:90px}
.tower.in>*{animation:dc-drop 0.48s linear both}
.tower.in>:nth-child(2){animation-delay:0.07s}
.tower.in>:nth-child(3){animation-delay:0.14s}
.tower.in>:nth-child(4){animation-delay:0.21s}
.tower.in>:nth-child(5){animation-delay:0.28s}
.tower.in>:nth-child(6){animation-delay:0.35s}
.tower.in>:nth-child(7){animation-delay:0.42s}
.tower.in>:nth-child(8){animation-delay:0.49s}
.tower.in>:nth-child(9){animation-delay:0.56s}
.tower.in>:nth-child(10){animation-delay:0.63s}
.tower.in>:nth-child(11){animation-delay:0.7s}
.tower.in>:nth-child(12){animation-delay:0.77s}
.tower.in>:nth-child(13){animation-delay:0.84s}
.tower.in>:nth-child(14){animation-delay:0.91s}
.tower.in>:nth-child(15){animation-delay:0.98s}
.tower.in>:nth-child(16){animation-delay:1.05s}
.tower.in>:nth-child(17){animation-delay:1.12s}
.tower.in>:nth-child(18){animation-delay:1.19s}
.tower.in>:nth-child(19){animation-delay:1.26s}
.tower.in>:nth-child(20){animation-delay:1.33s}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Website only (the canvas did these in each board's logic). */
.chip[aria-pressed="true"]{background:#2A2238!important;color:#FFF4E8!important;border-color:#2A2238!important}
[hidden]{display:none!important}