.tl{z-index:200;color:#fff;text-align:center;cursor:default;-webkit-tap-highlight-color:transparent;place-items:center;font-size:clamp(12px,min(4.1vw,3.3vh),24px);line-height:1.2;display:grid;position:fixed;inset:0;overflow:hidden}.tl[data-out]{pointer-events:none}.tl-bg{background:#f21f04;position:absolute;inset:0}.tl-body{flex-direction:column;align-items:center;padding:1em;display:flex;position:relative}.tl-lockup{align-items:center;gap:.7em;display:flex}.tl-slot,.tl-move,.tl-cookie{width:4em;height:4em;display:block;position:relative}.tl-mark{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tl-mark.tl-shade{opacity:.22;transform:translate(1.5%,4%)}.tl-piece{display:none}.tl-word{font-family:var(--font-display);letter-spacing:.005em;white-space:nowrap;font-size:2.7em;line-height:1;display:block}.tl-word b{font-weight:inherit}.tl-tag{font-family:var(--font-sans);color:#faf9f6;opacity:.85;margin:.7em 0 0;font-size:1.05em;font-weight:700}.tl-crumb{opacity:0;width:1em;height:1em;transform:scale(var(--s));background:#fff;border-radius:50%;position:absolute;top:12%;left:68%}.tl-crumb:nth-child(odd){background:#402722}.tl-grid{grid-template-columns:repeat(2,6.4em);gap:.2em 1.4em;margin-top:1.4em;display:grid}@media (min-width:700px){.tl-grid{grid-template-columns:repeat(4,5.8em);gap:.5em}}.tl-tile,.tl-tile-in{display:block}.tl-tile{transform:rotate(var(--r))}.tl-tile-in svg{aspect-ratio:1;width:100%;display:block;overflow:visible}.tl-label{max-width:18em;font-family:var(--font-display);color:#faf9f6;margin:1.3em 0 0;font-size:1.55em}.tl-cells{display:grid;position:absolute;inset:0}.tl-cells i{background:#f21f04;transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.tl[data-out=fade]{opacity:0;transition:opacity .2s linear}}@media (prefers-reduced-motion:no-preference){.tl-intro .tl-piece{transform-origin:78% 22%;animation:.16s ease-in .78s both tl-piece;display:block}.tl-intro .tl-move{animation:.5s cubic-bezier(.6,-.05,.25,1.1) 1.1s both tl-move}.tl-intro .tl-cookie{transform-origin:50% 90%;animation:.52s cubic-bezier(.34,1.56,.64,1) both tl-pop,.4s ease-out .72s tl-chomp,.4s ease-out 3.2s tl-chomp}.tl-intro .tl-crumb{animation:tl-crumb .6s cubic-bezier(.2, .7, .3, 1) calc(.78s + var(--i) * 20ms) both, tl-crumb .6s cubic-bezier(.2, .7, .3, 1) calc(3.26s + var(--i) * 20ms) forwards}.tl-intro .tl-word{animation:.46s cubic-bezier(.22,1,.36,1) 1.5s both tl-word}.tl-intro .tl-tag{animation:.42s cubic-bezier(.22,1,.36,1) 1.72s both tl-rise}.tl-intro .tl-tile{animation:tl-stick .5s cubic-bezier(.3, 1.3, .6, 1) calc(1.9s + var(--i) * .17s) both}.tl-intro .tl-tile-in{animation:tl-hop .46s ease-in-out calc(3.1s + var(--i) * .11s)}.tl[data-out=cells] .tl-body{animation:.14s ease-in both tl-away}.tl-cells i{animation:tl-cell .27s cubic-bezier(.5, 0, .9, .6) var(--d) both}.tl-wait{animation:.22s ease-out both tl-fade}.tl-wait .tl-tile{animation:tl-stick .4s cubic-bezier(.3, 1.3, .6, 1) calc(var(--i) * 55ms) both}.tl-wait .tl-tile-in{animation:tl-turn 4.8s ease-in-out calc(.8s + var(--i) * 1.2s) infinite}.tl-wait .tl-cookie{transform-origin:50% 90%;animation:2.4s ease-in-out .4s infinite tl-nibble}.tl-wait .tl-crumb{animation:tl-crumb-loop 2.4s ease-out calc(.4s + var(--i) * 20ms) infinite}.tl-wait .tl-label{animation:.34s cubic-bezier(.22,1,.36,1) .1s both tl-rise}}@keyframes tl-fade{0%{opacity:0}}@keyframes tl-pop{0%{opacity:0;transform:scale(.2)rotate(-40deg)}30%{opacity:1}to{transform:none}}@keyframes tl-chomp{25%{transform:scale(1.12,.86)rotate(5deg)}60%{transform:scale(.95,1.06)rotate(-3deg)}}@keyframes tl-piece{to{opacity:0;transform:translate(14%,-14%)scale(.5)}}@keyframes tl-crumb{0%{opacity:0;transform:scale(var(--s))}4%,70%{opacity:1}to{opacity:0;transform:translate(var(--x), calc(var(--y) + .9em)) scale(var(--s))}}@keyframes tl-move{0%{transform:translate(var(--tl-dx,0px), var(--tl-dy,0px)) scale(2.5)}}@keyframes tl-word{0%{opacity:0;transform:translate(-.5em)scale(.92)}}@keyframes tl-rise{0%{opacity:0;transform:translateY(.5em)}}@keyframes tl-hop{40%{transform:translateY(-.5em)rotate(-3deg)}75%{transform:translateY(0)scale(1.04,.95)}}@keyframes tl-away{to{opacity:0;transform:scale(.96)}}@keyframes tl-cell{0%{transform:scale(1.04)}35%{transform:scale(.86)rotate(45deg)}to{transform:scale(0)rotate(45deg)}}@keyframes tl-turn{0%,13%,to{transform:none}5%{transform:translateY(-.4em)rotate(-3deg)}9.5%{transform:translateY(0)scale(1.03,.96)}}@keyframes tl-nibble{0%,26%,to{transform:none}6%{transform:rotate(7deg)scale(1.05,.96)}12%{transform:rotate(-4deg)}18%{transform:rotate(4deg)scale(1.03,.98)}}@keyframes tl-crumb-loop{0%,5%{opacity:0;transform:scale(var(--s))}7%{opacity:1;transform:scale(var(--s))}24%{opacity:1}32%,to{opacity:0;transform:translate(calc(var(--x) * .6), calc(var(--y) * .6 + .8em)) scale(var(--s))}}@keyframes tl-stick{0%{opacity:0;transform:rotate(calc(var(--r) - 16deg)) scale(1.5)}45%{opacity:1}70%{transform:rotate(var(--r)) scale(.94)}}