/* The Pack Diaries: original illustrated moments, framed as an open scrapbook. */
.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}
.diary-photo{margin:0}
.pack-diaries{--chapter-color:#ffc271;background:#fffaf0;padding-top:88px;padding-bottom:85px;position:relative;border-bottom:2px solid var(--ink);overflow:hidden}
.diary-intro{max-width:1280px;margin:0 auto 34px;position:relative;display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:40px}
.diary-intro .eyebrow{display:block;margin-bottom:22px}.diary-intro h2{font:clamp(42px,5.8vw,84px)/.99 Lilita,sans-serif;letter-spacing:-2px}.diary-intro h2>span{color:var(--purple)}
.diary-intro p{max-width:340px;font-size:15px;line-height:1.8;margin:0 0 7px}.diary-volume{display:inline-block;background:var(--pink,#ffb9d3);border:2px solid var(--ink);box-shadow:3px 3px var(--ink);padding:9px 15px;font-size:10px;font-weight:700;letter-spacing:1px;transform:rotate(3deg);margin-bottom:25px}
.diary-tabs{max-width:1280px;margin:0 auto 32px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;position:relative;z-index:2}
.diary-tab{border:1.5px solid var(--ink);background:transparent;color:var(--ink);border-radius:8px;font:700 12px DM,sans-serif;padding:13px 9px;display:flex;align-items:center;gap:9px;justify-content:center;white-space:nowrap;transition:background .2s,transform .2s;cursor:pointer}.diary-tab>span{font-size:9px;opacity:.6}.diary-tab:hover{transform:translateY(-3px);background:#eee4ff}.diary-tab[aria-selected=true]{background:var(--purple);color:#fffaf0;box-shadow:3px 3px var(--ink)}
.diary-spread{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr .92fr;gap:6%;align-items:center}
.diary-visual{min-width:0;position:relative}.diary-photo{position:relative;padding:10px 10px 0;background:#fffaf0;border:2px solid var(--ink);border-radius:9px;box-shadow:8px 9px var(--ink);transform:rotate(-1.5deg);isolation:isolate;touch-action:pan-y}
.diary-photo:before{content:'';position:absolute;z-index:2;left:38%;top:-13px;width:26%;height:27px;background:#d8fa89d9;border-left:1px dashed #76913a;border-right:1px dashed #76913a;transform:rotate(5deg)}
.atlas-window{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:var(--chapter-color);isolation:isolate}.atlas-window>img{position:absolute;max-width:none!important;max-height:none!important;object-fit:fill;display:block;pointer-events:none}
.diary-photo>.atlas-window{border-radius:4px;border:1px solid #2e194633}.diary-photo figcaption{padding:13px 6px;display:flex;justify-content:space-between;gap:10px;font:700 9px DM,sans-serif;letter-spacing:1px}.diary-photo figcaption b{color:var(--purple)}
.diary-spark{position:absolute;right:-22px;top:-24px;font:70px/1 Lilita,sans-serif;transform:rotate(12deg);color:var(--purple);text-shadow:2px 2px #fffaf0;z-index:4;animation:diary-spark 8s ease-in-out infinite}
.diary-moments{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:32px}.diary-moment{background:none;border:0;padding:0;min-width:0;text-align:left;cursor:pointer;color:var(--ink)}.diary-moment>.atlas-window{border:2px solid transparent;border-radius:6px;opacity:.68;transition:opacity .2s,transform .2s,border-color .2s}.diary-moment[aria-pressed=true]>.atlas-window{opacity:1;border-color:var(--purple);box-shadow:3px 3px var(--purple)}.diary-moment:hover>.atlas-window{opacity:1;transform:translateY(-3px)}.moment-label{display:block;font-size:10px;font-weight:700;margin-top:10px;line-height:1.4}.diary-swipe{display:none}
.diary-text{min-width:0;padding:10px 0}.diary-chapter{font-size:10px;font-weight:700;letter-spacing:1.4px;display:block;margin-bottom:22px;color:var(--purple)}.diary-text h3{font:clamp(32px,3.9vw,57px)/1.02 Lilita,sans-serif;letter-spacing:-1px;margin:0 0 20px;max-width:500px}
.diary-details{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.diary-details>span{border:1px solid #2e19462e;border-radius:99px;padding:6px 9px;font-size:8px;font-weight:700;letter-spacing:.8px}.diary-details>span:first-child{background:var(--chapter-color);border-color:transparent;transition:background .3s}
.diary-prose{font-size:15px;line-height:1.85;margin:0 0 25px;max-width:470px}.diary-dialogue{display:grid;gap:12px;max-width:470px}.diary-dialogue>div{padding:13px 17px;border-radius:12px 12px 12px 0;background:#eee5ff;border:1px solid #2e194619;margin-right:25px;position:relative}.diary-dialogue>div:last-child{background:#ffe2bf;border-radius:12px 12px 0 12px;margin-right:0;margin-left:25px}.diary-dialogue b{font:700 8px DM,sans-serif;letter-spacing:1.6px;display:block;color:var(--purple);margin-bottom:5px}.diary-dialogue>div:last-child b{color:#9e480e}.diary-dialogue p{font-size:13px;line-height:1.6;margin:0}
.diary-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px}.diary-actions .button{min-height:48px;padding:12px 18px;font-size:12px;gap:15px}.diary-actions .button svg{width:19px;height:19px}.diary-random{background:none;border:0;font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:5px;cursor:pointer;color:var(--ink);padding:10px 0}
.diary-controls{display:flex;align-items:center;gap:10px;margin-top:28px;padding-top:23px;border-top:1px solid #2e194633}.diary-arrow{width:40px;height:40px;border:1.5px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);font-size:23px;cursor:pointer;transition:background .2s,transform .2s}.diary-arrow:hover{background:var(--chapter-color);transform:translateY(-2px)}.diary-controls>span{font-size:11px;font-weight:700;min-width:55px;text-align:center;font-variant-numeric:tabular-nums}.diary-play{margin-left:auto;background:none;border:0;font-size:11px;font-weight:700;color:var(--ink);padding:12px 0 12px 12px;cursor:pointer}.diary-play:disabled{opacity:.5;cursor:default}
.diary-meter{height:3px;background:#2e19461a;margin:17px 0 12px;overflow:hidden;border-radius:3px}.diary-meter>span{display:block;height:100%;width:5.55%;background:var(--purple);transition:width .4s}.diary-discovered{font-size:9px;letter-spacing:.4px;display:block;color:#695d79}.diary-note{font-size:11px;line-height:1.7;font-style:italic;color:#695d79;margin-top:20px}
.diary-signoff{max-width:1280px;margin:44px auto 0;border-top:1px dashed #2e19464d;padding-top:23px;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:10px;font-weight:700;letter-spacing:.5px}.diary-signoff>span:last-child{font:24px Lilita,sans-serif;color:var(--purple);transform:rotate(-2deg)}
.meme-scene-info{margin:0 0 20px;background:#eee5ff;border:1px solid #2e19462b;border-radius:8px;padding:12px 14px;font-size:11px;line-height:1.6}.meme-scene-info[hidden]{display:none}.meme-scene-info strong{display:block;color:var(--purple)}.meme-scene-info button{background:none;border:0;padding:4px 0;font-size:10px;font-weight:700;text-decoration:underline;color:var(--ink);cursor:pointer}
.diary-enter .atlas-window{animation:diary-arrive .5s ease-out}.diary-enter+.diary-spark{animation:diary-spark 8s ease-in-out infinite}
@keyframes diary-arrive{from{opacity:.4;transform:scale(.975)}to{opacity:1;transform:scale(1)}}@keyframes diary-spark{0%,100%{transform:rotate(12deg) scale(1)}50%{transform:rotate(45deg) scale(.85)}}
.motion-off .diary-spark,.motion-off .diary-enter .atlas-window{animation:none}.motion-off .diary-meter>span{transition:none}
@media(max-width:1000px){.diary-intro{gap:25px}.diary-tabs{gap:6px}.diary-tab{font-size:10px;padding:12px 6px;gap:6px}.diary-spread{gap:5%;grid-template-columns:1fr 1fr}.diary-prose{font-size:13px;line-height:1.75}.diary-text h3{font-size:38px}.diary-dialogue p{font-size:11px}.diary-actions{gap:13px}.diary-actions .button{font-size:10px;padding:12px}.diary-random{font-size:10px}.diary-moments{gap:10px}.moment-label{font-size:9px}.diary-intro p{font-size:13px}}
@media(max-width:700px){.pack-diaries{padding-top:57px;padding-bottom:45px}.diary-intro{display:block;margin-bottom:25px}.diary-intro h2{font-size:51px;letter-spacing:-1.3px}.diary-intro p{margin-top:20px;max-width:100%;font-size:13px}.diary-intro .eyebrow{font-size:8px;margin-bottom:17px}.diary-volume{position:absolute;right:0;top:-14px;font-size:7px;padding:7px 8px;margin:0;transform:rotate(5deg)}.diary-intro>.diary-intro-aside{padding-top:0}.diary-tabs{display:flex;overflow-x:auto;gap:8px;padding:3px 4px 9px;margin-bottom:25px;scrollbar-width:thin;scrollbar-color:var(--purple) transparent}.diary-tab{flex:none;padding:11px 15px;font-size:10px}.diary-spread{display:flex;flex-direction:column;gap:25px}.diary-visual{width:100%;max-width:480px;margin:auto}.diary-photo{box-shadow:5px 6px var(--ink);transform:rotate(-1deg);padding:7px 7px 0}.diary-photo figcaption{font-size:7px;padding:10px 4px}.diary-photo:before{height:22px;top:-10px}.diary-spark{font-size:48px;right:-13px;top:-20px}.diary-moments{gap:10px;margin-top:23px}.moment-label{font-size:8px;margin-top:8px}.diary-swipe{display:block;text-align:center;font-size:8px;letter-spacing:.8px;margin-top:13px;color:#695d79}.diary-text{width:100%;padding:0}.diary-chapter{font-size:8px;margin-bottom:14px}.diary-text h3{font-size:43px;margin-bottom:16px}.diary-details{margin-bottom:15px}.diary-details>span{font-size:7px}.diary-prose{font-size:13px;line-height:1.85;margin-bottom:20px}.diary-dialogue p{font-size:12px}.diary-dialogue>div{padding:12px 15px}.diary-actions{gap:21px;margin-top:23px}.diary-actions .button{font-size:11px;padding:12px 15px}.diary-controls{margin-top:23px;padding-top:17px}.diary-note{font-size:10px}.diary-signoff{margin-top:28px;gap:15px;font-size:8px;line-height:1.6}.diary-signoff>span:last-child{font-size:19px;min-width:95px;text-align:right}}
@media(prefers-reduced-motion:reduce){.diary-spark,.diary-enter .atlas-window{animation:none}.diary-meter>span{transition:none}}