:root{--bg-a: #141416;--bg-b: #0a0a0b;--fg: #efece6;--muted: #797268;--muted-2: #8a8278;font-family:Playfair Display,Georgia,Times New Roman,serif}*{box-sizing:border-box}html{min-height:100%;background:var(--bg-b)}body{margin:0;min-height:100dvh;color:var(--fg);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--bg-b);background-image:radial-gradient(130% 100% at 50% 30%,var(--bg-a) 0%,var(--bg-b) 65%)}#root{min-height:100dvh}.screen{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2.5rem,7vh,5rem);padding:calc(env(safe-area-inset-top) + 48px) 24px calc(env(safe-area-inset-bottom) + 48px);overflow-x:hidden}.screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;mix-blend-mode:overlay}.count{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;line-height:1;opacity:0;transform:translateY(10px);transition:opacity 1s ease,transform 1s ease}.count.in{opacity:1;transform:translateY(0)}.heading{margin-bottom:1.5rem;font-family:system-ui,sans-serif;font-weight:400;font-size:clamp(.65rem,3vw,.85rem);letter-spacing:.5em;text-transform:uppercase;color:var(--muted-2);padding-left:.5em}.rule{width:34px;height:1px;margin-bottom:1.5rem;background:var(--fg);opacity:.5}.value{font-weight:400;font-size:clamp(6rem,38vw,17rem);letter-spacing:-.015em;font-feature-settings:"tnum" 1;transition:text-shadow .6s ease,color .6s ease}.value.m1{text-shadow:0 0 26px rgba(199,154,90,.22)}.value.m2{text-shadow:0 0 32px rgba(199,154,90,.38);color:#f4ead4}.value.m3{text-shadow:0 0 42px rgba(201,168,90,.6);color:#ecd9ad}.count.pulse .value{animation:milestone 1.9s ease}@keyframes milestone{0%{text-shadow:0 0 0 rgba(201,168,90,0)}25%{text-shadow:0 0 60px rgba(201,168,90,.85)}to{text-shadow:0 0 26px rgba(199,154,90,.22)}}.goal{font-weight:400;font-size:clamp(1.5rem,7vw,3rem);color:var(--muted);margin-top:.5rem}.label{margin-top:1.6rem;font-size:clamp(.7rem,3.4vw,.9rem);letter-spacing:.42em;text-transform:uppercase;color:var(--muted);padding-left:.42em;font-family:system-ui,sans-serif;font-weight:400}.heatmap-wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.9rem;opacity:0;animation:fade-in 1s ease .4s forwards}.heatmap-label{font-family:system-ui,sans-serif;font-weight:400;font-size:.68rem;letter-spacing:.42em;text-transform:uppercase;color:var(--muted);padding-left:.42em;opacity:.7}.heatmap{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:3px}.cell{position:relative;width:clamp(8px,2.4vw,12px);aspect-ratio:1;border-radius:2px;background:#ffffff0d}.cell-tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(4px);white-space:nowrap;font-family:system-ui,sans-serif;font-size:.72rem;letter-spacing:.01em;color:var(--fg);background:#17161a;border:1px solid rgba(199,154,90,.28);padding:5px 11px;border-radius:8px;box-shadow:0 8px 22px #0000008c;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:10}.cell-tip b{color:#c79a5b;font-weight:700;margin:0 .5em}.cell-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#17161a}.cell:hover .cell-tip{opacity:1;transform:translate(-50%) translateY(0)}.cell.empty{background:transparent}.cell.lvl1{background:#463f31}.cell.lvl2{background:#6c5d42}.cell.lvl3{background:#9a8459}.cell.lvl4{background:#c7a96a}.cell.lvl5{background:#ecdcb4}@keyframes fade-in{to{opacity:1}}.letter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.8rem;padding:24px;background:#070709cc;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:lo-fade .4s ease}@keyframes lo-fade{0%{opacity:0}to{opacity:1}}.envelope{perspective:1400px}.letter-card{position:relative;width:clamp(280px,84vw,380px);padding:clamp(2.6rem,11vw,3.6rem) 1.6rem clamp(2.2rem,9vw,3rem);text-align:center;background:linear-gradient(160deg,#f8f2e4,#ece2cd);border-radius:5px;box-shadow:0 36px 90px #0009,inset 0 0 0 1px #c79a5a40;transform-origin:top center;animation:card-open .95s cubic-bezier(.2,.85,.25,1) both}@keyframes card-open{0%{transform:perspective(1400px) rotateX(-90deg);opacity:0}60%{opacity:1}to{transform:perspective(1400px) rotateX(0);opacity:1}}.letter-card:before{content:"";position:absolute;top:30%;left:8%;right:8%;height:1px;background:#2b262014}.letter-seal{display:block;font-size:1.5rem;color:#c79a5b;margin-bottom:.8rem;animation:seal-in .5s ease .7s both}@keyframes seal-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.letter-title{margin:0;font-family:Playfair Display,serif;font-weight:500;font-size:clamp(2.4rem,12vw,3.6rem);color:#2b2620;letter-spacing:-.01em}.letter-note{margin:.9rem 0 0;font-family:Playfair Display,serif;font-style:italic;font-size:clamp(1rem,4.5vw,1.2rem);color:#6f6253}.letter-hint{margin:0;font-family:system-ui,sans-serif;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:#f4efe773;padding-left:.32em;animation:fade-in .6s ease 1.1s both}.hof{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.8rem,6vw,2.6rem) clamp(.5rem,3vw,1rem);width:100%;max-width:440px;opacity:0;animation:fade-in 1s ease .6s forwards}@media(max-width:340px){.hof{grid-template-columns:repeat(2,minmax(0,1fr))}}.hof-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:0;text-align:center}.hof-icon{width:clamp(32px,8vw,42px);height:clamp(32px,8vw,42px);color:#c79a5b;margin-bottom:.4rem;transition:transform .12s ease}.hof-item:active .hof-icon{transform:scale(.85)}.hof-item.secret{cursor:default;-webkit-tap-highlight-color:transparent}.hof-icon.outline{width:clamp(36px,9vw,48px);height:clamp(36px,9vw,48px)}.hof-value{font-family:Playfair Display,serif;font-size:clamp(1.3rem,5vw,1.7rem);color:var(--fg)}.hof-label{font-family:system-ui,sans-serif;font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;color:var(--muted-2);text-align:center}.hof-sub{font-family:system-ui,sans-serif;font-size:.72rem;color:var(--muted);opacity:.8}