.love-statistics{max-width:430px;margin:auto;text-align:left;color:#422c21;font:16px/1.5 Georgia,serif}
#surprise:has(.love-statistics) :is(#day-label,#surprise-title){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%)}
#surprise.town-frame[data-day="9"] .frame-scroll{padding:6px 3px 8px;gap:0}
#surprise .love-statistics p{margin:.45rem 0;line-height:1.35}
.statistics-kicker{margin:.4rem 0;color:#8c3436;letter-spacing:.11em;text-transform:uppercase;font:700 .7rem/1.35 system-ui,sans-serif}
.love-statistics h3{margin:.35rem 0 .8rem;color:#273b2a;font:700 clamp(1.65rem,7vw,2.65rem)/.99 Georgia,serif;letter-spacing:-.035em}
.love-statistics h3 em{color:#9b3c3e}
.love-statistics h3:focus{outline:none}
.love-statistics button:focus-visible{outline:2px solid #306855;outline-offset:3px}
.statistics-print{display:grid;gap:.35rem;width:100%;padding:.45rem .45rem .55rem;border:1px solid #a7805c;background:#f9ebd1;color:#4e3225;box-shadow:2px 3px 0 #71463036;transform:rotate(-1deg);cursor:pointer}
.statistics-print img{width:100%;height:clamp(84px,18dvh,155px);display:block;object-fit:cover;object-position:50% 39%;background:#c79e77}
.statistics-print span{font:700 .78rem/1.4 system-ui,sans-serif}
.statistics-memory img{height:clamp(60px,11dvh,94px);object-position:50% 31%}
.statistics-counts{padding:0;margin:0 0 .55rem;border-block:1px dashed #9e7254}
.statistics-counts div{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.2rem 0}
.statistics-counts div+div{border-top:1px solid #a9805f55}
.statistics-counts dd{margin:0;color:#9b3c3e;font:700 1.6rem/1 Georgia,serif;font-variant-numeric:tabular-nums}
.statistics-envelope,.statistics-letter{width:100%;border:1px solid #a27853;background:#fff1d5;padding:clamp(12px,4vw,23px);box-shadow:2px 4px 0 #6e533735}
.statistics-envelope{display:grid;place-items:center;gap:.35rem;color:#522d25;min-height:115px;font:700 1rem Georgia,serif;cursor:pointer;background:linear-gradient(153deg,transparent 49.5%,#b0917155 50%,transparent 50.6%) top left/50% 60% no-repeat,linear-gradient(207deg,transparent 49.5%,#b0917155 50%,transparent 50.6%) top right/50% 60% no-repeat,#f5dfb6}
.statistics-envelope span{display:grid;place-items:center;width:2.6rem;aspect-ratio:1;border-radius:46% 54% 47% 52%;color:#fff0d0;background:#933d43;font-size:1.5rem;box-shadow:1px 2px 0 #67332a99}
.statistics-letter{border-inline-start:3px double #a66c53;background:repeating-linear-gradient(0deg,transparent 0 23px,#bd95641f 23px 24px),#fff1d5;animation:statistics-unfold 220ms ease-out}
.statistics-letter p{margin:0 0 .6em}.statistics-letter p:last-child{margin:0;color:#8c3436;font-style:italic}
.statistics-nav{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-top:.3rem;font:700 .76rem system-ui,sans-serif;color:#715442}
.statistics-nav button{display:grid;place-items:center;width:48px;min-height:48px;padding:0;background:transparent;border:0;color:#7c3a32;font:30px/1 Georgia,serif;cursor:pointer}
.statistics-nav button:disabled{visibility:hidden}
@keyframes statistics-unfold{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.statistics-letter{animation:none}}