.hud{--ink: #4a2410;--ink2: #2e1507;--gold: #ffc93c;--gold-hi: #ffe98a;--mango: #ff8a3d;--cream: #fff3d6;--leaf: #58b649;--leaf-dk: #2e6b22;--wood: #a86a33;--wood-dk: #7c4a1d;--hud-font: "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", "Trebuchet MS", Verdana, system-ui, sans-serif;position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;font-family:var(--hud-font);font-weight:900;-webkit-font-smoothing:antialiased}.hud *{box-sizing:border-box}.hud svg{display:block;width:100%;height:auto}.hud-fruit{position:absolute;top:clamp(14px,3vh,28px);left:clamp(14px,2.5vw,30px);display:flex;align-items:center;gap:.34em;font-size:clamp(1.9rem,3.8vw,3rem);transform:rotate(-2.5deg);animation:hud-in-left .6s cubic-bezier(.2,1.45,.35,1) both}.hud-fruit-icon{position:relative;width:clamp(48px,5.5vw,66px);flex:none;filter:drop-shadow(0 5px 8px rgba(40,18,4,.45))}.hud-fruit-icon.bump{animation:icon-bump .32s cubic-bezier(.3,1.6,.4,1)}.hud-fruit-ring{position:absolute;inset:0;border:4px solid var(--gold-hi);border-radius:50%;opacity:0;pointer-events:none}.hud-fruit-ring.go{animation:ring-go .55s ease-out}.hud-fruit-count{position:relative;flex:none;filter:drop-shadow(0 .1em .22em rgba(140,45,0,.5))}.hud-fruit-count svg{display:block;width:auto;height:2em}.hud-fruit-count.pop{animation:count-pop .28s cubic-bezier(.3,1.7,.45,1)}.hud-fruit-count.pop-big{animation:count-pop-big .5s cubic-bezier(.3,1.7,.45,1)}.hud-float{position:absolute;left:55%;top:-.2em;font-size:.72em;color:var(--gold-hi);text-shadow:-.08em -.08em 0 var(--ink2),.08em -.08em 0 var(--ink2),-.08em .08em 0 var(--ink2),.08em .08em 0 var(--ink2),-.11em 0 0 var(--ink2),.11em 0 0 var(--ink2),0 -.11em 0 var(--ink2),0 .11em 0 var(--ink2),0 .18em 0 rgba(20,8,0,.5);pointer-events:none;animation:float-up .85s ease-out forwards}.hud-lives{position:absolute;left:clamp(16px,2.7vw,34px);top:calc(clamp(14px,3vh,28px) + clamp(74px,12vh,106px));display:flex;align-items:center;gap:.25em;opacity:.8;transform:rotate(-2deg);animation:hud-in-left .6s .12s cubic-bezier(.2,1.45,.35,1) both}.hud-lives.ouch{animation:lives-ouch .5s ease-out}.hud-life{width:clamp(50px,5vw,64px);flex:none;filter:drop-shadow(0 5px 8px rgba(40,18,4,.45));transition:filter .35s ease,opacity .35s ease,transform .35s ease;animation:life-in .5s cubic-bezier(.3,1.6,.4,1) both;animation-delay:calc(var(--i) * 90ms + .35s)}.hud-life:nth-child(odd){rotate:3deg}.hud-life:nth-child(2n){rotate:-3deg}.hud-life.lost{filter:grayscale(1) brightness(.5) drop-shadow(0 3px 4px rgba(0,0,0,.4));opacity:.4;transform:scale(.82)}.hud-life.hit{animation:life-hit .55s ease-out}.hud-life.gain{animation:life-gain .5s cubic-bezier(.3,1.7,.4,1)}.hud-hint{position:absolute;left:50%;bottom:clamp(16px,4vh,36px);transform:translate(-50%) translateY(14px);display:flex;align-items:center;gap:.9em;padding:.55em 1.3em;font-size:clamp(.78rem,1.5vw,1.05rem);background:#2a140699;border:2px solid rgba(255,230,180,.28);border-radius:999px;box-shadow:0 6px 14px #0f060059;backdrop-filter:blur(5px);opacity:0;transition:opacity .7s ease,transform .7s cubic-bezier(.2,1.4,.4,1)}.hud-hint.show{opacity:1;transform:translate(-50%) translateY(0)}.hud-hint.fade{opacity:0;transform:translate(-50%) translateY(12px);transition-duration:1.1s}.hud-hint-group{display:flex;align-items:center;gap:.3em;white-space:nowrap}.hud-hint-sep{color:#ffe9c273;font-size:1.1em}.hud-hint-label{color:#ffe9c2;font-weight:800;letter-spacing:.02em;text-shadow:0 2px 2px rgba(0,0,0,.45);margin-left:.15em}.hud-hint kbd{font-family:var(--hud-font);font-weight:800;font-size:.82em;color:var(--ink);background:linear-gradient(#fff8e6,#f2d9a4);border:2px solid var(--ink);border-bottom-width:4px;border-radius:.45em;padding:.14em .42em .1em;box-shadow:0 2px #1408004d}.hud-flash{position:absolute;inset:0;background:radial-gradient(ellipse at center,#ff3c2300 38%,#ff28168c);opacity:0;pointer-events:none}.hud-flash.on{animation:dmg-flash .55s ease-out}.hud-title{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center}.hud-title.show{display:flex}.hud-title-dim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,#1c0d031a 25%,#1609028c);animation:t-fade-in .7s ease both}.hud-title-rays{position:absolute;left:50%;top:42%;width:150vmin;height:150vmin;translate:-50% -50%;background:repeating-conic-gradient(from 0deg,#ffd8732b 0deg 8deg,#ffd87300 8deg 24deg);-webkit-mask-image:radial-gradient(closest-side,#000 0%,rgba(0,0,0,.55) 42%,transparent 74%);mask-image:radial-gradient(closest-side,#000 0%,rgba(0,0,0,.55) 42%,transparent 74%);animation:rays-spin 26s linear infinite,t-fade-in .9s ease both}.hud-title-words{position:relative;transform:rotate(-3deg);text-align:center;line-height:1}.hud-word{display:flex;justify-content:center;gap:.015em}.hud-word-jungle{--face: #ffb733;--face-hi: #fff3c0;font-size:clamp(2.7rem,8.5vw,6.2rem)}.hud-word-rush{--face: #ff7f2a;--face-hi: #ffd062;font-size:clamp(3.6rem,11.5vw,8.4rem);margin-top:-.1em}.tl{display:inline-block;animation:tl-drop .72s cubic-bezier(.3,.9,.35,1) both;animation-delay:calc(var(--i) * 65ms + .12s)}.tl-i{position:relative;z-index:0;display:inline-block;padding:.1em .03em .12em;color:var(--face);transform-origin:50% 85%;animation:tl-wobble 2.3s ease-in-out infinite;animation-delay:calc(var(--i) * -.37s)}.tl-i:after{content:attr(data-ch);position:absolute;inset:0;padding:inherit;color:var(--face-hi);clip-path:polygon(0 0,100% 0,100% 40%,0 54%)}.tl-i:before{content:attr(data-ch);position:absolute;inset:0;padding:inherit;z-index:-1;color:var(--ink2);-webkit-text-stroke:.2em var(--ink2);text-shadow:0 .07em 0 #23100a,0 .16em .3em rgba(10,4,0,.55)}.hud-title-sub{position:relative;margin-top:clamp(1.2em,4vh,2.2em);display:flex;align-items:center;gap:.85em;font-size:clamp(.8rem,1.7vw,1.15rem);animation:sub-in .55s .95s cubic-bezier(.3,1.6,.4,1) both}.hud-sub-pill{display:inline-block;padding:.55em 1.4em .5em;letter-spacing:.14em;color:var(--ink);background:linear-gradient(#fff6e0,#ffe2a6);border:3px solid var(--ink);border-radius:999px;box-shadow:0 5px #230f038c,0 8px 16px #0f060059;animation:sub-pulse 1.5s ease-in-out 1.4s infinite}.hud-sub-fruit{width:2.5em;flex:none;rotate:-12deg;filter:drop-shadow(0 3px 4px rgba(20,8,0,.45));animation:sub-fruit-bob 2.2s ease-in-out infinite}.hud-sub-fruit.r{rotate:12deg;animation-delay:-1.1s}.hud-leaves{position:absolute;bottom:-3vmin;width:30vmin;filter:drop-shadow(0 6px 10px rgba(10,20,5,.4));animation:leaf-sway 5.5s ease-in-out infinite alternate,t-fade-in .8s ease both}.hud-leaves.l{left:-3vmin;transform-origin:8% 96%}.hud-leaves.r{right:-3vmin;scale:-1 1;transform-origin:8% 96%;animation-delay:-2.7s,.15s}.hud-title.out .tl{animation:tl-out .42s ease-in both;animation-delay:calc(var(--i) * 25ms)}.hud-title.out .hud-title-dim,.hud-title.out .hud-title-rays,.hud-title.out .hud-title-sub,.hud-title.out .hud-leaves{animation:t-fade-out .45s ease both}.hud-photo *,.hud-photo *:before,.hud-photo *:after{animation:none!important;transition:none!important}.hud-photo .hud-hint,.hud-photo .hud-flash{display:none}@media (prefers-reduced-motion: reduce){.hud *,.hud *:before,.hud *:after{animation-duration:1ms!important;animation-iteration-count:1!important}}@keyframes hud-in-left{0%{transform:translate(-140%) rotate(-10deg)}}@keyframes icon-bump{0%{transform:scale(1)}40%{transform:scale(1.28) rotate(-9deg)}to{transform:scale(1)}}@keyframes ring-go{0%{transform:scale(.55);opacity:.9}to{transform:scale(1.9);opacity:0}}@keyframes count-pop{0%{transform:scale(1)}40%{transform:scale(1.32) translateY(-6%) rotate(3deg)}to{transform:scale(1)}}@keyframes count-pop-big{0%{transform:scale(1)}35%{transform:scale(1.6) translateY(-10%) rotate(-4deg)}60%{transform:scale(.92)}to{transform:scale(1)}}@keyframes float-up{0%{transform:translate(0) scale(1.15);opacity:1}to{transform:translate(var(--fx, 0px),-2.4em) scale(.85);opacity:0}}@keyframes life-in{0%{transform:scale(0) rotate(-30deg)}}@keyframes life-hit{0%{transform:scale(1.25);filter:none}20%{transform:scale(1.15) translate(-4px) rotate(-8deg)}40%{transform:scale(1.05) translate(4px) rotate(7deg)}60%{transform:scale(.95) translate(-3px) rotate(-5deg)}to{transform:scale(.82)}}@keyframes life-gain{0%{transform:scale(.4) rotate(20deg)}55%{transform:scale(1.25) rotate(-6deg)}to{transform:scale(1)}}@keyframes lives-ouch{0%,to{transform:rotate(-2deg) translate(0)}20%{transform:rotate(-2deg) translate(-7px)}40%{transform:rotate(-2deg) translate(6px)}60%{transform:rotate(-2deg) translate(-4px)}80%{transform:rotate(-2deg) translate(3px)}}@keyframes dmg-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}@keyframes t-fade-in{0%{opacity:0}}@keyframes t-fade-out{to{opacity:0}}@keyframes rays-spin{to{transform:rotate(360deg)}}@keyframes tl-drop{0%{transform:translateY(-85vh) scale(1.15) rotate(-6deg)}62%{transform:translateY(0) scale(1.1,.76)}80%{transform:translateY(-6%) scale(.94,1.08)}to{transform:translateY(0) scale(1)}}@keyframes tl-wobble{0%,to{transform:rotate(-2.4deg) translateY(0)}50%{transform:rotate(2.4deg) translateY(-.05em)}}@keyframes tl-out{to{transform:translateY(-120vh) rotate(14deg);opacity:.6}}@keyframes sub-in{0%{opacity:0;transform:translateY(1.6em) scale(.7)}}@keyframes sub-pulse{50%{transform:scale(1.06)}}@keyframes sub-fruit-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.25em)}}@keyframes leaf-sway{0%{rotate:0deg}to{rotate:3.5deg}}