@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
.author{display:inline-flex;align-items:center;gap:8px;min-height:40px}.author strong{color:var(--ink);font-weight:650}.profile-visual{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;flex:0 0 42px}.profile-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.profile-decoration{position:absolute;inset:-3px;width:48px;height:48px;object-fit:contain;pointer-events:none}.role-icon{width:18px;height:18px;object-fit:contain;flex:0 0 18px}
[hidden]{display:none!important}.gallery-item.is-broken{position:relative;cursor:default}.gallery-item.is-broken img{display:none}.gallery-item.is-broken:after{content:"Image unavailable — original source retained";display:grid;place-items:center;min-height:180px;padding:20px;color:var(--muted);font:500 .72rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.05em}
:root{--ink:#f4f4f2;--muted:#9298a7;--bg:#080b12;--panel:#10141d;--panel2:#151a25;--line:#252b38;--red:#ed4b3e;--gold:#f1c46b;--max:1240px;color-scheme:dark;font-family:Manrope,system-ui,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 75% -10%,rgba(237,75,62,.11),transparent 34%),var(--bg);line-height:1.65}.ambient{position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 60%)}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.7rem 1rem;background:#fff;color:#000}.skip-link:focus{top:1rem}.site-header{height:82px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--red);font-weight:800;font-size:1.3rem;transform:skew(-6deg);box-shadow:6px 6px 0 #421917}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.08}.brand strong{letter-spacing:.12em}.brand small{color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.archive-status{display:flex;align-items:center;gap:7px;color:var(--muted);font:500 .78rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.04em}.archive-status strong{color:var(--ink)}.pulse{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(237,75,62,.12)}main{max-width:var(--max);margin:auto;padding:0 24px}.intro{min-height:330px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:72px 0 54px;border-bottom:1px solid var(--line)}.eyebrow{font:500 .74rem DM Mono,monospace;letter-spacing:.22em;color:var(--red);margin:0 0 16px}.intro h1{font-size:clamp(2.75rem,7vw,5.4rem);line-height:.93;letter-spacing:-.065em;margin:0;max-width:720px}.intro h1 span{color:#707684}.intro>div>p:last-child{font-size:1.02rem;color:var(--muted);max-width:600px;margin:25px 0 0}.intro-stat{border-left:2px solid var(--red);padding:2px 0 2px 18px;flex:none;margin-bottom:8px}.intro-stat span,.intro-stat strong{display:block}.intro-stat span{text-transform:uppercase;font:500 .68rem DM Mono,monospace;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}.intro-stat strong{font-size:.95rem}.archive-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:54px;padding:54px 0 90px}.filter-panel{position:sticky;top:24px;align-self:start;border:1px solid var(--line);background:rgba(16,20,29,.84);backdrop-filter:blur(14px);padding:22px}.filter-heading{display:flex;justify-content:space-between;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--line)}.filter-heading span{display:block;text-transform:uppercase;color:var(--red);font:500 .66rem DM Mono,monospace;letter-spacing:.1em}.filter-heading strong{font-size:1.08rem}.filter-heading button{background:none;border:0;color:var(--muted);font:500 .73rem DM Mono,monospace;text-transform:uppercase;cursor:pointer}.filter-heading button:hover{color:var(--ink)}label span{display:block;color:var(--muted);font:500 .7rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.search-label{display:block;margin:20px 0}.search-label input,select{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:3px;background:#0c1018;color:var(--ink);font:500 .88rem Manrope,sans-serif;outline:none}.search-label input:focus,select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(237,75,62,.1)}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px}.filter-grid label:last-child{grid-column:1/-1}.result-bar{min-height:42px;display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);margin-bottom:26px}.result-bar p{margin:0;color:var(--muted);font:500 .73rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}.result-bar p:first-child{color:var(--ink)}#timeline{display:flex;flex-direction:column;gap:22px}.update-card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(22,27,38,.94),rgba(13,17,25,.96));padding:28px;overflow:hidden;animation:enter .35s ease both}.update-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--red)}.update-card[hidden]{display:none}.update-meta{display:flex;align-items:center;gap:16px;margin-bottom:22px}.timestamp{text-decoration:none}.timestamp time{display:flex;align-items:baseline;gap:10px}.timestamp span{font:500 .73rem DM Mono,monospace;color:var(--gold);text-transform:uppercase;letter-spacing:.07em}.timestamp strong{font:500 .82rem DM Mono,monospace;color:var(--ink)}.author{font-size:.76rem;color:var(--muted);border-left:1px solid var(--line);padding-left:16px}.copy-link{margin-left:auto;border:0;background:transparent;color:var(--muted);cursor:pointer;font:500 .7rem DM Mono,monospace;text-transform:uppercase}.copy-link:hover{color:var(--ink)}.post-content{font-size:1rem;white-space:normal;overflow-wrap:anywhere}.post-content a,.post-links a{color:#85b9ff;text-underline-offset:3px}.gallery{display:grid;gap:8px;margin-top:24px;border-radius:5px;overflow:hidden}.gallery-2,.gallery-3,.gallery-4{grid-template-columns:repeat(2,1fr)}.gallery-3 .gallery-item:first-child{grid-row:span 2}.gallery-item{border:0;padding:0;background:#06080d;cursor:zoom-in;min-height:180px;overflow:hidden}.gallery-item img{display:block;width:100%;height:100%;max-height:620px;object-fit:cover;transition:transform .25s ease}.gallery-1 .gallery-item img{object-fit:contain}.gallery-item:hover img{transform:scale(1.015)}.attachments{display:grid;gap:9px;margin-top:20px}.attachment{display:flex;align-items:center;gap:13px;border:1px solid var(--line);padding:13px;text-decoration:none;background:rgba(255,255,255,.02)}.attachment:hover{border-color:#434b5c}.attachment-icon{display:grid;place-items:center;width:36px;height:36px;background:#202634;color:var(--gold)}.attachment strong,.attachment small{display:block}.attachment strong{font-size:.84rem}.attachment small{font-size:.7rem;color:var(--muted)}.post-links{display:flex;flex-direction:column;gap:6px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line);font-size:.82rem;overflow-wrap:anywhere}.empty-state,.no-results{text-align:center;padding:70px 25px;border:1px dashed #313847}.empty-state span{font:500 .7rem DM Mono,monospace;color:var(--red);letter-spacing:.15em}.empty-state h2,.no-results h2{font-size:1.55rem;margin:10px 0 4px}.empty-state p,.no-results p{color:var(--muted);margin:0}.load-more{display:block;margin:28px auto 0;border:1px solid #4a5264;background:transparent;color:var(--ink);padding:13px 22px;font:600 .76rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.load-more:hover{background:var(--ink);color:var(--bg)}footer{max-width:var(--max);margin:auto;padding:25px 24px 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem}dialog{width:min(96vw,1400px);height:min(94vh,1000px);border:0;padding:0;background:rgba(3,5,9,.96);overflow:hidden}dialog::backdrop{background:rgba(0,0,0,.84)}dialog img{display:block;width:100%;height:100%;object-fit:contain}dialog button{position:absolute;right:14px;top:14px;z-index:1;width:42px;height:42px;border:1px solid #555;background:#080b12;color:#fff;font-size:1.5rem;cursor:pointer}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;background:#f4f4f2;color:#080b12;padding:9px 15px;font-size:.8rem;transition:.2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes enter{from{opacity:0;transform:translateY(8px)}}@media(max-width:850px){.intro{align-items:start;flex-direction:column;padding:55px 0 42px;min-height:auto}.intro-stat{margin-top:8px}.archive-shell{grid-template-columns:1fr;gap:28px;padding-top:35px}.filter-panel{position:static}.filter-grid{grid-template-columns:repeat(3,1fr)}.filter-grid label:last-child{grid-column:auto}}@media(max-width:600px){.site-header{height:70px;padding:0 16px}.archive-status{font-size:.67rem}.archive-status span:not(.pulse){display:none}main{padding:0 16px}.intro{padding-top:43px}.intro h1{font-size:3rem}.intro>div>p:last-child{font-size:.94rem}.filter-panel{padding:17px}.filter-grid{grid-template-columns:1fr 1fr}.filter-grid label:last-child{grid-column:1/-1}.result-bar p:last-child{display:none}.update-card{padding:20px 17px}.update-meta{align-items:flex-start;flex-wrap:wrap;gap:9px 13px}.timestamp time{display:block}.timestamp strong{display:block;margin-top:4px}.author{order:3;width:100%;border-left:0;padding:0}.copy-link{font-size:.65rem}.gallery-2,.gallery-3,.gallery-4{grid-template-columns:1fr}.gallery-3 .gallery-item:first-child{grid-row:auto}.gallery-item{min-height:150px}.gallery-item img{max-height:450px}footer{padding-inline:16px;flex-direction:column;gap:5px}.archive-status{max-width:130px;text-align:right}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Loaded after the base stylesheet so the author row has one definitive layout. */
.intro > div:first-child {
  flex: 1 1 auto;
  min-width: 0;
}

.hero-banner {
  width: min(100%, 768px);
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: #06080d;
  box-shadow: 10px 10px 0 rgba(237, 75, 62, .13);
}

.hero-banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-gallery {
  display: grid;
  gap: 8px;
  margin-top: 24px;
  overflow: hidden;
  border-radius: 5px;
  background: #06080d;
}

.video-gallery video {
  display: block;
  width: 100%;
  max-height: 620px;
  object-fit: contain;
}

.inline-message-image {
  display: inline-block;
  width: 1.35em;
  height: 1.35em;
  margin: 0 .08em;
  vertical-align: -.24em;
  object-fit: contain;
}

.discord-bullet-line {
  display: flex;
  align-items: flex-start;
  gap: .65em;
  margin: .18em 0;
}

.discord-bullet {
  flex: 0 0 auto;
  color: var(--gold);
  font-weight: 700;
}

.update-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 46px;
}

.update-meta .timestamp {
  flex: 0 0 auto;
}

.update-meta .author {
  order: initial;
  width: auto;
  min-width: 0;
  min-height: 44px;
  margin: 0;
  padding: 0 0 0 16px;
  border-left: 1px solid var(--line);
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.25;
  white-space: nowrap;
}

.update-meta .author > span:not(.profile-visual) {
  display: inline;
}

.update-meta .author strong {
  color: var(--ink);
  font-weight: 700;
  margin-left: .5rem;
}

.update-meta .profile-visual {
  position: relative;
  display: block;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
}

.update-meta .profile-avatar {
  position: absolute;
  left: 3px;
  top: 3px;
  display: block;
  width: 36px;
  height: 36px;
  max-width: none;
  border-radius: 50%;
  object-fit: cover;
}

.update-meta .profile-decoration {
  position: absolute;
  inset: -3px;
  z-index: 1;
  display: block;
  width: 48px;
  height: 48px;
  max-width: none;
  object-fit: contain;
  pointer-events: none;
}

.update-meta .role-icon {
  display: block;
  width: 18px;
  height: 18px;
  max-width: 18px;
  flex: 0 0 18px;
  object-fit: contain;
}

.update-meta .copy-link {
  flex: 0 0 auto;
  margin-left: auto;
}

@media (max-width: 1100px) {
  .update-meta {
    align-items: center;
    flex-wrap: wrap;
  }

  .update-meta .author {
    order: 3;
    width: 100%;
    padding: 8px 0 0;
    border-left: 0;
    border-top: 1px solid var(--line);
  }
}

