.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hud #hd{border:2px solid var(--gold);color:var(--gold);min-width:44px;min-height:40px;font-weight:bold;flex-shrink:0;position:relative}
.hud #hd[aria-pressed="true"]{background:var(--gold);color:#173024;box-shadow:0 0 18px #ffd16d30}
.hud #hd[aria-pressed="true"]:after{content:'';position:absolute;right:3px;top:3px;width:5px;height:5px;background:#245e31;border-radius:50%}
.hud #hd:disabled{opacity:.6;cursor:wait}.hd-snake-head{display:none}
.snake-face{position:absolute;left:85%;top:2.32%;width:clamp(72px,9vw,115px);height:auto;transform:translate(-50%,-50%);z-index:1;overflow:visible;pointer-events:none;filter:drop-shadow(4px 6px 0 #031b1480)}
.hd #hd-scales path{stroke:#2e632c;stroke-width:2;fill:none}.hd #hd-scales path:last-child{stroke:#a2c463;stroke-width:1}
.hd{--pixel:'Space Grotesk',Arial,sans-serif}
.hd .landscape,.hd .world-texture,.hd .pit-crossing{background-image:url('jungle-hd.png');image-rendering:auto}
.hd .sprite{background-image:url('sprites-hd.png');image-rendering:auto}
.hd .hero:after{display:none}
.hd .hero-shade{background:linear-gradient(180deg,#061b1610,#03180c38 50%,#05170d70),radial-gradient(ellipse at center,#041c1655,transparent 75%)}
.hd .hero h1{font-family:var(--body);font-weight:700;font-size:clamp(76px,10vw,138px);line-height:.96;letter-spacing:-6px;text-shadow:0 5px 22px #031b15aa;margin:35px 0 30px}
.hd h1>span{color:#ffe099;text-shadow:0 5px 22px #031b15aa}
.hd .logo{font-weight:700;font-size:32px;letter-spacing:-2px}.hd .player{font-size:10px;letter-spacing:1px}.hd .player strong{font-size:13px;letter-spacing:1px}
.hd nav{font-size:12px;font-weight:600;letter-spacing:1px}.hd .hud button{font-size:10px;letter-spacing:1px}
.hd .cartridge{font-size:12px;font-weight:600;letter-spacing:2px;border:1px solid #a8c57899;background:#102c24b0;box-shadow:none;border-radius:4px}
.hd .overline{font-size:11px}.hd .intro{font-size:19px}.hd .pixel-button{font-size:13px;font-weight:700;letter-spacing:1px;border-radius:4px;box-shadow:0 4px 0 #a97b36,0 10px 25px #04170e50;padding:20px 30px}
.hd .start-note,.hd .hero-floor{font-size:10px;font-weight:600;letter-spacing:1.5px}.hd .lives{font-size:21px}
.hd .section h2{font-size:clamp(34px,4.3vw,58px);font-weight:700;line-height:1.1;letter-spacing:-1.8px;text-shadow:0 3px 20px #03170e}.hd .section h2 span{display:inline-block;margin-top:6px}
.hd .level-label{font-size:12px;letter-spacing:2px;font-weight:600}.hd .inventory{border:1px solid #72945c;border-radius:6px;box-shadow:0 10px 35px #04181030;background:#09271ff5}.hd .item-code{font-size:10px;letter-spacing:1.8px}.hd .item-symbol{font-family:Arial,sans-serif}.hd .inventory h3{font-size:19px;letter-spacing:.3px;font-weight:700;min-height:38px}.hd .skill-tags{font-size:10px;letter-spacing:.8px;font-weight:600}.hd .checkpoint p{font-size:12px;letter-spacing:2px}
.hd .quest-year{font-size:12px;font-weight:600;letter-spacing:1px}.hd .quest-badge{font-size:9px;border-radius:4px;font-weight:700}.hd .text-link{font-size:12px;font-weight:600;letter-spacing:1px}.hd .warning,.hd .bridge span{font-size:11px;letter-spacing:2px;font-weight:600}.hd .bridge{border-radius:40%;background:repeating-linear-gradient(90deg,#a28452 0 32px,#57462e 32px 34px);box-shadow:0 8px 15px #05180e60}.hd .end-message{font-size:12px;letter-spacing:2px}.hd footer{font-size:10px;letter-spacing:1px}.hd .game-status{font-size:10px;font-weight:600;letter-spacing:1px}.hd .game-status button{font-size:9px}
.hd .palm svg{visibility:hidden}.hd .palm{background:url('palm-hd.svg') top center/100% auto no-repeat;opacity:.8}
.hd .tropical-fruit svg{visibility:hidden}.hd .tropical-fruit{background:url('sprites-hd.png') right bottom/200% 200% no-repeat;aspect-ratio:1/1}
.hd .tropical-fruit.fruit-2{background:url('mango-hd.svg') center/contain no-repeat;aspect-ratio:80/96}
.hd .vines .snake-body{stroke:url(#hd-scales);stroke-linejoin:round}.hd .vines .snake-outline{stroke:#183923;filter:drop-shadow(5px 8px 7px #03160d88)}.hd .vines #vine-route{stroke:#d6cd83;opacity:.85}.hd .vines .snake-belly{stroke:#496e35;stroke-width:18;stroke-dasharray:1 12;opacity:.5}.hd .snake-head{display:none}.hd .hd-snake-head{display:block}.hd .vines .hd-snake-head *{stroke-width:revert;fill:revert;stroke:revert}.hd .vines .hd-snake-head ellipse[fill="url(#hd-snake-skin)"]{fill:url(#hd-snake-skin);stroke:#193c24;stroke-width:5}.hd .vines .hd-snake-head [fill="#ddc77e"]{fill:#ddc77e}.hd .vines .hd-snake-head [fill="#ffe39b"]{fill:#ffe39b}.hd .vines .hd-snake-head [fill="#142f22"]{fill:#142f22}.hd .vines .hd-snake-head [fill="white"]{fill:white}.hd .vines .hd-snake-head [fill="none"]{fill:none}.hd .vines .hd-snake-head [stroke="#294e2b"]{stroke:#294e2b;stroke-width:3}.hd .vines .hd-snake-head [stroke="#e98578"]{stroke:#e98578;stroke-width:4}
@media(max-width:1100px){.hud{gap:18px}.hud .player{display:none}.hd nav{gap:18px}.hd .hero h1{font-size:110px}.hd .palm{opacity:.6}}
@media(max-width:700px){.hud{gap:10px}.hud .lives{display:none}.hud nav{margin-left:auto;gap:12px}.hud #hd{font-size:8px;min-width:38px;min-height:36px}.hd .hud nav{font-size:9px;gap:12px}.hd .hud nav a{font-size:9px}.hd .hud button{font-size:8px}.hd .hero h1{font-size:clamp(66px,17vw,94px);letter-spacing:-4px;line-height:1;margin:30px 0}.hd .cartridge{font-size:10px;letter-spacing:1px}.hd .overline{font-size:9px;letter-spacing:.5px}.hd .intro{font-size:16px}.hd .pixel-button{font-size:11px;padding:18px 22px}.hd .start-note{font-size:9px}.hd .hero-floor{font-size:8px;letter-spacing:1px}.hd .section h2{font-size:34px;line-height:1.13;letter-spacing:-1px}.hd .level-label{font-size:10px}.hd .inventory h3{font-size:17px;min-height:0}.hd .skill-tags{font-size:9px}.hd .inventory{padding:23px}.hd .quest-year{font-size:11px}.hd .quest-badge{font-size:8px}.hd .text-link{font-size:10px}.hd .bridge span{font-size:8px}.hd .contact .pixel-button{font-size:10px}.hd .contact h2{font-size:40px}.hd footer{font-size:9px}.hd .game-status{font-size:8px;letter-spacing:0}.hd .game-status button{font-size:8px}.hd .hero-garden .palm{opacity:.6}.hd .end-message{font-size:10px}}

/* Three-line adventure headline in both artwork modes. */
.hero h1{font-size:clamp(40px,5.2vw,68px);line-height:1.3}.hd .hero h1{font-size:clamp(68px,8vw,104px);line-height:.98;letter-spacing:-4px}@media(max-width:700px){.hero h1{font-size:clamp(28px,8.1vw,48px);letter-spacing:-1px;line-height:1.45}.hd .hero h1{font-size:clamp(48px,13vw,76px);letter-spacing:-2px;line-height:1.04}}