@font-face{font-family:Tintin;src:url(/fonts/tintin.ttf) format("truetype");font-weight:700;font-display:swap}[data-astro-cid-j7pv25f6]{margin:0;padding:0;box-sizing:border-box}:root{--cream: #f5f1e8;--paper: #faf8f3;--ink-dark: #2a2520;--ink-brown: #4a3f35;--warm-tan: #d4c4a8;--warm-brown: #8b7355;--accent-red: #c84b31;--accent-teal: #62ada7;--accent-blue: #4d94ff;--shadow: rgba(42, 37, 32, .15)}body{background:linear-gradient(135deg,#e8dcc4,#f5f1e8,#ecdfc9);color:var(--ink-dark);font-family:Inter,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;padding:2rem 1rem}.comic-page[data-astro-cid-j7pv25f6]{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.panel[data-astro-cid-j7pv25f6]{background:var(--paper);border:3px solid var(--ink-dark);border-radius:8px;padding:2rem;position:relative;box-shadow:4px 4px 0 var(--shadow),0 0 0 1px #ffffff80 inset}.panel[data-astro-cid-j7pv25f6]:before{content:"";position:absolute;inset:-3px;border:3px solid var(--ink-dark);border-radius:8px;opacity:.3;pointer-events:none;filter:blur(.5px)}.panel-content[data-astro-cid-j7pv25f6]{position:relative;z-index:1}.panel-hero[data-astro-cid-j7pv25f6]{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#faf8f3,#f5f1e8)}.panel-row[data-astro-cid-j7pv25f6]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.panel-medium[data-astro-cid-j7pv25f6],.panel-small[data-astro-cid-j7pv25f6]{min-height:240px;display:flex;align-items:center}.panel-status[data-astro-cid-j7pv25f6],.panel-screenshot[data-astro-cid-j7pv25f6],.panel-footer[data-astro-cid-j7pv25f6]{background:var(--cream)}.phase-badge[data-astro-cid-j7pv25f6]{display:inline-block;padding:.5rem 1.5rem;background:var(--warm-tan);border:2px solid var(--ink-dark);border-radius:20px;font-family:Inder,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;margin-bottom:1.5rem;box-shadow:2px 2px 0 var(--shadow)}.logo-image[data-astro-cid-j7pv25f6]{max-width:clamp(280px,60vw,590px);height:auto;margin:0 auto 1rem;display:block;filter:drop-shadow(3px 3px 0 rgba(98,173,167,.2))}.subtitle[data-astro-cid-j7pv25f6]{font-family:Inder,sans-serif;font-size:clamp(1.25rem,2.5vw,1.75rem);color:var(--accent-red);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.5rem;font-weight:600}.tagline[data-astro-cid-j7pv25f6]{font-size:clamp(1rem,2vw,1.25rem);color:var(--ink-brown);max-width:42rem;margin:0 auto 2rem;line-height:1.65}.feature-icon[data-astro-cid-j7pv25f6]{font-size:3rem;margin-bottom:1rem}.panel-title[data-astro-cid-j7pv25f6]{font-family:Tintin,Teko,sans-serif;font-size:clamp(1.5rem,3vw,2.25rem);color:var(--accent-red);margin-bottom:.75rem;font-weight:700}.panel-text[data-astro-cid-j7pv25f6]{color:var(--ink-brown);line-height:1.7;font-size:.9375rem}.status-title[data-astro-cid-j7pv25f6]{font-family:Tintin,Teko,sans-serif;font-size:2rem;color:var(--ink-dark);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.status-grid[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:1.25rem}.status-item[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:.5rem}@media(min-width:768px){.status-item[data-astro-cid-j7pv25f6]{flex-direction:row;gap:1rem}}.status-label[data-astro-cid-j7pv25f6]{font-family:Inder,sans-serif;font-weight:700;color:var(--ink-dark);min-width:10rem;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.status-value[data-astro-cid-j7pv25f6]{color:var(--ink-brown)}.status-list[data-astro-cid-j7pv25f6]{color:var(--ink-brown);list-style:none;padding-left:0}.status-list[data-astro-cid-j7pv25f6] li[data-astro-cid-j7pv25f6]:before{content:"• ";color:var(--accent-red);font-weight:700;margin-right:.5rem}.status-link[data-astro-cid-j7pv25f6]{color:var(--accent-teal);text-decoration:underline;font-weight:600}.status-link[data-astro-cid-j7pv25f6]:hover{color:var(--accent-blue)}.status-divider[data-astro-cid-j7pv25f6]{color:var(--ink-brown);margin:0 .5rem}.screenshot-placeholder[data-astro-cid-j7pv25f6]{aspect-ratio:16 / 9;background:linear-gradient(135deg,#d4c4a8,#c9b895);border:2px solid var(--ink-dark);border-radius:6px;display:flex;align-items:center;justify-content:center;margin:1.5rem 0;box-shadow:inset 0 2px 4px #0000001a}.placeholder-content[data-astro-cid-j7pv25f6]{text-align:center}.placeholder-icon[data-astro-cid-j7pv25f6]{font-size:4rem;margin-bottom:1rem}.placeholder-title[data-astro-cid-j7pv25f6]{font-family:Inder,sans-serif;font-size:1.5rem;color:var(--ink-dark);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.placeholder-subtitle[data-astro-cid-j7pv25f6]{color:var(--ink-brown);margin-top:.5rem}.screenshot-label[data-astro-cid-j7pv25f6]{text-align:center;font-size:.75rem;color:var(--ink-brown);font-family:Inder,sans-serif;text-transform:uppercase;letter-spacing:.05em}.cta-group[data-astro-cid-j7pv25f6]{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1.5rem 0}.btn[data-astro-cid-j7pv25f6]{display:inline-block;padding:.875rem 2rem;font-family:Inder,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.9375rem;border-radius:6px;border:2px solid var(--ink-dark);text-decoration:none;transition:all .2s ease;box-shadow:3px 3px 0 var(--shadow);position:relative}.btn[data-astro-cid-j7pv25f6]:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}.btn[data-astro-cid-j7pv25f6]:active{transform:translate(3px,3px);box-shadow:none}.btn-primary[data-astro-cid-j7pv25f6]{background:var(--accent-red);color:#fff}.btn-primary[data-astro-cid-j7pv25f6]:hover{background:#d65a43}.btn-secondary[data-astro-cid-j7pv25f6]{background:var(--paper);color:var(--ink-dark)}.btn-secondary[data-astro-cid-j7pv25f6]:hover{background:var(--warm-tan)}.footer-title[data-astro-cid-j7pv25f6]{font-family:Tintin,Teko,sans-serif;font-size:clamp(2rem,4vw,2.75rem);color:var(--ink-dark);margin-bottom:1rem;text-align:center}.footer-text[data-astro-cid-j7pv25f6]{text-align:center;color:var(--ink-brown);max-width:42rem;margin:1.5rem auto 0}.site-footer[data-astro-cid-j7pv25f6]{margin-top:3rem;padding:2rem 1rem;text-align:center;border-top:2px solid var(--ink-dark);background:#ffffff4d;border-radius:8px}.footer-links[data-astro-cid-j7pv25f6]{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:1rem}.footer-links[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{color:var(--ink-brown);text-decoration:none;font-weight:600;transition:color .2s ease}.footer-links[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]:hover{color:var(--accent-red)}.footer-tagline[data-astro-cid-j7pv25f6]{color:var(--ink-brown);font-size:.875rem;font-style:italic;font-family:Inder,sans-serif}@media(max-width:640px){body{padding:1rem .5rem}.panel[data-astro-cid-j7pv25f6]{padding:1.5rem 1rem}.panel-hero[data-astro-cid-j7pv25f6]{padding:2rem 1rem}.cta-group[data-astro-cid-j7pv25f6]{flex-direction:column;align-items:stretch}.btn[data-astro-cid-j7pv25f6]{width:100%;text-align:center}.footer-links[data-astro-cid-j7pv25f6]{flex-direction:column;gap:1rem}}

.hero-illustration[data-astro-cid-j7pv25f6]{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;margin:1.5rem 0;border-radius:6px}

/* Hero panel full-bleed home-hero treatment.
   Panel background matches the IMAGE's bottom-row pixel (#1f2526 —
   sampled from the rendered output at the seam, not the artwork's
   very-bottom anti-aliased edge) so the image visually bleeds into
   the panel below it. The box-shadow override drops the 1px white
   inset shadow that .panel inherits — that inset paints a faint line
   right at the image bottom. Padding-bottom trimmed from 3rem to 1rem
   so there's less dead space after the Play Now / Discord buttons. */
.panel-hero[data-astro-cid-j7pv25f6]{background:#1f2526;overflow:hidden;box-shadow:4px 4px 0 var(--shadow);padding:3rem 2rem 1rem}
/* Force the rendered aspect ratio slightly shorter than the SVG's natural
   822x538 so the anti-aliased darker bottom rows get cropped via object-fit
   cover + position top. 822:531 trims roughly 7 source-pixel rows. */
.panel-hero[data-astro-cid-j7pv25f6] .logo-image[data-astro-cid-j7pv25f6]{display:block;width:calc(100% + 4rem);max-width:none;margin:-3rem -2rem 1rem;filter:none;border-radius:0;aspect-ratio:822/531;object-fit:cover;object-position:top}
.panel-hero[data-astro-cid-j7pv25f6] .tagline[data-astro-cid-j7pv25f6]{color:#f5f1e8}
@media (max-width:768px){
  .panel-hero[data-astro-cid-j7pv25f6]{padding:2rem 1rem .75rem}
  .panel-hero[data-astro-cid-j7pv25f6] .logo-image[data-astro-cid-j7pv25f6]{width:calc(100% + 2rem);margin:-2rem -1rem 1rem}
}

/* Feature panels: put the emoji icon and heading on the same line, with
   the panel-text wrapping to its own line below. Scoped to medium/small
   panels so the hero panel layout (logo + subtitle + tagline + CTAs)
   isn't affected. */
.panel-medium[data-astro-cid-j7pv25f6] > .panel-content[data-astro-cid-j7pv25f6],
.panel-small[data-astro-cid-j7pv25f6] > .panel-content[data-astro-cid-j7pv25f6] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 .75rem;
}
.panel-medium[data-astro-cid-j7pv25f6] > .panel-content[data-astro-cid-j7pv25f6] > .feature-icon[data-astro-cid-j7pv25f6],
.panel-small[data-astro-cid-j7pv25f6] > .panel-content[data-astro-cid-j7pv25f6] > .feature-icon[data-astro-cid-j7pv25f6] {
  margin-bottom: 0;
  line-height: 1;
}
.panel-medium[data-astro-cid-j7pv25f6] > .panel-content[data-astro-cid-j7pv25f6] > .panel-title[data-astro-cid-j7pv25f6],
.panel-small[data-astro-cid-j7pv25f6] > .panel-content[data-astro-cid-j7pv25f6] > .panel-title[data-astro-cid-j7pv25f6] {
  margin: 0;
}
.panel-medium[data-astro-cid-j7pv25f6] > .panel-content[data-astro-cid-j7pv25f6] > .panel-text[data-astro-cid-j7pv25f6],
.panel-small[data-astro-cid-j7pv25f6] > .panel-content[data-astro-cid-j7pv25f6] > .panel-text[data-astro-cid-j7pv25f6] {
  flex-basis: 100%;
  margin: .75rem 0 0;
}

/* Hero note under the Play Now / Discord CTAs — desktop-only advisory.
   Lives inside the dark hero panel so the text needs to be light. */
.panel-hero[data-astro-cid-j7pv25f6] .hero-note[data-astro-cid-j7pv25f6] {
  margin: 0;
  text-align: center;
  font-family: Inder, sans-serif;
  font-size: .8125rem;
  letter-spacing: .04em;
  color: #d4c4a8; /* --warm-tan, readable on #1f2526 */
}

.panel-show-reel[data-astro-cid-j7pv25f6] {
  background: var(--cream);
}

.show-reel-copy[data-astro-cid-j7pv25f6] {
  max-width: 42rem;
  margin: 0 auto 1.5rem;
  text-align: center;
}

.show-reel-copy[data-astro-cid-j7pv25f6] .panel-title[data-astro-cid-j7pv25f6] {
  margin-bottom: .5rem;
}

.show-reel-video[data-astro-cid-j7pv25f6] {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  background: #111;
  border: 3px solid var(--ink-dark);
  border-radius: 6px;
  box-shadow: 3px 3px 0 var(--shadow);
}

@media (max-width:640px) {
  .show-reel-copy[data-astro-cid-j7pv25f6] {
    margin-bottom: 1rem;
  }

  .show-reel-video[data-astro-cid-j7pv25f6] {
    border-width: 2px;
    box-shadow: 2px 2px 0 var(--shadow);
  }
}