.ll-root.lit-day{background:linear-gradient(180deg,#7FD6EE,#BDEBF7 38%,#E4F7FB 52%)}.ll-root.lit-day .lit-play .pl-ridebar{--ride:#7A60EC}.ll-hills{position:absolute;inset:auto 0 0 0;height:62%;pointer-events:none}.ll-hills svg{position:absolute;inset:0;width:100%;height:100%}.ll-hills:after{content:"";position:absolute;inset:auto -5% 0 -5%;height:46%;background:linear-gradient(90deg,rgba(255,255,255,.5) 50%,transparent 0) 0 0 /44px 44px,linear-gradient(rgba(255,255,255,.5) 50%,transparent 0) 0 0 /44px 44px,#F07A68;border-top:4px solid var(--outline);clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)}.ll-sun{top:calc(4.6rem + 1dvh)}@media (orientation:portrait){.ll-sun{display:none}}.ll-stage{position:relative;flex:1;min-height:0;container:ll/size;pointer-events:none}.ll-grid{--pat:min(21cqw,13cqh);--box:min(16cqw,10cqh);--ckmax:min(23cqw,13.5cqh);position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"talk" "mon" "side";gap:1.2cqh;padding:1.4cqh 4cqw 2cqh}@container ll (orientation: landscape){.ll-grid{--pat:min(12cqw,20cqh);--box:min(8.6cqw,15cqh);--ckmax:min(11.5cqw,21cqh);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"talk talk" "mon side";gap:1.5cqh 3cqw;padding:1.6cqh 4cqw 2.4cqh}}.ll-talk{grid-area:talk;display:flex;align-items:center;gap:.4rem;min-height:var(--pat);min-width:0}@container ll (orientation: landscape){.ll-talk{padding-left:2cqw}}.ll-patchy{flex-shrink:0;width:var(--pat);background:none;border:0;padding:0;pointer-events:auto;animation:ll-bob 3.4s ease-in-out infinite}.ll-patchy-art{width:100%}.ll-bubble{position:relative;display:flex;align-items:center;gap:.6rem;min-width:0;max-width:min(36rem,100%);padding:.55rem .9rem .6rem 1rem;border-radius:1.4rem;border:4px solid var(--outline);background:#FFFBF2;box-shadow:0 6px 0 0 rgba(31,26,56,.3);transform-origin:0 50%;animation:ll-bubble-in .4s var(--pl-spring);pointer-events:auto}@keyframes ll-bubble-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.ll-bubble-tail{left:-1rem;top:30%;width:1.1rem;height:1.5rem;background:var(--outline)}.ll-bubble-tail,.ll-bubble-tail:after{position:absolute;clip-path:polygon(100% 0,0 45%,100% 100%)}.ll-bubble-tail:after{content:"";inset:5px 0 5px 6px;background:#FFFBF2;transform:translateX(3px)}.ll-bubble-text{flex:1 1 auto;min-width:0;font-family:var(--display);font-weight:700;font-size:clamp(1.05rem,4cqmin,1.75rem);line-height:1.25;color:#3720A3}.ll-bubble-text.is-big{color:#3E7A16;font-size:clamp(1.2rem,4.6cqmin,2rem)}.ll-place{display:inline-block;padding:0 .4em .05em;border-radius:.5em;background:#FFE07A;border:2.5px solid #e39a0c;color:#7A4210;animation:ll-place 1.6s ease-in-out infinite}@keyframes ll-place{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg) scale(1.06)}}.ll-chip{display:inline-block;min-width:1.3em;padding:0 .3em .08em;border-radius:.45em;border:2.5px solid var(--outline);background:#FFF1A8;color:var(--ink);font-size:1.15em;line-height:1.1;text-align:center}.ll-chip.is-v{color:#C02E1B}.ll-hear{--sz:clamp(2.6rem,9cqmin,3.5rem);width:var(--sz);height:var(--sz);background:#FBD387;box-shadow:0 5px 0 0 #BC6F0A;color:#7A4210!important}.ll-bubble .lit-peek{flex-shrink:0}.ll-bubble .lit-peek-word{bottom:auto;top:calc(100% + .6rem);z-index:3}.ll-mon-cell{grid-area:mon;position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;min-height:0;container-type:size}.ll-monster{position:relative;height:min(100cqh,118cqw);aspect-ratio:512/640}.ll-mon-lean{position:absolute;inset:0;transform-origin:50% 96%;transform:rotate(var(--tilt,0deg));transition:transform .25s var(--pl-soft)}.ll-mon-move{transform-origin:50% 96%}.ll-mon-btn,.ll-mon-move{position:absolute;inset:0}.ll-mon-btn{background:none;border:0;padding:0;pointer-events:auto;border-radius:40%}.ll-mon-pose{position:absolute;inset:0;width:100%;height:100%;opacity:0;filter:drop-shadow(0 6px 0 rgba(31,26,56,.16));transition:opacity .12s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.ll-mon-pose.is-on{opacity:1}.ll-card{position:absolute;left:29.3%;top:59.4%;width:41.4%;height:25%;padding:2.4% 4%;border:0;border-radius:6%;background:none;pointer-events:auto}.ll-card img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;animation:ll-card-in .6s var(--pl-spring) both}.ll-card.is-empty{pointer-events:none;padding:4% 10%}@keyframes ll-card-in{0%{opacity:0;transform:translateY(30%) scale(.4) rotate(-12deg)}to{opacity:1;transform:none}}.ll-mon-move{animation:ll-breathe 3s ease-in-out infinite}@keyframes ll-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015,.985)}}.ll-monster.is-open .ll-mon-move{animation:ll-lean .5s var(--pl-soft) forwards}@keyframes ll-lean{to{transform:translateY(-2%) scale(1.03)}}.ll-monster.is-chomp .ll-mon-move{animation:ll-munch .85s ease-in-out}@keyframes ll-munch{0%,to{transform:none}18%,54%{transform:scale(1.04,.96)}36%,72%{transform:scale(.98,1.02)}}.ll-monster.is-yum .ll-mon-move{animation:ll-wiggle 1s var(--pl-soft)}@keyframes ll-wiggle{0%,to{transform:none}15%{transform:translateY(-6%) rotate(-6deg)}35%{transform:translateY(0) rotate(5deg) scale(1.03,.97)}55%{transform:translateY(-3%) rotate(-4deg)}75%{transform:rotate(2deg)}}.ll-monster.is-nope .ll-mon-move{animation:ll-shake .9s ease-in-out}@keyframes ll-shake{0%,to{transform:none}15%{transform:rotate(-7deg)}35%{transform:rotate(6deg)}55%{transform:rotate(-5deg)}75%{transform:rotate(3deg)}}.ll-monster.is-full .ll-mon-move{animation:ll-sway 1.4s ease-in-out infinite}@keyframes ll-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-2%)}}.ll-mouth-spot{position:absolute;left:32%;top:29%;width:36%;height:29%;pointer-events:none}.ll-crumbs img{--dx:-115%;position:absolute;left:25%;top:25%;width:50%;height:50%;opacity:0;animation:ll-crumb 1.1s ease-out forwards}.ll-crumbs img+img{--r:140deg;--dx:115%;animation-delay:.33s}@keyframes ll-crumb{0%{opacity:1;transform:translateY(10%) scale(.3) rotate(var(--r,0deg))}30%{opacity:1;transform:translate(calc(var(--dx) * .8),25%) scale(.9) rotate(calc(var(--r, 0deg) + 30deg))}to{opacity:0;transform:translate(calc(var(--dx) * 1.3),170%) scale(.8) rotate(calc(var(--r, 0deg) + 80deg))}}.ll-pop{position:absolute;z-index:4;right:-16%;top:2%;padding:.15rem .7rem .25rem;border-radius:1rem;border:3px solid var(--outline);background:#FFE07A;font-family:var(--display);font-weight:700;font-size:clamp(1rem,9cqmin,1.9rem);line-height:1.1;white-space:nowrap;color:#7A4210;box-shadow:0 4px 0 0 rgba(31,26,56,.25);transform:rotate(8deg);pointer-events:none;animation:ll-pop 1.6s var(--pl-spring) forwards}.ll-pop.is-burp,.ll-pop.is-nope{background:#fff;color:#3720A3;right:auto;left:50%;top:-6%;transform:translateX(-50%) rotate(-3deg);animation-name:ll-pop-c}.ll-pop.is-burp{background:#C9B8FF;color:#2A1980}.ll-pop.is-yum{max-width:none}@keyframes ll-pop{0%{opacity:0;transform:scale(.3) rotate(-10deg)}15%{opacity:1;transform:scale(1.1) rotate(8deg)}25%,80%{opacity:1;transform:rotate(8deg)}to{opacity:0;transform:translateY(-20%) rotate(8deg)}}@keyframes ll-pop-c{0%{opacity:0;transform:translateX(-50%) scale(.3)}15%{opacity:1;transform:translateX(-50%) scale(1.1) rotate(-3deg)}25%,85%{opacity:1;transform:translateX(-50%) rotate(-3deg)}to{opacity:0;transform:translateX(-50%) translateY(-20%)}}.ll-side{grid-area:side;position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2cqh;min-width:0}@container ll (orientation: landscape){.ll-side{gap:4cqh}}.ll-boxes{display:flex;gap:calc(var(--box) * .18);padding-top:calc(var(--box) * .42)}.ll-box{position:relative;display:flex;align-items:center;justify-content:center;width:var(--box);height:var(--box);border-radius:22%;border:4px solid var(--outline);background:#FFFBF2;box-shadow:0 5px 0 0 rgba(31,26,56,.25);animation:ll-box-in .45s var(--pl-spring) both;animation-delay:calc(var(--k) * .08s)}.ll-box:before{content:"";position:absolute;inset:5px;border-radius:18%;border:2.5px dashed #c6bafb;pointer-events:none}@keyframes ll-box-in{0%{opacity:0;transform:translateY(30%) scale(.6)}to{opacity:1;transform:none}}.ll-box.is-ask{background:#FFF6CC;border-color:#B86E00;animation:ll-box-in .45s var(--pl-spring) both,ll-glow 1.4s ease-in-out .5s infinite alternate}.ll-box.is-ask:before{border-color:#F7A81E}@keyframes ll-glow{0%{box-shadow:0 5px 0 0 rgba(31,26,56,.25),0 0 0 0 rgba(255,214,80,.7)}to{box-shadow:0 5px 0 0 rgba(31,26,56,.25),0 0 0 calc(var(--box) * .14) rgba(255,214,80,.55)}}.ll-box.is-filled.is-ask{animation:ll-box-in .45s var(--pl-spring) both;background:#DFF2C8;border-color:var(--outline)}.ll-box.is-filled{background:#fff}.ll-box-letter{position:relative;z-index:1;font-size:calc(var(--box) * .66);line-height:1;margin-top:-.08em;color:var(--ink);animation:ll-letter .5s var(--pl-spring)}.ll-box-letter.is-v{color:#C02E1B}@keyframes ll-letter{0%{transform:scale(.1) translateY(-60%);opacity:0}to{transform:none;opacity:1}}.ll-boxes[class*=is-read] .ll-box{animation:ll-box-hop .5s ease-in-out both;animation-delay:calc(var(--k) * .14s)}@keyframes ll-box-hop{0%,to{transform:none}45%{transform:translateY(-22%) rotate(-4deg)}}.ll-tag{bottom:calc(100% + .35rem);padding:.05rem .55rem .15rem;border-radius:999px;border:3px solid var(--outline);background:#F7A81E;font-family:var(--display);font-weight:700;font-size:clamp(.95rem,calc(var(--box) * .26),1.5rem);line-height:1.1;white-space:nowrap;color:#fff;-webkit-text-stroke:1px var(--outline);paint-order:stroke fill;animation:ll-tag-in .4s var(--pl-spring) .3s both}.ll-tag,.ll-tag:after{position:absolute;left:50%;transform:translateX(-50%)}.ll-tag:after{content:"";top:100%;width:.7rem;height:.45rem;background:var(--outline);clip-path:polygon(0 0,100% 0,50% 100%)}@keyframes ll-tag-in{0%{opacity:0;transform:translateX(-50%) translateY(40%) scale(.6)}to{opacity:1;transform:translateX(-50%)}}.ll-tray{--ck:min(var(--ckmax),calc(91cqw / (var(--n, 3) * 1.16 + 0.9)));--th:calc(var(--ck) * 0.8);position:relative;padding:0 calc(var(--ck) * .53) calc(var(--th) * .3);animation:ll-box-in .5s var(--pl-spring) both}.ll-tray:before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--th);border-style:solid;border-width:0 calc(var(--th) * .98);-o-border-image:url(/images/letter-lunch/tray.png) 0 250 0 250/0 calc(var(--th) * .98) /0 stretch;border-image:url(/images/letter-lunch/tray.png) 0 250 0 250 fill/0 calc(var(--th) * .98) /0 stretch;filter:drop-shadow(0 5px 0 rgba(31,26,56,.18));pointer-events:none}@container ll (orientation: landscape){.ll-tray{--ck:min(var(--ckmax),calc((52cqw - 1rem) / (var(--n, 3) * 1.16 + 0.9)))}}.ll-cookies{position:relative;display:flex;gap:calc(var(--ck) * .16);min-width:calc(var(--ck) * 2);min-height:var(--ck)}.ll-slot{position:relative;width:var(--ck);height:var(--ck)}.ll-cookie{position:absolute;inset:0;z-index:1;background:none;border:0;padding:0;border-radius:50%;touch-action:none;pointer-events:auto;transform:translate(var(--x),var(--y));transition:transform .45s var(--pl-spring)}.ll-cookie:disabled{cursor:default}.ll-cookie-in{position:absolute;inset:0;display:block;animation:ll-cookie-in .55s var(--pl-spring) both,ll-cookie-idle 2.6s ease-in-out infinite;animation-delay:calc(.25s + var(--i) * .12s),calc(1s + var(--i) * .4s)}@keyframes ll-cookie-in{0%{opacity:0;transform:translateY(-80%) scale(.4) rotate(-40deg)}to{opacity:1;transform:none}}@keyframes ll-cookie-idle{0%,80%,to{transform:none}88%{transform:translateY(-10%) rotate(-6deg)}94%{transform:translateY(0) rotate(4deg)}}.ll-cookie-in img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 0 rgba(31,26,56,.25));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.ll-icing{position:absolute;left:25%;top:25%;width:50%;height:50%;display:flex;align-items:center;justify-content:center}.ll-icing .lit-word{font-size:calc(var(--ck) * .4);line-height:1;margin-top:-.1em;color:var(--ink)}.ll-cookie.is-drag{z-index:20;transition:none;cursor:grabbing}.ll-cookie.is-drag .ll-cookie-in{animation:none;transform:scale(1.12) rotate(-6deg);filter:drop-shadow(0 12px 6px rgba(31,26,56,.25))}.ll-cookie.is-fly{z-index:20;transform:translate(var(--x),var(--y)) scale(.55);transition:transform .4s cubic-bezier(.55,0,.75,.4)}.ll-cookie.is-fly .ll-cookie-in{animation:ll-spin .4s linear}.ll-cookie.is-eaten{z-index:20;transform:translate(var(--x),var(--y)) scale(0);opacity:0;transition:transform .18s ease-in,opacity .18s}.ll-cookie.is-nope{z-index:20;transform:translate(var(--x),var(--y)) scale(.6);transition:none}.ll-cookie.is-nope .ll-cookie-in{animation:ll-nudge .8s ease-in-out}.ll-cookie.is-back{z-index:20;transition:transform .7s var(--pl-spring)}.ll-cookie.is-back .ll-cookie-in{animation:ll-spin-back .7s var(--pl-soft)}@keyframes ll-spin{to{transform:rotate(200deg)}}@keyframes ll-spin-back{0%{transform:rotate(-260deg) scale(.8)}to{transform:none}}@keyframes ll-nudge{0%,to{transform:none}30%{transform:translateY(-18%) rotate(-12deg)}60%{transform:translateY(-8%) rotate(10deg)}}.ll-hand{position:absolute;z-index:3;left:50%;top:52%;width:calc(var(--ck) * .62);pointer-events:none;filter:drop-shadow(0 4px 0 rgba(31,26,56,.25));animation:ll-hand 1.6s ease-in-out 1.2s infinite both}@keyframes ll-hand{0%{opacity:0;transform:translate(10%,30%)}20%{opacity:1;transform:translate(0)}35%{transform:translateY(-8%) scale(.92)}50%{transform:translate(0)}85%{opacity:1;transform:translate(-30%,-150%)}to{opacity:0;transform:translate(-40%,-180%)}}.ll-ant{position:absolute;z-index:3;left:0;bottom:.6cqh;width:clamp(46px,9cqmin,80px);pointer-events:none;animation:ll-ant 7s linear forwards}.ll-ant img{width:100%;animation:ll-ant-step .3s ease-in-out infinite alternate}.ll-ant-crumb{position:absolute;left:38%;top:0;width:32%;aspect-ratio:1;background:url(/images/letter-lunch/crumbs.png) 12% 16%/246% no-repeat}@keyframes ll-ant{0%{transform:translateX(-120%)}to{transform:translateX(calc(100cqw + 20%))}}@keyframes ll-ant-step{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-3px) rotate(2deg)}}@keyframes ll-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ll-pick-title{color:#8E73F2}.ll-pick-cookie{position:absolute;z-index:0;top:calc(var(--peek) * .12);right:9%;width:calc(var(--peek) * .62);animation:lit-peek-up .7s var(--pl-spring) .5s both;transform-origin:50% 100%}.ll-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:.7rem}.ll-mode{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem .5rem .75rem;border-radius:1.4rem;border:4px solid var(--outline);background:var(--tone);color:#fff;box-shadow:0 6px 0 0 var(--tone-lip);transition:transform .2s var(--pl-soft),box-shadow .2s var(--pl-soft)}.ll-mode:hover{transform:translateY(-3px) rotate(-1deg)}.ll-mode:active{transform:translateY(5px);box-shadow:0 1px 0 0 var(--tone-lip)}.ll-mode-pic{width:clamp(60px,10vmin,88px);aspect-ratio:1;padding:6%;border-radius:22%;border:3px solid var(--outline);background:#fff}.ll-mode-pic img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ll-mode-name{font-family:var(--display);font-weight:700;font-size:1.2rem;line-height:1.1;-webkit-text-stroke:1.2px var(--outline);paint-order:stroke fill}.ll-mini{display:flex;gap:.25rem}.ll-mini-box{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.45rem;border:2.5px solid var(--outline);background:#FFFBF2}.ll-mini-box.is-on{background:#FFE07A}.ll-mini-box .lit-word{font-size:1.25rem;line-height:1;margin-top:-.1em;color:var(--ink)}.ll-mini-box[class*=is-mix]{background:#FFFBF2;animation:ll-mix 2.4s steps(1) infinite}.ll-mini-box.is-mix-1{animation-delay:-1.6s}.ll-mini-box.is-mix-2{animation-delay:-.8s}@keyframes ll-mix{0%{background:#FFE07A}33.3%{background:#FFFBF2}}@media (max-width:640px){.ll-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height:520px){.ll-root .lit-pick-hold{--peek:72px}.ll-root .lit-pick-scroll{padding-bottom:.6rem}.ll-root .lit-pick-title{font-size:2.1rem}.ll-mode-name{font-size:1.02rem;white-space:nowrap}.ll-pick-kicker,.ll-pick-text{display:none}.ll-root .lit-pick-card{padding-top:.9rem;padding-bottom:1.1rem}.ll-root .lit-pick-label{margin-top:.4rem}.ll-mode{padding:.45rem .4rem .55rem;gap:.25rem}.ll-mode-pic{width:46px}}@media (max-width:640px) and (max-height:760px){.ll-pick-kicker{display:none}.ll-pick-text{font-size:1rem}.ll-mode{padding:.5rem .4rem .6rem;gap:.25rem}.ll-mode-pic{width:52px}.ll-mode-name{font-size:1.1rem}}.ll-gu-note{margin-top:.4rem}@media (prefers-reduced-motion:reduce){.ll-root *,.ll-root :after,.ll-root :before{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}.ll-ant,.ll-crumbs{display:none}.ll-mon-lean{transform:none}}