:root{--art-gold:#f2b444}:root.light{--art-gold:#efa520}.tile{--art-hue:var(--hue,var(--ink-muted));--art-soft:color-mix(in srgb, var(--art-hue) 30%, var(--card));--art-mid:color-mix(in srgb, var(--art-hue) 58%, var(--card));--art-deep:color-mix(in srgb, var(--art-hue) 58%, var(--ink));--art-hi:var(--art-gold)}.tile-1{--art-hi:var(--art-deep)}.art{width:100%;height:100%;display:block}.art .fh{fill:var(--art-hue)}.art .fs{fill:var(--art-soft)}.art .fm{fill:var(--art-mid)}.art .fd{fill:var(--art-deep)}.art .fg{fill:var(--art-hi)}.art .fc{fill:var(--card)}.art .fi{fill:color-mix(in srgb, var(--art-hi) 40%, #fff)}.art .fo{fill:var(--on-accent)}.art .sh{stroke:var(--art-hue)}.art .ss{stroke:var(--art-soft)}.art .sd{stroke:var(--art-deep)}.art .sg{stroke:var(--art-hi)}.art .so{stroke:var(--on-accent)}.art-loop .cue,.art-novelty .spark,.art-fence .sun,.art-lamp .halo,.art-talk .typing,.art-rule .seal{transform-box:fill-box;transform-origin:50%}.art-novelty .bar,.art-fence .picket,.art-wave .front,.art-wave .back,.art-wave .rider{transform-box:fill-box;transform-origin:50% 100%}.art-compass .needle{transform-origin:32px 32px;transform:rotate(45deg)}[data-play] .art-compass .needle{animation:2.2s cubic-bezier(.45,0,.3,1) both art-compass}@keyframes art-compass{0%{transform:rotate(45deg)}20%{transform:rotate(-38deg)}44%{transform:rotate(108deg)}64%{transform:rotate(22deg)}82%{transform:rotate(56deg)}to{transform:rotate(45deg)}}.art-loop .runner{transform-origin:32px 32px}[data-play] .art-loop .runner{animation:2.1s cubic-bezier(.55,0,.25,1) both art-spin}[data-play] .art-loop .cue{animation:.5s ease-out 1.85s both art-pulse}@keyframes art-spin{to{transform:rotate(360deg)}}@keyframes art-pulse{50%{transform:scale(1.45)}}[data-play] .art-novelty .bar{animation:.8s cubic-bezier(.3,0,.2,1) both art-rise}[data-play] .art-novelty .bar:nth-of-type(2){animation-delay:.18s}[data-play] .art-novelty .bar:nth-of-type(3){animation-delay:.36s}[data-play] .art-novelty .bar:nth-of-type(4){animation-delay:.54s}[data-play] .art-novelty .spark{animation:.8s cubic-bezier(.3,0,.2,1) 1.1s both art-twinkle}@keyframes art-rise{0%{transform:scaleY(1)}30%{transform:scaleY(.5)}70%{transform:scaleY(1.14)}to{transform:scaleY(1)}}@keyframes art-twinkle{0%{transform:scale(1)rotate(0)}45%{transform:scale(1.55)rotate(45deg)}to{transform:scale(1)rotate(90deg)}}.art-hourglass .glass{transform-origin:32px 32px}[data-play] .art-hourglass .glass{animation:1s cubic-bezier(.45,0,.3,1) both art-tip}[data-play] .art-hourglass .grain{animation:.7s cubic-bezier(.5,0,.9,.6) .7s both art-fall}[data-play] .art-hourglass .grain:nth-of-type(2){animation-delay:1.1s}[data-play] .art-hourglass .grain:nth-of-type(3){animation-delay:1.5s}@keyframes art-tip{35%{transform:rotate(-12deg)}70%{transform:rotate(6deg)}}@keyframes art-fall{0%{opacity:0;transform:translateY(0)}15%,75%{opacity:1}to{opacity:0;transform:translateY(6.5px)}}[data-play] .art-bedroom .phone{animation:2.4s cubic-bezier(.45,0,.25,1) both art-leave}[data-play] .art-bedroom .screen{animation:2.4s linear both art-glow}@keyframes art-leave{0%{opacity:1;transform:translate(0)}7%{opacity:0;transform:translate(0)}9%{opacity:0;transform:translate(-25px,-9px)}20%,52%{opacity:1;transform:translate(-25px,-9px)}88%,to{opacity:1;transform:translate(0)}}@keyframes art-glow{0%,12%{opacity:0}22%{opacity:1}32%{opacity:.55}42%,60%{opacity:1}80%,to{opacity:0}}[data-play] .art-fence .picket{animation:.75s cubic-bezier(.3,0,.2,1) both art-rise}[data-play] .art-fence .picket:nth-of-type(2){animation-delay:.1s}[data-play] .art-fence .picket:nth-of-type(3){animation-delay:.2s}[data-play] .art-fence .picket:nth-of-type(4){animation-delay:.3s}[data-play] .art-fence .picket:nth-of-type(5){animation-delay:.4s}[data-play] .art-fence .sun{animation:.6s ease-out 1.1s both art-pulse}[data-play] .art-wave .front{animation:2.4s cubic-bezier(.45,0,.55,1) both art-swell-front}[data-play] .art-wave .back{animation:2.4s cubic-bezier(.45,0,.55,1) both art-swell-back}[data-play] .art-wave .rider{animation:2.4s cubic-bezier(.45,0,.55,1) both art-ride}@keyframes art-swell-front{0%{transform:translate(0)scaleY(1)}50%{transform:translate(-8px)scaleY(1.4)}to{transform:translate(-16px)scaleY(1)}}@keyframes art-swell-back{0%{transform:translate(0)scaleY(1)}50%{transform:translate(8px)scaleY(1.2)}to{transform:translate(16px)scaleY(1)}}@keyframes art-ride{25%{transform:translateY(-5px)rotate(-8deg)}50%{transform:translateY(-9px)rotate(0)}75%{transform:translateY(-4px)rotate(8deg)}}[data-play] .art-magnet .dot{animation:2.2s cubic-bezier(.45,0,.3,1) both art-pull}[data-play] .art-magnet .field path{animation:2.2s linear both art-flow}@keyframes art-pull{38%{transform:translate(-6.5px)}50%{transform:translate(-5px)}60%{transform:translate(-6.5px)}82%{transform:translate(2.5px)}}@keyframes art-flow{to{stroke-dashoffset:9.2px}}.art-flatline .spike{transform-origin:32px 33px}[data-play] .art-flatline .spike{animation:2.4s cubic-bezier(.45,0,.3,1) both art-flat}[data-play] .art-flatline .calm{animation:2.4s cubic-bezier(.45,0,.3,1) both art-calm}[data-play] .art-flatline .blip{animation:2.4s cubic-bezier(.45,0,.3,1) both art-run}@keyframes art-flat{0%{opacity:1;transform:scaleY(1)}18%,60%{opacity:0;transform:scaleY(.05)}78%{opacity:1;transform:scaleY(1.15)}90%{transform:scaleY(.95)}to{opacity:1;transform:scaleY(1)}}@keyframes art-calm{0%,6%{opacity:0}16%,62%{opacity:1}72%,to{opacity:0}}@keyframes art-run{0%{opacity:1;transform:translate(0)}6%{opacity:0;transform:translate(0)}8%{opacity:0;transform:translate(-40px)}16%{opacity:1;transform:translate(-40px)}64%,to{opacity:1;transform:translate(0)}}.art-lamp .flame{transform-origin:32px 38.5px}[data-play] .art-lamp .flame{animation:2s ease-in-out both art-flicker}[data-play] .art-lamp .halo{animation:2s ease-in-out both art-halo}@keyframes art-flicker{14%{transform:scale(.9,1.14)rotate(-4deg)}30%{transform:scale(1.07,.93)rotate(3deg)}46%{transform:scale(.93,1.1)rotate(-2.5deg)}62%{transform:scale(1.05,.95)rotate(2deg)}80%{transform:scale(.97,1.04)rotate(-1deg)}}@keyframes art-halo{30%{opacity:.38;transform:scale(1.12)}60%{opacity:.26;transform:scale(1.04)}}[data-play] .art-sunrise .sun{animation:2.4s cubic-bezier(.45,0,.3,1) both art-set}[data-play] .art-sunrise .rays{animation:2.4s both art-rays}[data-play] .art-sunrise .moon{animation:2.4s both art-moon}@keyframes art-set{28%,52%{transform:translateY(16px)}90%{transform:translateY(-1px)}}@keyframes art-rays{14%,70%{opacity:0}92%,to{opacity:1}}@keyframes art-moon{0%,22%{opacity:0}36%,52%{opacity:1}66%,to{opacity:0}}.art-book .leaf{transform-origin:32px 34px}[data-play] .art-book .leaf{animation:.9s cubic-bezier(.45,0,.3,1) .15s both art-flip}[data-play] .art-book .leaf+.leaf{animation-delay:.8s}@keyframes art-flip{to{transform:scaleX(-1)}}[data-play] .art-return .walker{animation:2.4s linear both art-walk}[data-play] .art-return .sun{animation:2.4s linear both art-arc}@keyframes art-walk{0%{opacity:1;transform:translate(0)}5%{opacity:0;transform:translate(0)}7%{opacity:0;transform:translate(-48px)}13%{opacity:1;transform:translate(-48px)}27%{transform:translate(-36px)}35%{transform:translate(-30.6px,7px)}44%{transform:translate(-24px,14px)}53%{transform:translate(-17.4px,7px)}61%{transform:translate(-12px)}82%,to{opacity:1;transform:translate(0)}}@keyframes art-arc{0%{opacity:1;transform:translate(0)}5%{opacity:0;transform:translate(0)}7%{opacity:0;transform:translate(-28px)}13%{opacity:1;transform:translate(-28px)}33%{transform:translate(-21px,-4px)}50%{transform:translate(-14px,-5.4px)}67%{transform:translate(-7px,-4px)}86%,to{opacity:1;transform:translate(0)}}[data-play] .art-talk .typing{animation:.6s ease-in-out 2 both art-type}[data-play] .art-talk .typing:nth-of-type(2){animation-delay:.15s}[data-play] .art-talk .typing:nth-of-type(3){animation-delay:.3s}.art-talk .reply{transform-box:fill-box;transform-origin:80% 100%}[data-play] .art-talk .reply{animation:2.2s cubic-bezier(.3,0,.2,1) both art-reply}@keyframes art-type{40%{transform:translateY(-3.5px)}}@keyframes art-reply{10%,64%{opacity:0;transform:scale(.4)}76%{opacity:1;transform:scale(1.08)}86%{transform:scale(.98)}}.art-rule .line{transform-box:fill-box;transform-origin:0}[data-play] .art-rule .line{animation:.42s cubic-bezier(.3,0,.2,1) .45s both art-write,.25s cubic-bezier(.5,0,.75,0) art-wipe}[data-play] .art-rule .line:nth-of-type(3){animation-delay:.8s,0s}[data-play] .art-rule .line:nth-of-type(4){animation-delay:1.15s,0s}[data-play] .art-rule .line:nth-of-type(5){animation-delay:1.5s,0s}[data-play] .art-rule .seal{animation:.5s cubic-bezier(.3,0,.2,1) 1.85s both art-stamp,.25s cubic-bezier(.5,0,.75,0) art-away}@keyframes art-write{0%{transform:scaleX(0)}}@keyframes art-wipe{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes art-away{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}@keyframes art-stamp{0%{opacity:0;transform:scale(1.6)rotate(-20deg)}60%{opacity:1;transform:scale(.92)rotate(0)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){[data-play] .art *{animation:none!important}}