.nrr-achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;margin:18px 0 24px}
.nrr-achievement-card{border:1px solid var(--line);border-radius:13px;padding:15px;background:var(--card,var(--panel,#fff));display:flex;flex-direction:column;gap:8px}
.nrr-achievement-card h3,.nrr-achievement-card p{margin:0}.nrr-achievement-card .challenge-bar{margin-top:auto}.nrr-achievement-card.unlocked{border-color:#a38b58}.nrr-achievement-card.unlocked>.small:first-child{color:var(--ink);font-weight:700}
.nrr-achievement-overlay{position:fixed;inset:0;z-index:2800;background:#100f16b8;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(5px)}
.nrr-achievement-overlay[hidden],.nrr-achievement-banner[hidden]{display:none}
.nrr-achievement-dialog{position:relative;isolation:isolate;width:min(720px,100%);max-height:90dvh;overflow:auto;background:var(--card,var(--panel,#fff));color:var(--ink);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 90px #0006;text-align:center}
.nrr-achievement-message{position:relative;z-index:2;padding:100px clamp(62px,13vw,115px) 32px}.nrr-achievement-message h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(23px,5vw,34px);line-height:1.2;margin:15px 0}.nrr-achievement-message p{font-size:15px;line-height:1.6}.nrr-achievement-message ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:13px;margin:18px 0}.nrr-achievement-message li{border:1px solid var(--line);border-radius:20px;padding:5px 10px}.nrr-achievement-message .btn{margin-top:8px}
#nrrAchievementArt{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:22px}
.nrr-falling-stack{position:absolute;top:18px;height:76px;width:92px;left:calc(50% - 46px)}.nrr-falling-stack i{position:absolute;display:block;bottom:calc(var(--i)*min(8px,65px / var(--count)));left:2px;width:88px;height:min(12px,70px / var(--count));min-height:2px;background:var(--book-color);border-radius:2px 4px 4px 2px;box-shadow:0 1px 1px #0004,inset 0 -1px #f5e7c28a;border-left:5px solid #0002;animation:nrr-book-drop .7s var(--delay) both;transform:rotate(var(--tilt))}
.nrr-book-art.split .nrr-falling-stack{top:auto;bottom:22px;height:75%;width:65px}.nrr-book-art.split .left{left:12px}.nrr-book-art.split .right{left:auto;right:12px}.nrr-book-art.split i{width:60px;bottom:calc(var(--i)*min(8px,230px / var(--count)));height:min(10px,235px / var(--count))}
@keyframes nrr-book-drop{0%{transform:translateY(-480px) rotate(-12deg);opacity:0}15%{opacity:1}76%{transform:translateY(0) rotate(var(--tilt))}88%{transform:translateY(-5px) rotate(0)}100%{transform:translateY(0) rotate(var(--tilt));opacity:1}}
.nrr-party-art{position:absolute;inset:0}.nrr-confetti{position:absolute;left:var(--x);top:-20px;width:6px;height:11px;background:hsl(var(--hue) 40% 63%);animation:nrr-confetti-fall 4.8s var(--delay) both}
@keyframes nrr-confetti-fall{0%{transform:translate(0,-20px) rotate(0);opacity:0}8%{opacity:.9}85%{opacity:.8}100%{transform:translate(var(--drift),var(--nrr-fall-distance,650px)) rotate(640deg);opacity:0}}
.nrr-balloon{position:absolute;left:var(--x);top:-160px;width:51px;height:106px;filter:drop-shadow(2px 3px 3px #0002);animation:nrr-balloon-fall 6.5s var(--delay) both;transform-origin:50% 20%}
@keyframes nrr-balloon-fall{0%{transform:translate(0,-30px) rotate(0);opacity:0}8%{opacity:1}45%{transform:translate(var(--sway),280px) rotate(var(--tilt));opacity:1}88%{opacity:1}100%{transform:translate(0,var(--nrr-fall-distance,800px)) rotate(0);opacity:0}}
canvas.nrr-disco{position:absolute;top:0;left:calc(50% - 110px);width:220px;height:155px}
.nrr-achievement-dialog:has(.nrr-disco) .nrr-achievement-message{padding-top:151px}
canvas.nrr-flame{position:absolute;top:36%;width:74px;height:160px;animation:none}
canvas.nrr-flame.left{left:8px}canvas.nrr-flame.right{right:8px}
.nrr-achievement-banner{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:2801;width:min(560px,calc(100% - 30px));max-height:40dvh;overflow:auto;padding:16px 20px;background:var(--card,var(--panel,#fff));color:var(--ink);border:1px solid #a38b58;border-radius:14px;box-shadow:0 8px 35px #0004}
@media(max-width:420px){.nrr-achievement-message{padding:100px 58px 24px}.nrr-book-art.split i{width:40px}.nrr-book-art.split .nrr-falling-stack{width:44px}.nrr-book-art.split .left{left:6px}.nrr-book-art.split .right{right:6px}canvas.nrr-flame{width:53px;height:143px}canvas.nrr-flame.left{left:0}canvas.nrr-flame.right{right:0}.nrr-balloon{width:38px;height:79px}}
@media(prefers-reduced-motion:reduce){#nrrAchievementArt *{animation:none!important}.nrr-confetti,.nrr-balloon{display:none}}

.nrr-community-tabs{display:flex;gap:5px;margin:8px 0 16px}.nrr-community-tabs .active{background:var(--soft);font-weight:800}.nrr-leaderboard-list{list-style:none;margin:0;padding:0}.nrr-leaderboard-list li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px 8px;border-bottom:1px solid var(--line)}.nrr-leaderboard-list li span{overflow-wrap:anywhere}.nrr-leaderboard-list li.is-me{background:var(--soft);border-radius:8px}.nrr-rank{font-variant-numeric:tabular-nums}.nrr-current-month{border-color:#a98d59}.nrr-monthly-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.nrr-achievement-dialog:has(.nrr-monthly-art) .nrr-achievement-message{padding-bottom:110px}@media(max-width:420px){.nrr-leaderboard-list li{grid-template-columns:26px minmax(0,1fr);gap:5px}.nrr-leaderboard-list li strong{grid-column:2}}

/* Monthly scenery belongs to the screen, not the message card. */
.nrr-celebration-stage{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.nrr-achievement-overlay.nrr-has-screen-animation .nrr-achievement-dialog{z-index:2;width:min(560px,100%);max-height:calc(100dvh - 180px)}
.nrr-achievement-overlay.nrr-has-screen-animation .nrr-achievement-message{padding:28px clamp(24px,6vw,48px) 30px}
@media(max-width:420px){.nrr-achievement-overlay.nrr-has-screen-animation .nrr-achievement-dialog{max-height:calc(100dvh - 140px)}}

.nrr-has-screen-animation:has(.nrr-disco) .nrr-achievement-dialog{margin-top:100px;max-height:calc(100dvh - 220px)}
.nrr-celebration-stage .nrr-balloon{width:clamp(44px,5vw,68px);height:auto}
@media(prefers-reduced-motion:reduce){.nrr-celebration-stage *{animation:none!important}.nrr-celebration-stage .nrr-monthly-art{display:none}}

.nrr-achievement-section{margin:16px 0;border-top:1px solid var(--line);padding-top:12px}.nrr-achievement-section>summary{font-weight:700;cursor:pointer}#achievementCards>details{padding:12px 0;border-bottom:1px solid var(--line)}#achievementCards summary{cursor:pointer}.nrr-profile-update{padding:12px;margin:10px 0;background:var(--soft);border-radius:10px}

/* Opaque, safe-area-aware notifications in browser and installed-app layouts. */
.nrr-achievement-banner{box-sizing:border-box;background-color:var(--panel,#fff);color:var(--ink,#241d21);opacity:1;bottom:calc(16px + env(safe-area-inset-bottom,0px));max-height:50vh;max-height:50dvh;overflow-wrap:anywhere;line-height:1.5}
.nrr-achievement-banner>strong{display:block;margin-bottom:6px}.nrr-achievement-banner .btn{min-height:44px;margin-top:10px}
.nrr-celebration-stage .nrr-falling-stack{top:auto;bottom:28px}
.nrr-celebration-stage .nrr-book-art.split .nrr-falling-stack{height:240px}
.nrr-dragon-gif{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% center;animation:nrr-dragon-scene 8s both;pointer-events:none}
@keyframes nrr-dragon-scene{0%{opacity:0}10%,82%{opacity:1}100%{opacity:0}}
@media(max-width:420px){.nrr-achievement-banner{width:calc(100% - 24px);padding:16px}.nrr-celebration-stage .nrr-book-art.split i{bottom:calc(var(--i)*min(5px,100px / var(--count)));height:min(8px,105px / var(--count))}.nrr-celebration-stage canvas.nrr-flame{top:auto;bottom:16px}}
@media(prefers-reduced-motion:reduce){.nrr-dragon-gif{display:none}}
/* Leave more of the dragon's head visible above May's message. */
.nrr-achievement-overlay.nrr-has-dragon .nrr-achievement-dialog{transform:translateY(clamp(24px,5dvh,48px))}
@media(max-height:500px){.nrr-achievement-overlay.nrr-has-dragon .nrr-achievement-dialog{transform:translateY(12px);max-height:calc(100dvh - 100px)}}

/* Illustrated hardbacks: cloth bindings alternate with exposed paper edges. */
.nrr-celebration-stage .nrr-falling-stack{width:200px;height:280px;left:calc(50% - 100px);bottom:24px}
.nrr-celebration-stage .nrr-falling-stack i{left:var(--book-offset);width:var(--book-width);height:min(32px,260px / var(--count));min-height:0;bottom:calc(var(--i)*min(24px,220px / var(--count)));padding:0;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 2px 1px #0005)}
.nrr-celebration-stage .nrr-falling-stack svg{display:block;width:100%;height:100%;overflow:visible}
.nrr-celebration-stage .nrr-book-art.split .nrr-falling-stack{width:170px;height:360px;left:20px}
.nrr-celebration-stage .nrr-book-art.split .right{left:auto;right:20px}
.nrr-celebration-stage .nrr-book-art.split i{width:calc(var(--book-width)*.85);height:26px;bottom:calc(var(--i)*21px)}
@media(max-width:600px){.nrr-celebration-stage .nrr-book-art.split .nrr-falling-stack{width:110px;left:8px}.nrr-celebration-stage .nrr-book-art.split .right{left:auto;right:8px}.nrr-celebration-stage .nrr-book-art.split i{width:calc(var(--book-width)*.55);height:20px;bottom:calc(var(--i)*16px)}}

/* Full milestone counts, in four piles with unchanged book proportions. */
.nrr-celebration-stage .nrr-book-art.split .nrr-falling-stack{width:min(180px,21vw);height:360px;bottom:24px;right:auto}
.nrr-celebration-stage .nrr-book-art.split .left.first{left:4%}.nrr-celebration-stage .nrr-book-art.split .left.second{left:27%}.nrr-celebration-stage .nrr-book-art.split .right.first{left:50%}.nrr-celebration-stage .nrr-book-art.split .right.second{left:73%}
.nrr-celebration-stage .nrr-book-art.split i{width:100%;height:22px;bottom:calc(var(--i)*17px)}
.nrr-achievement-overlay:has(.nrr-book-art.split){align-items:flex-start;padding-top:70px}
.nrr-achievement-overlay:has(.nrr-book-art.split) .nrr-achievement-dialog{max-height:calc(100dvh - 460px)}
.nrr-achievement-overlay:has(.nrr-book-art.split) .nrr-achievement-message{padding:16px 24px}.nrr-achievement-overlay:has(.nrr-book-art.split) .nrr-achievement-message h2{font-size:26px;margin:8px 0}
.nrr-achievement-overlay:has(.nrr-book-art.split) .nrr-achievement-message p{margin:8px 0}.nrr-achievement-overlay:has(.nrr-book-art.split) .nrr-achievement-message ul{margin:10px 0}
@media(max-width:600px){.nrr-celebration-stage .nrr-book-art.split i{height:14px;bottom:calc(var(--i)*11px);left:0}.nrr-achievement-overlay:has(.nrr-book-art.split) .nrr-achievement-dialog{max-height:calc(100dvh - 380px)}.nrr-achievement-overlay:has(.nrr-book-art.split) .nrr-achievement-message h2{font-size:23px}}
@media(max-height:650px){.nrr-achievement-overlay:has(.nrr-book-art.split){padding-top:64px}.nrr-achievement-overlay:has(.nrr-book-art.split) .nrr-achievement-dialog{max-height:160px}}

/* Twenty-five books stay substantial: thirteen in one pile, twelve in the other. */
.nrr-celebration-stage .nrr-book-art.pair .nrr-falling-stack{width:min(180px,36vw)}
.nrr-celebration-stage .nrr-book-art.pair .left.first{left:12%}.nrr-celebration-stage .nrr-book-art.pair .right.second{left:auto;right:12%}
.nrr-celebration-stage .nrr-book-art.pair i{height:28px;bottom:calc(var(--i)*22px)}
.nrr-achievement-overlay:has(.nrr-book-art[data-books="10"]){align-items:flex-start;padding-top:70px}
.nrr-achievement-overlay:has(.nrr-book-art[data-books="10"]) .nrr-achievement-dialog{max-height:calc(100dvh - 340px)}
@media(max-width:600px){.nrr-celebration-stage .nrr-book-art.pair .left.first{left:9%}.nrr-celebration-stage .nrr-book-art.pair .right.second{right:9%}.nrr-celebration-stage .nrr-book-art.pair i{height:22px;bottom:calc(var(--i)*17px)}}