:root{--loam: #3a2615;--loam2: #5a3a20;--kraft: #e9dcc0;--kraft2: #d9c7a2;--sap: #74b234;--sap2: #4f7a2a;--ink: #2b1810;--cream: #fbf6e8;--warn: #d9481f;--font: "American Typewriter", "Rockwell", "Roboto Slab", "Noto Serif", Cambria, Georgia, serif}html,body{background:#cfd9bf;color:var(--ink);font-family:var(--font)}.stage{background:#a7b58c}.hud{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));pointer-events:none}.pbtn{pointer-events:auto;width:44px;height:44px;display:grid;place-items:center;border-radius:46% 54% 50% 50%/55% 50% 50% 45%;background:#fbf6e8c7;border:1.5px solid rgba(58,38,21,.55);color:var(--loam);text-decoration:none;box-shadow:0 2px #3a261559;transition:transform .15s cubic-bezier(.3,1.6,.5,1),box-shadow .15s ease}.pbtn:active{transform:translateY(2px) scale(.94);box-shadow:0 0 #3a261559}.pbtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mute .spk{fill:currentColor;stroke:none}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true]{color:#3a26158c}.tally{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:1px;background:#fbf6e8b8;border:1.5px solid rgba(58,38,21,.4);border-radius:12px;padding:4px 14px 6px;box-shadow:0 2px #3a261540}.score{font-size:30px;line-height:1;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;transition:transform .25s cubic-bezier(.2,1.6,.4,1)}.score.pop{transform:scale(1.18)}.score.mile{animation:mile .7s cubic-bezier(.2,1.5,.4,1);color:var(--sap2)}@keyframes mile{0%{transform:scale(1)}30%{transform:scale(1.45) rotate(-3deg)}to{transform:scale(1)}}.toast{position:absolute;z-index:3;left:50%;top:calc(86px + var(--safe-t));pointer-events:none;transform-origin:50% -14px;background:var(--kraft);color:var(--loam);font-size:17px;font-weight:700;letter-spacing:.03em;padding:6px 16px 7px;border:1.5px solid rgba(58,38,21,.5);border-radius:4px 4px 12px 12px;box-shadow:0 6px 14px #281c0a4d;white-space:nowrap;translate:-50% 0;opacity:0}.toast:before{content:"";position:absolute;left:50%;top:-14px;width:1.5px;height:14px;background:#3a261599}.toast.gold{background:linear-gradient(180deg,#fff1b8,#f0c860);color:#5a3606;border-color:#78460a99}.toast.show{animation:swingIn 1.7s ease forwards}@keyframes swingIn{0%{opacity:0;transform:rotate(-24deg) translateY(-14px)}14%{opacity:1;transform:rotate(9deg)}26%{transform:rotate(-5deg)}38%{transform:rotate(2deg)}48%{transform:rotate(0)}82%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(0) translateY(-8px)}}.lives{display:flex;gap:5px}.lives i{position:relative;width:14px;height:8px;transition:opacity .3s ease}.lives i:before{content:"";position:absolute;inset:0;background:var(--ink);-webkit-mask:radial-gradient(circle at 22% 55%,#000 2.7px,transparent 3px),radial-gradient(circle at 56% 55%,#000 1.7px,transparent 2px),radial-gradient(circle at 82% 45%,#000 2px,transparent 2.3px);mask:radial-gradient(circle at 22% 55%,#000 2.7px,transparent 3px),radial-gradient(circle at 56% 55%,#000 1.7px,transparent 2px),radial-gradient(circle at 82% 45%,#000 2px,transparent 2.3px)}.lives i.out:before{background:#2b181040}.lives i.out:after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--warn);transform:rotate(40deg);border-radius:1px}.lives i.hit{animation:hit .5s ease}@keyframes hit{0%,to{scale:1}40%{scale:1.9}}.title,.card,.paused{position:absolute;z-index:2;pointer-events:none;text-align:center}.title{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(60px + var(--safe-t)) 24px calc(40px + var(--safe-b))}.title.fade{animation:fadeOut .45s ease forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px) rotate(-1deg)}}.tag{position:relative;background:var(--kraft);border:1.5px solid rgba(58,38,21,.45);border-radius:6px 22px 6px 6px;padding:20px 22px 16px;width:min(84vw,320px);transform:rotate(-1.5deg);box-shadow:0 10px 26px #281c0a59,inset 0 0 0 5px #ffffff2e;background-image:repeating-linear-gradient(0deg,transparent 0 21px,rgba(90,58,32,.12) 21px 22px)}.tag:before{content:"";position:absolute;top:10px;right:14px;width:12px;height:12px;border-radius:50%;background:#cfd9bf;border:1.5px solid rgba(58,38,21,.5);box-shadow:inset 0 1px 2px #0000004d}h1{margin:0;font-size:60px;line-height:1;letter-spacing:.02em;color:var(--loam);font-weight:700}.sub{margin:6px 0 4px;font-size:16px;color:var(--loam2)}.legend{width:100%;max-width:260px;height:auto;margin:6px auto 4px;display:block}.legend .ground{fill:#6b4a2e}.legend .pit{fill:#22150b}.legend .water{fill:#5e7f80}.legend .leaf{fill:var(--sap)}.legend .rib{stroke:#c7e59a;stroke-width:.8;fill:none}.legend .ant{fill:var(--ink)}.legend .ghost{fill:var(--sap);opacity:.35}.legend .arrow{stroke:var(--loam);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.cta{margin-top:10px;font-size:17px;color:var(--ink);animation:breathe 1.8s ease-in-out infinite}@keyframes breathe{50%{opacity:.45}}.best{margin-top:6px;font-size:14px;color:var(--loam2)}.card{inset:0;display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .35s ease}.card.show{opacity:1}.note{background:var(--cream);border:1.5px solid rgba(58,38,21,.5);border-radius:8px;width:min(84vw,300px);padding:18px 22px 18px 34px;position:relative;transform:translateY(18px) rotate(1deg);transition:transform .5s cubic-bezier(.2,1.4,.4,1);box-shadow:0 14px 34px #281c0a66;background-image:linear-gradient(90deg,transparent 22px,rgba(217,72,31,.35) 22px 23.5px,transparent 23.5px),repeating-linear-gradient(0deg,transparent 0 25px,rgba(90,120,150,.18) 25px 26px)}.card.show .note{transform:translateY(0) rotate(-.8deg)}.eyebrow{font-size:13px;color:var(--loam2);letter-spacing:.02em}.big{font-size:72px;line-height:1;font-weight:700;color:var(--ink);margin-top:6px;font-variant-numeric:tabular-nums}.label{font-size:16px;color:var(--loam2)}.stamp{display:inline-block;margin-top:10px;padding:3px 12px;font-size:16px;font-weight:700;color:var(--warn);border:2.5px solid var(--warn);border-radius:6px;transform:rotate(-6deg);letter-spacing:.08em;text-transform:uppercase;animation:stamp .45s cubic-bezier(.2,1.6,.4,1) .35s both}@keyframes stamp{0%{transform:rotate(-6deg) scale(2.2);opacity:0}}.row{display:flex;justify-content:space-between;align-items:baseline;margin:12px 4px 0;padding-top:8px;border-top:1.5px dashed rgba(58,38,21,.35);font-size:16px;color:var(--loam2)}.row b{font-size:24px;color:var(--ink);font-variant-numeric:tabular-nums}.row.sub2{margin-top:4px;padding-top:4px;border-top:none;font-size:14px}.row.sub2 b{font-size:16px;color:var(--sap2)}.note .cta{margin-top:14px}.big.land{animation:land .35s cubic-bezier(.2,1.6,.4,1)}@keyframes land{40%{transform:scale(1.14)}}.note:before{content:"";position:absolute;right:14px;top:12px;width:34px;height:16px;border-radius:0 100%;background:linear-gradient(160deg,#9ccc5a,#5f8f32);transform:rotate(-18deg);opacity:.85;box-shadow:inset 0 0 0 .8px #283c1480}.note:after{content:"";position:absolute;right:22px;top:14px;width:18px;height:9px;background:#f0e4bebf;transform:rotate(24deg)}.note .sheen{position:absolute;inset:0;border-radius:8px;overflow:hidden;pointer-events:none}.note .sheen:before{content:"";position:absolute;top:-20%;bottom:-20%;width:40%;left:-60%;transform:skew(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}.card.show .note .sheen:before{animation:sheen 1.1s ease .5s both}@keyframes sheen{to{left:130%}}.paused{inset:0;display:grid;place-items:center;background:#281c0c59}.paused .cta{background:var(--kraft);padding:12px 22px;border-radius:10px;border:1.5px solid rgba(58,38,21,.5)}@media(prefers-reduced-motion:reduce){.cta,.stamp,.lives i.hit{animation:none}.toast.show{animation:fadeToast 1.7s ease forwards}.score.mile,.big.land,.card.show .note .sheen:before{animation:none}@keyframes fadeToast{0%,85%{opacity:1}to{opacity:0}}}@media(max-height:640px){h1{font-size:48px}.big{font-size:56px}.tag{padding:14px 18px 12px}}