:root{--bg:#efe4cb;--surface:#fbf4e3;--surface-2:#f4ead2;--ink:#2b2016;--ink-soft:#6b5a44;--accent:#9c2b23;--accent-ink:#fbf1de;--leaf:#3f5d3a;--gold:#a97a24;--arcane:#6e4a8c;--line:#cdb98a;--line-soft:#e0d3ac;--shadow:0 1px 2px #2b201614, 0 8px 20px -12px #2b201659;--dot:#2b20160f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14100a;--surface:#1d1710;--surface-2:#241c13;--ink:#ecdfc2;--ink-soft:#b3a281;--accent:#e07a6c;--accent-ink:#241109;--leaf:#8bab7d;--gold:#d9ab55;--arcane:#b48fd1;--line:#3c3020;--line-soft:#2a2216;--shadow:0 1px 2px #0006, 0 12px 24px -14px #0009;--dot:#ecdfc20d}}:root[data-theme=dark]{--bg:#14100a;--surface:#1d1710;--surface-2:#241c13;--ink:#ecdfc2;--ink-soft:#b3a281;--accent:#e07a6c;--accent-ink:#241109;--leaf:#8bab7d;--gold:#d9ab55;--arcane:#b48fd1;--line:#3c3020;--line-soft:#2a2216;--shadow:0 1px 2px #0006, 0 12px 24px -14px #0009;--dot:#ecdfc20d}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(var(--dot) 1px, transparent 1px) 0 0/16px 16px, var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:"Source Serif 4",Georgia,Times New Roman,serif}#root{max-width:1180px;margin:0 auto;padding:40px 24px 80px}.archive-header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:34px;display:flex}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:11.5px;font-weight:600}h1{text-wrap:balance;letter-spacing:-.01em;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(32px,5vw,50px);font-style:italic;font-weight:700;line-height:1.05}.sub{color:var(--ink-soft);max-width:56ch;margin:0;font-size:15.5px;line-height:1.55}.roster{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.roster-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:999px;align-items:center;gap:8px;padding:5px 10px 5px 6px;font-family:JetBrains Mono,monospace;font-size:12px;display:inline-flex}.roster-chip.dm{background:color-mix(in srgb, var(--arcane) 16%, var(--surface));border-color:var(--arcane)}.roster-chip.dm .roster-avatar{border-color:var(--arcane)}.roster-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;padding:0;display:block}.roster-avatar{object-fit:cover;border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:block}.roster-avatar-fallback{background:var(--leaf);color:var(--accent-ink);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.roster-chip.dm .roster-avatar-fallback{background:var(--arcane)}.roster-names{flex-direction:column;line-height:1.2;display:flex}.roster-character{color:var(--ink-soft)}.roster-chip.you .roster-character{color:var(--ink)}.roster-player{letter-spacing:.02em;color:var(--ink-soft);font-size:10px}.roster-hosted{letter-spacing:.02em;color:var(--ink-soft);font-size:10px;font-style:italic}.roster-chip.you{border-color:var(--accent);color:var(--ink)}.roster-chip .tag{letter-spacing:.08em;color:var(--ink-soft);font-size:9.5px}.campaign-ruleset{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-family:JetBrains Mono,monospace;font-size:11px;font-style:normal;font-weight:600}.campaign-status{letter-spacing:.08em;text-transform:uppercase;color:var(--leaf);border:1px solid var(--leaf);border-radius:999px;padding:3px 9px;font-family:JetBrains Mono,monospace;font-size:11px;font-style:normal;font-weight:600}.redacted-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);border-radius:999px;align-self:flex-start;margin-bottom:6px;margin-right:8px;padding:3px 9px;font-family:JetBrains Mono,monospace;font-size:11px;font-style:normal;font-weight:600;display:inline-block}.campaign-picker{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.campaign-pick{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:inherit;border-radius:12px;flex-direction:column;padding:22px 22px 20px;text-decoration:none;transition:transform .12s,border-color .12s;display:flex}.campaign-pick:hover{border-color:var(--accent);transform:translateY(-2px)}.campaign-badges{flex-wrap:wrap;gap:8px;display:flex}.campaign-pick .campaign-badges{margin-bottom:10px}.campaign-pick h2{margin:0 0 8px;font-family:Fraunces,Georgia,serif;font-size:clamp(20px,3vw,26px);font-weight:700}.campaign-count{letter-spacing:.02em;color:var(--accent);margin-top:auto;padding-top:14px;font-family:JetBrains Mono,monospace;font-size:12px}.campaign-dates{letter-spacing:.02em;color:var(--ink-soft);margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:12px}.campaign-subtitle{color:var(--ink-soft);max-width:68ch;margin:0;font-size:14px;line-height:1.5}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px;display:grid}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:visible}.stamp{z-index:2;background:var(--accent);color:var(--accent-ink);letter-spacing:.02em;border-radius:7px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;position:absolute;top:-12px;left:18px;transform:rotate(-3deg);box-shadow:0 4px 10px -4px #0006}.frame{background:repeating-linear-gradient(135deg, var(--dot) 0 2px, transparent 2px 8px), var(--surface-2);aspect-ratio:3/4;border-bottom:1px solid var(--line-soft);border-radius:12px 12px 0 0;justify-content:center;align-items:center;margin-top:14px;display:flex;position:relative;overflow:hidden}.frame-btn{cursor:zoom-in;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;display:block}.frame img{object-fit:contain;cursor:zoom-in;width:100%;height:100%;display:block}.missing{width:100%;height:100%;color:var(--ink-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.missing svg{opacity:.55;width:28px;height:28px}.missing .hint{font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5}.missing .hint code{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.card-body{flex-direction:column;gap:12px;padding:16px 18px 18px;display:flex}.when{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.date-text{color:var(--ink);font-family:JetBrains Mono,monospace;font-size:13px}.host-text{color:var(--ink-soft);font-size:13px;font-style:italic}.day{color:var(--ink-soft);letter-spacing:.03em;font-family:JetBrains Mono,monospace;font-size:12px}.share-link{letter-spacing:.02em;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;align-self:flex-start;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;transition:color .12s,border-color .12s}.share-link:hover{color:var(--accent);border-color:var(--accent)}.lightbox-caption .share-link{color:#f2e6c8;border-color:#f2e6c859;margin-top:8px;display:inline-block}.lightbox-caption .share-link:hover{color:#fff;border-color:#fff}.share-page{flex-direction:column;gap:22px;max-width:420px;margin:56px auto;padding:0 24px 80px;display:flex}.back-link{letter-spacing:.02em;color:var(--ink-soft);font-family:JetBrains Mono,monospace;font-size:12px;text-decoration:none}.back-link:hover{color:var(--accent)}.back-link+.archive-header{margin-top:20px}.share-card{margin-top:6px}.site-footer{text-align:center;letter-spacing:.03em;color:var(--ink-soft);opacity:.75;margin-top:48px;font-family:JetBrains Mono,monospace;font-size:11px}.lightbox{z-index:50;background:#0a0703db;justify-content:center;align-items:center;padding:min(3vw,30px);transition:padding .15s;animation:.15s fade;display:flex;position:fixed;inset:0}.lightbox.zoomed{padding:min(2vw,20px)}.lightbox-backdrop{cursor:default;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.lightbox[hidden]{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}.lightbox-image-wrap{cursor:zoom-in;touch-action:none;scrollbar-width:none;background:0 0;border:none;border-radius:6px;max-width:100%;max-height:90vh;padding:0;transition:max-width .15s,max-height .15s;display:block;position:relative;overflow:auto;box-shadow:0 20px 60px #00000080}.lightbox-image-wrap::-webkit-scrollbar{display:none}.lightbox img{object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;border-radius:6px;max-width:100%;max-height:90vh;display:block}.lightbox-image-wrap.zoomed{cursor:grab}.lightbox-image-wrap.zoomed:active{cursor:grabbing}.lightbox-image-wrap.zoomed img{width:220%;max-width:none;max-height:none}.lightbox-inner{flex-direction:column;align-items:center;gap:14px;max-width:96vw;display:flex;position:relative}.lightbox-caption{color:#f2e6c8;letter-spacing:.03em;text-align:center;font-family:JetBrains Mono,monospace;font-size:13px}.lightbox-caption b{color:#fff;font-weight:600}.lb-btn{color:#f2e6c8;cursor:pointer;background:#140e088c;border:1px solid #fbf4e34d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.lb-btn:hover{background:#140e08bf}.lb-btn svg{width:20px;height:20px}.lb-btn.prev{left:min(3vw,24px)}.lb-btn.next{right:min(3vw,24px)}.lb-close svg{width:16px;height:16px}.lb-close{color:#f2e6c8;cursor:pointer;background:#140e088c;border:1px solid #fbf4e34d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex;position:fixed;top:20px;right:24px}