.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}}.hud-clear{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at center,#140c1e40,#140c1eb8);animation:hudClearIn .45s cubic-bezier(.2,1.6,.4,1) both}.hud-clear-big{font-size:clamp(48px,9vw,110px);font-weight:900;letter-spacing:.04em;color:#ffd94a;-webkit-text-stroke:3px #4a2410;text-shadow:0 6px 0 #4a2410,0 12px 28px rgba(0,0,0,.55);transform:rotate(-3deg)}.hud-clear-sub{display:flex;align-items:center;gap:12px;font-size:clamp(20px,3vw,34px);font-weight:800;color:#fff3d8;text-shadow:0 3px 0 rgba(74,36,16,.9)}.hud-clear-sub svg{width:1.4em;height:1.4em}.hud-clear-next{opacity:.85;margin-left:14px}@keyframes hudClearIn{0%{opacity:0;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.hud-results{gap:26px}.hud-results .hud-clear-big{font-size:clamp(34px,6vw,72px)}.hud-results-rows{display:flex;flex-direction:column;gap:10px;min-width:min(70vw,420px)}.hud-results-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:6px 18px;border-radius:12px;background:#0c081259;font-size:clamp(18px,2.6vw,30px);font-weight:800;letter-spacing:.06em;color:#fff3d8;text-shadow:0 3px 0 rgba(74,36,16,.9)}.hud-results-row.is-record{background:#5a3a0873;box-shadow:inset 0 0 0 2px #ffd94a8c}.hud-results-label{display:flex;align-items:center;gap:10px}.hud-results-icon{display:inline-flex;width:1.3em;height:1.3em}.hud-results-icon svg{width:100%;height:100%}.hud-results-value{color:#ffd94a;font-variant-numeric:tabular-nums}.hud-results-of{opacity:.65;font-size:.75em;margin-left:2px}.hud-results-stamp{font-size:clamp(18px,3vw,34px);font-weight:900;letter-spacing:.14em;color:#ffe27a;text-shadow:2px 0 0 #5a2306,-2px 0 0 #5a2306,0 2px 0 #5a2306,0 -2px 0 #5a2306,1.5px 1.5px 0 #5a2306,-1.5px 1.5px 0 #5a2306,1.5px -1.5px 0 #5a2306,-1.5px -1.5px 0 #5a2306,0 5px 0 rgba(74,36,16,.9),0 0 24px rgba(255,200,80,.4);transform:rotate(-7deg) scale(1.6);opacity:0}.hud-results-stamp.on{animation:hudResultsStamp .5s cubic-bezier(.2,1.7,.4,1) both}.hud-results-hint{font-size:clamp(12px,1.5vw,17px);font-weight:700;letter-spacing:.2em;color:#cfe8d8;opacity:.75}@keyframes hudResultsStamp{0%{opacity:0;transform:rotate(-7deg) scale(1.6)}to{opacity:1;transform:rotate(-7deg) scale(1)}}.wipe{--wipe-r: 100%;--wipe-color: #000;position:fixed;inset:0;z-index:9;display:none;pointer-events:none;background:var(--wipe-color);-webkit-mask-image:radial-gradient(circle farthest-corner at 50% 50%,transparent 0,transparent var(--wipe-r),#000 calc(var(--wipe-r) + 1.2%),#000 100%);mask-image:radial-gradient(circle farthest-corner at 50% 50%,transparent 0,transparent var(--wipe-r),#000 calc(var(--wipe-r) + 1.2%),#000 100%)}.wipe.is-active{display:block;pointer-events:auto}.hud-relics{position:absolute;top:clamp(74px,11vh,116px);left:clamp(14px,2.5vw,30px);display:flex;align-items:center;gap:.3em;font-size:clamp(1.1rem,2.1vw,1.7rem);transform:rotate(-2deg) translate(-14px);opacity:0;pointer-events:none;transition:opacity .45s ease,transform .45s cubic-bezier(.2,1.4,.4,1)}.hud-relics.show{opacity:1;transform:rotate(-2deg) translate(0)}.hud-relic-icon{width:clamp(26px,2.9vw,38px);flex:none;filter:drop-shadow(0 4px 6px rgba(8,40,34,.5))}.hud-relic-icon.bump{animation:icon-bump .32s cubic-bezier(.3,1.6,.4,1)}.hud-relic-count{font-weight:900;font-family:Arial Rounded MT Bold,Trebuchet MS,Verdana,system-ui,sans-serif;color:#d8fff0;letter-spacing:.02em;text-shadow:-.07em -.07em 0 #08302a,.07em -.07em 0 #08302a,-.07em .07em 0 #08302a,.07em .07em 0 #08302a,0 .12em .2em rgba(6,30,26,.55)}.hud-relic-count.pop{animation:count-pop .28s cubic-bezier(.3,1.7,.45,1)}.hud-breath{position:absolute;left:50%;bottom:clamp(58px,12vh,104px);display:flex;align-items:center;gap:clamp(4px,.7vw,9px);opacity:0;transform:translate(-50%,14px) rotate(-1.5deg);transition:opacity .45s ease,transform .45s cubic-bezier(.2,1.4,.4,1);pointer-events:none}.hud-breath.show{opacity:1;transform:translate(-50%) rotate(-1.5deg)}.hud-bubble{width:clamp(24px,2.6vw,34px);flex:none;filter:drop-shadow(0 4px 6px rgba(10,30,45,.5));transition:opacity .2s ease,transform .2s ease}.hud-bubble:nth-child(odd){transform:translateY(-2px) rotate(4deg)}.hud-bubble:nth-child(2n){transform:translateY(2px) rotate(-4deg)}.hud-bubble.gone{opacity:.16;filter:grayscale(1) brightness(.6)}.hud-bubble.pop{animation:bubble-pop .34s ease-out}.hud-breath.low .hud-bubble:not(.gone) svg circle:first-of-type{fill:#ff8a6a}.hud-breath.low{animation:breath-low .7s ease-in-out infinite}@keyframes bubble-pop{0%{transform:scale(1);opacity:1}45%{transform:scale(1.5);opacity:.85}to{transform:scale(.55);opacity:.16}}@keyframes breath-low{0%,to{transform:translate(-50%) rotate(-1.5deg) scale(1)}50%{transform:translate(-50%,-3px) rotate(-1.5deg) scale(1.06)}}.pause{--ink: #4a2410;--ink2: #2e1507;--gold: #ffc93c;--gold-hi: #ffe98a;--mango: #ff8a3d;--cream: #fff3d6;--cream-dk: #f0dcae;--leaf: #58b649;--pause-font: "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", "Trebuchet MS", Verdana, system-ui, sans-serif;position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-family:var(--pause-font);font-weight:900;pointer-events:auto;z-index:20;background:radial-gradient(120% 100% at 50% 50%,#180a02b8,#180a0270);-webkit-font-smoothing:antialiased}.pause.is-open{display:flex}.pause *{box-sizing:border-box}.pause-panel{width:min(30rem,86vw);max-height:88vh;overflow-y:auto;padding:clamp(18px,3vh,30px) clamp(20px,3vw,32px);border-radius:22px;background:linear-gradient(180deg,var(--cream) 0%,var(--cream-dk) 100%);border:5px solid var(--ink);box-shadow:0 10px #2e150773,0 22px 48px #00000080;transform:rotate(-1.2deg);animation:pause-in .28s cubic-bezier(.25,1.5,.4,1) both}@keyframes pause-in{0%{opacity:0;transform:rotate(-1.2deg) translateY(18px) scale(.94)}to{opacity:1;transform:rotate(-1.2deg) translateY(0) scale(1)}}.pause-title{margin:0 0 .6em;text-align:center;font-size:clamp(1.7rem,4.4vw,2.5rem);letter-spacing:.04em;color:var(--gold);text-shadow:0 0 0 var(--ink),3px 0 0 var(--ink),-3px 0 0 var(--ink),0 3px 0 var(--ink),0 -3px 0 var(--ink),2px 2px 0 var(--ink),-2px 2px 0 var(--ink),2px -2px 0 var(--ink),-2px -2px 0 var(--ink),0 .14em .02em #7a3d12}.pause-row{display:flex;align-items:center;gap:.7em;margin:.5em 0;font-size:clamp(.82rem,1.6vw,.98rem);color:var(--ink)}.pause-row>label:first-child,.pause-row>.pause-label{flex:1 1 8.5em;letter-spacing:.02em}.pause-row .pause-value{flex:none;min-width:3.2em;text-align:right;color:var(--ink2);opacity:.85;font-variant-numeric:tabular-nums}.pause input[type=range]{flex:1 1 9rem;min-width:0;height:1.5rem;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.pause input[type=range]::-webkit-slider-runnable-track{height:.62rem;border-radius:99px;background:#d9bf8e;border:3px solid var(--ink)}.pause input[type=range]::-moz-range-track{height:.62rem;border-radius:99px;background:#d9bf8e;border:3px solid var(--ink)}.pause input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.42rem;border-radius:50%;background:linear-gradient(180deg,var(--gold-hi),var(--mango));border:3px solid var(--ink)}.pause input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:linear-gradient(180deg,var(--gold-hi),var(--mango));border:3px solid var(--ink)}.pause select{flex:1 1 9rem;min-width:0;padding:.32em .55em;font:inherit;color:var(--ink);background:#fffaf0;border:3px solid var(--ink);border-radius:10px;cursor:pointer}.pause input[type=checkbox]{flex:none;width:1.3rem;height:1.3rem;margin:0;accent-color:var(--leaf);cursor:pointer}.pause-buttons{display:flex;flex-direction:column;gap:.55em;margin-top:1.1em}.pause-btn{padding:.6em 1em;font:inherit;font-size:clamp(.95rem,2vw,1.15rem);letter-spacing:.04em;color:var(--ink2);background:linear-gradient(180deg,var(--gold-hi) 0%,var(--gold) 60%,var(--mango) 100%);border:4px solid var(--ink);border-radius:14px;box-shadow:0 5px #2e150780;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.pause-btn:hover{transform:translateY(-1px)}.pause-btn:active{transform:translateY(4px);box-shadow:0 1px #2e150780}.pause-btn.is-hidden{display:none}.pause-btn--quiet{background:linear-gradient(180deg,#f4e3bd,#dcc79b)}.pause :focus-visible{outline:4px solid #1c6fd0;outline-offset:3px;border-radius:6px}.pause-hint{margin-top:.9em;text-align:center;font-size:.76rem;letter-spacing:.1em;color:var(--ink);opacity:.6}@media (max-height: 620px){.pause-panel{padding:14px 20px}.pause-title{font-size:1.5rem;margin-bottom:.35em}.pause-row{margin:.3em 0}.pause-buttons{margin-top:.7em}}