@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2?dpl=dpl_CemktSDgXuzdqS3sQWw9L49YAYhf)
    format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2?dpl=dpl_CemktSDgXuzdqS3sQWw9L49YAYhf)
    format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2?dpl=dpl_CemktSDgXuzdqS3sQWw9L49YAYhf)
    format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1,
    U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2?dpl=dpl_CemktSDgXuzdqS3sQWw9L49YAYhf)
    format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304,
    U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2?dpl=dpl_CemktSDgXuzdqS3sQWw9L49YAYhf)
    format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304,
    U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0%;
  size-adjust: 104.76%;
}
.geist_a71539c9-module__T19VSG__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}
.geist_a71539c9-module__T19VSG__variable {
  --font-geist-sans: "Geist", "Geist Fallback";
}
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../media/5ce348bf30bf5439-s.0ee55_hj9qcer.woff2?dpl=dpl_CemktSDgXuzdqS3sQWw9L49YAYhf)
    format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../media/4fa387ec64143e14-s.0.qu-9752pffj.woff2?dpl=dpl_CemktSDgXuzdqS3sQWw9L49YAYhf)
    format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../media/6306c77e7c8268e4-s.0mao5jbfbduzp.woff2?dpl=dpl_CemktSDgXuzdqS3sQWw9L49YAYhf)
    format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../media/7d817b4c03b0c5f1-s.0uzt.a6d44yda.woff2?dpl=dpl_CemktSDgXuzdqS3sQWw9L49YAYhf)
    format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1,
    U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../media/bbc41e54d2fcbd21-s.0mvwgmnhv29no.woff2?dpl=dpl_CemktSDgXuzdqS3sQWw9L49YAYhf)
    format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304,
    U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../media/797e433ab948586e-s.p.09zddjkbdep5a.woff2?dpl=dpl_CemktSDgXuzdqS3sQWw9L49YAYhf)
    format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304,
    U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: Geist Mono Fallback;
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0%;
  size-adjust: 134.59%;
}
.geist_mono_8d43a2aa-module__8Li5zG__className {
  font-family: Geist Mono, Geist Mono Fallback;
  font-style: normal;
}
.geist_mono_8d43a2aa-module__8Li5zG__variable {
  --font-geist-mono: "Geist Mono", "Geist Mono Fallback";
}
@layer theme {
  :root,
  :host {
    --spacing: 0.25rem;
    --default-font-family: var(--font-geist-sans);
    --default-mono-font-family: var(--font-geist-mono);
  }
}
@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(
      --default-mono-font-variation-settings,
      normal
    );
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or
    (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer components;
@layer utilities {
  .fixed {
    position: fixed;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .flex {
    display: flex;
  }
  .h-full {
    height: 100%;
  }
  .min-h-full {
    min-height: 100%;
  }
  .flex-col {
    flex-direction: column;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
:root {
  --background: #090605;
  --foreground: #fff1c8;
  --charcoal: #120909;
  --black-red: #1b0b0b;
  --imperial-red: #7f1d1d;
  --rage-red: #b91c1c;
  --gold: #f5c542;
  --deep-gold: #a8791f;
  --old-gold: #d6a73a;
  --parchment: #ead7a5;
  --parchment-light: #f3e1b8;
  --marble: #e7dfcf;
  --marble-shadow: #b9ad96;
  --ink: #1a120b;
  --ash: #352018;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  background: radial-gradient(circle at 17% 9%, #f5c54229, transparent 22rem),
    radial-gradient(circle at 86% 22%, #b91c1c4d, transparent 24rem),
    radial-gradient(circle at 42% 82%, #7f1d1d52, transparent 28rem),
    repeating-linear-gradient(
      90deg,
      #ffe6a506 0,
      #ffe6a506 1px,
      transparent 1px,
      transparent 58px
    ),
    linear-gradient(135deg, var(--background), var(--black-red) 45%, #070403);
  min-width: 320px;
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
  overflow-x: hidden;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
a {
  font: inherit;
}
button {
  cursor: pointer;
}
::selection {
  color: #fff7df;
  background: #f5c54259;
}
.propaganda-wall {
  isolation: isolate;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}
.wall-noise {
  z-index: -3;
  pointer-events: none;
  opacity: 0.34;
  background: linear-gradient(
      115deg,
      #0000 0 18%,
      #fff4d80b 18% 18.4%,
      #0000 18.4% 100%
    ),
    linear-gradient(18deg, #0000 0 42%, #f5c5420d 42% 42.35%, #0000 42.35% 100%),
    repeating-linear-gradient(0deg, #ffffff05 0 1px, #0000 1px 7px);
  position: fixed;
  inset: 0;
}
.floating-dust {
  z-index: -2;
  pointer-events: none;
  opacity: 0.46;
  background-image: radial-gradient(circle, #f5c5426b 0 1px, #0000 1.6px),
    radial-gradient(circle, #fff1c833 0 1px, #0000 1.4px);
  background-position: 0 0, 29px 37px;
  background-size: 94px 94px, 137px 137px;
  animation: 26s linear infinite dust-drift;
  position: fixed;
  inset: -12%;
}
.emperor-poster {
  grid-template-rows: auto auto 1fr;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.85fr);
  align-items: center;
  gap: clamp(1.15rem, 2.4vw, 2rem) clamp(1.5rem, 4vw, 4rem);
  width: min(1280px, 100% - 1.5rem);
  min-height: 94vh;
  margin: 0 auto;
  padding: clamp(0.95rem, 1.8vw, 1.5rem) clamp(0.85rem, 3vw, 2.2rem)
    clamp(2.5rem, 6vw, 5.5rem);
  display: grid;
  position: relative;
}
.emperor-poster:before {
  z-index: -1;
  content: "";
  clip-path: polygon(0 0, 98% 1.3%, 100% 92%, 87% 100%, 1.2% 97%, 0 16%);
  background: linear-gradient(90deg, #7f1d1dc7, #0000 24% 76%, #7f1d1d94),
    radial-gradient(circle, #f5c5421f, #0000 42%), #0b0706c7;
  border: 2px solid #f5c5427a;
  position: absolute;
  inset: clamp(0.35rem, 1vw, 0.9rem);
  box-shadow: inset 0 0 0 8px #7f1d1d33, 0 36px 90px #0000008c;
}
.emperor-poster:after {
  z-index: -1;
  content: "";
  opacity: 0.85;
  clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0 50%);
  background: linear-gradient(90deg, #0000, #b91c1cd9, #0000);
  width: min(48rem, 90vw);
  height: 7rem;
  position: absolute;
  top: 2.3rem;
  left: 50%;
  transform: translate(-50%) rotate(-1.2deg);
}
.hero-banner-row {
  z-index: 4;
  isolation: isolate;
  grid-area: 1/1/2/3;
  place-self: start stretch;
  width: 100%;
  position: relative;
}
.hero-banner-row:before {
  z-index: -1;
  content: "";
  opacity: 0.96;
  clip-path: polygon(2% 0, 100% 6%, 96% 76%, 86% 100%, 0 92%, 4% 18%);
  background: linear-gradient(90deg, #7f1d1dbd, #230a0ae6 68%, #7f1d1d8a),
    radial-gradient(circle at 32% 38%, #f5c54229, #0000 48%);
  position: absolute;
  inset: clamp(-0.8rem, -1.2vw, -0.45rem) clamp(-0.4rem, -0.8vw, -0.2rem);
  transform: rotate(-1.1deg);
  box-shadow: inset 0 0 0 2px #f5c5422e, inset 0 0 30px #00000047,
    0 18px 36px #00000047;
}
.poster-copy {
  z-index: 4;
  text-align: center;
  grid-area: 3/1;
  justify-items: center;
  display: grid;
  position: relative;
}
.kicker-banner {
  aspect-ratio: 3;
  isolation: isolate;
  background: #0c0706b8;
  border: 2px solid #f5c54257;
  align-items: center;
  width: 100%;
  padding: clamp(0.68rem, 1.45vw, 1rem);
  display: flex;
  position: relative;
  overflow: visible;
  transform: rotate(-0.6deg);
  box-shadow: 0 14px 28px #0000005c, inset 0 0 0 2px #f5c54247;
}
.kicker-banner:before,
.kicker-banner:after {
  z-index: 1;
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
}
.kicker-banner:before {
  mix-blend-mode: multiply;
  background: linear-gradient(90deg, #080504c7, #7f1d1d3d 46%, #080504b8),
    radial-gradient(circle at 38%, #f5c54233, #0000 45%);
}
.kicker-banner:after {
  border: 2px solid #f5c5427a;
  inset: 0.28rem;
}
.kicker-banner-image {
  z-index: 0;
  object-fit: contain;
  object-position: center;
  filter: saturate(1.16) contrast(1.08);
}
.kicker-banner-glow {
  z-index: 2;
  pointer-events: none;
  background: radial-gradient(#f5c54252, #0000 68%);
  height: 3rem;
  position: absolute;
  inset: auto -8% -34% 12%;
}
.rage-kicker,
.block-stamp {
  color: #ffe8a4;
  width: fit-content;
  font-family: var(--font-geist-mono), monospace;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: #7f1d1db8;
  border: 2px solid #f5c542a6;
  padding: 0.42rem 0.7rem;
  font-size: clamp(0.76rem, 1.8vw, 0.95rem);
  font-weight: 950;
  line-height: 1.1;
  box-shadow: 0 10px 28px #00000057;
}
.rage-kicker {
  z-index: 3;
  text-shadow: 0 2px #0000009e;
  background: #140807d1;
  max-width: min(42rem, 100%);
  margin: 0;
  position: relative;
  transform: rotate(-0.4deg);
}
.block-stamp {
  transform: rotate(-2deg);
}
.poster-title,
.chaos-block h2,
.judgement-block h2 {
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 0;
  font-family: Georgia, Times New Roman, serif;
  font-weight: 950;
}
.poster-title {
  z-index: 4;
  width: min(100%, 11ch);
  color: var(--gold);
  text-align: center;
  text-shadow: 0 0 26px #f5c5425c, 0 7px #5d1515, 0 16px 28px #0000007a;
  grid-area: 2/1 / auto/-1;
  justify-self: center;
  margin-top: clamp(0.3rem, 0.9vw, 0.8rem);
  font-size: clamp(3.2rem, 6.4vw, 6.8rem);
  line-height: 0.84;
  position: relative;
}
.poster-subtitle {
  color: #fff6df;
  text-transform: uppercase;
  max-width: 760px;
  margin: 1.35rem 0 0;
  font-size: clamp(1.45rem, 4vw, 3.4rem);
  font-weight: 950;
  line-height: 0.98;
}
.poster-support {
  color: #e7c979;
  max-width: 650px;
  margin: 1rem 0 0;
  font-size: clamp(1rem, 1.9vw, 1.3rem);
  font-weight: 800;
  line-height: 1.55;
}
.poster-copy .command-row {
  justify-content: center;
}
.command-row {
  flex-wrap: wrap;
  gap: 0.72rem;
  margin-top: 1.7rem;
  display: flex;
}
.imperial-command,
.imperial-button {
  color: #fff1c8;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(#ffffff0f, #0000 38%), #120909e6;
  border: 2px solid #f5c542a3;
  border-radius: 0.25rem;
  justify-content: center;
  align-items: center;
  min-height: 3rem;
  padding: 0.8rem 1rem;
  font-size: 0.82rem;
  font-weight: 950;
  line-height: 1.08;
  transition: transform 0.17s, border-color 0.17s, background 0.17s, color 0.17s;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px #ffffff0f, 0 13px #00000038;
}
.imperial-command:hover,
.imperial-command:focus-visible,
.imperial-button:hover,
.imperial-button:focus-visible {
  color: #fff9e9;
  background: linear-gradient(#ffffff1f, #0000 42%), #481212fa;
  border-color: #ffe07e;
  transform: translateY(-3px) rotate(-0.6deg);
}
.imperial-command:focus-visible,
.imperial-button:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #f5c5424d;
}
.imperial-command.primary,
.imperial-button.primary {
  background: linear-gradient(
      135deg,
      #fff0a6,
      var(--gold) 45%,
      var(--deep-gold)
    ),
    var(--gold);
  color: #231105;
}
.imperial-command.primary:hover,
.imperial-command.primary:focus-visible,
.imperial-button.primary:hover,
.imperial-button.primary:focus-visible {
  background: linear-gradient(135deg, #fff7c9, #ffd454 42%, #b37b22),
    var(--gold);
  color: #160903;
}
.imperial-command.blood {
  background: linear-gradient(#ffffff0f, #0000 38%), #7f1d1deb;
  border-color: #ffe07eb3;
}
.poster-slogans {
  z-index: 3;
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.poster-slogans span {
  color: #ffe07ec7;
  font-family: var(--font-geist-mono), monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  background: #080504bd;
  border: 1px solid #f5c54261;
  padding: 0.35rem 0.55rem;
  font-size: clamp(0.62rem, 1.4vw, 0.86rem);
  font-weight: 950;
  line-height: 1.05;
  position: absolute;
  box-shadow: 0 10px 25px #00000042;
}
.poster-slogans span:first-child {
  top: 39%;
  left: 3%;
  transform: rotate(-5deg);
}
.poster-slogans span:nth-child(2) {
  top: 43%;
  right: 3.5%;
  transform: rotate(-8deg);
}
.poster-slogans span:nth-child(3) {
  display: none;
}
.poster-slogans span:nth-child(4) {
  bottom: 6%;
  right: 8%;
  transform: rotate(-4deg);
}
.poster-slogans span:nth-child(5),
.poster-slogans span:nth-child(6) {
  display: none;
}
.logo-stage {
  z-index: 4;
  grid-area: 3/2;
  place-items: center;
  min-height: clamp(21rem, 36vw, 29rem);
  display: grid;
  position: relative;
}
.logo-shrine {
  aspect-ratio: 1;
  place-items: center;
  width: min(22rem, 72vw);
  display: grid;
  position: relative;
  transform: rotate(1deg);
}
.logo-frame {
  z-index: 2;
  aspect-ratio: 1;
  background: #1a120b;
  border: clamp(0.28rem, 1vw, 0.44rem) solid #ffe68ef0;
  border-radius: 999px;
  width: min(18.5rem, 88%);
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 0.26rem #7f1d1d85, 0 0 46px #b91c1c70, 0 24px 56px #00000070,
    inset 0 0 24px #00000073;
}
.logo-frame:after {
  border-radius: inherit;
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 32% 22%, #fff6cd2e, #0000 28%),
    linear-gradient(145deg, #0000 58%, #50190852);
  position: absolute;
  inset: 0;
}
.logo-image {
  object-fit: cover;
  object-position: center;
}
.logo-caption {
  z-index: 3;
  color: #ffe69b;
  font-family: var(--font-geist-mono), monospace;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: #291005d6;
  border: 2px solid #ffe68ec7;
  padding: 0.36rem 0.56rem;
  font-size: clamp(0.62rem, 1.55vw, 0.88rem);
  font-weight: 950;
  position: absolute;
  bottom: 0.4rem;
  transform: rotate(-2deg);
}
.red-ribbon {
  z-index: 5;
  color: #ffe8a4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  clip-path: polygon(9% 0, 100% 0, 90% 50%, 100% 100%, 9% 100%, 0 50%);
  background: linear-gradient(135deg, #b91c1c, #5f1111);
  padding: 0.5rem 2.1rem;
  font-family: Georgia, Times New Roman, serif;
  font-size: clamp(1.4rem, 4vw, 2.6rem);
  font-weight: 950;
  position: absolute;
  top: 4.1rem;
  right: clamp(0.8rem, 5vw, 3.2rem);
  transform: rotate(10deg);
  box-shadow: 0 20px 36px #0000005c;
}
.seal-stamp {
  z-index: 5;
  aspect-ratio: 1;
  color: #ffe08a;
  width: 8.2rem;
  font-family: var(--font-geist-mono), monospace;
  text-align: center;
  text-transform: uppercase;
  background: #7f1d1dbd;
  border: 0.32rem double #ffe181e0;
  border-radius: 999px;
  place-items: center;
  font-size: 0.78rem;
  font-weight: 950;
  line-height: 1.05;
  display: grid;
  position: absolute;
  bottom: 12%;
  left: 4%;
  transform: rotate(-15deg);
}
.chaos-stack {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(1rem, 2.2vw, 1.5rem);
  width: min(1180px, 100% - 1.5rem);
  margin: 0 auto;
  padding: 0 0 clamp(2rem, 6vw, 5rem);
  display: grid;
}
.chaos-block,
.judgement-block,
.imperial-footer {
  border: 2px solid #f5c54257;
  border-radius: 0.18rem;
  min-width: 0;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff14, 0 30px 70px #00000061;
}
.chaos-block {
  padding: clamp(1.2rem, 3vw, 2.15rem);
}
.chaos-block:before,
.judgement-block:before,
.imperial-footer:before {
  pointer-events: none;
  content: "";
  border: 1px solid #1a120b38;
  position: absolute;
  inset: 0.55rem;
}
.chaos-block h2,
.judgement-block h2 {
  color: #fff0bd;
  overflow-wrap: break-word;
  text-shadow: 0 4px #5b1111c7, 0 14px 28px #00000059;
  font-size: clamp(2.25rem, 5vw, 4.8rem);
  line-height: 0.82;
}
.block-stamp {
  margin: 0 0 1rem;
}
.block-stamp.crooked {
  transform: rotate(3deg);
}
.decree-block {
  background: linear-gradient(145deg, #f3e1b8f2, #d6a73a52), var(--parchment);
  color: var(--ink);
  grid-column: span 7;
  transform: rotate(-0.8deg);
}
.decree-block h2,
.contract-block h2,
.manifesto-block h2,
.prophecy-block h2 {
  color: #2b1306;
  text-shadow: 0 3px #a8791f40;
}
.contract-block h2,
.propaganda-block h2 {
  font-size: clamp(2.15rem, 4.1vw, 4.05rem);
}
.propaganda-block h2 {
  overflow-wrap: normal;
  word-break: normal;
  font-size: clamp(1.9rem, 3vw, 2.8rem);
}
.decree-copy {
  margin-top: 1.1rem;
}
.decree-copy p,
.takeover-copy p {
  margin: 0;
  font-size: clamp(1.25rem, 2.8vw, 2rem);
  font-weight: 950;
  line-height: 1.12;
}
.decree-copy p + p,
.takeover-copy p + p {
  margin-top: 0.45rem;
}
.decree-facts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1.35rem;
  display: grid;
}
.decree-facts div {
  background: #fff6da73;
  border: 1px solid #1a120b47;
  padding: 0.8rem;
}
.decree-facts span,
.stone-tablet span {
  color: #7a4610;
  font-family: var(--font-geist-mono), monospace;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.68rem;
  font-weight: 950;
  display: block;
}
.decree-facts strong {
  text-transform: uppercase;
  margin-top: 0.35rem;
  font-size: clamp(1rem, 2.5vw, 1.45rem);
  font-weight: 950;
  display: block;
}
.contract-block {
  background: linear-gradient(115deg, #ffffff61, transparent 17%),
    linear-gradient(
      23deg,
      transparent 0 31%,
      #534a3d38 31% 31.7%,
      transparent 31.7% 100%
    ),
    linear-gradient(
      152deg,
      transparent 0 62%,
      #534a3d2e 62% 62.5%,
      transparent 62.5% 100%
    ),
    var(--marble);
  color: var(--ink);
  grid-column: span 5;
  align-self: end;
  transform: rotate(1.4deg);
}
.contract-scroll {
  background: repeating-linear-gradient(-8deg, #58452c1a 0 1px, #0000 1px 13px),
    #fff6daa3;
  border: 3px double #55391273;
  margin: 1.25rem 0 1rem;
  padding: clamp(1rem, 3vw, 1.6rem);
}
.contract-scroll span {
  overflow-wrap: anywhere;
  word-break: break-word;
  font-family: var(--font-geist-mono), monospace;
  font-size: clamp(0.88rem, 1.55vw, 1.08rem);
  font-weight: 950;
  line-height: 1.4;
  display: block;
}
.takeover-block {
  background: linear-gradient(140deg, #7f1d1df2, #1b0b0bfa), var(--imperial-red);
  grid-column: span 6;
  overflow: hidden;
  transform: rotate(1deg);
}
.takeover-copy {
  max-width: 82%;
  margin-top: 1.2rem;
}
.side-yell {
  color: #f5c54233;
  text-transform: uppercase;
  transform-origin: 50%;
  white-space: nowrap;
  font-family: Georgia, Times New Roman, serif;
  font-size: clamp(2.6rem, 7vw, 6rem);
  font-weight: 950;
  line-height: 0.82;
  position: absolute;
  bottom: 2.6rem;
  right: -4.8rem;
  transform: rotate(-90deg);
}
.manifesto-block {
  background: linear-gradient(135deg, #f3e1b8f2, #b9ad96c7), var(--parchment);
  color: var(--ink);
  text-align: center;
  grid-column: 3 / span 8;
  transform: rotate(-1.3deg);
}
.manifesto-pile {
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.7rem;
  margin-top: 1.25rem;
  display: flex;
}
.manifesto-card {
  background: linear-gradient(145deg, #fff9e5b8, #d6a73a2e),
    var(--parchment-light);
  max-width: 17rem;
  min-height: 4.4rem;
  color: var(--ink);
  border: 2px solid #1a120b40;
  align-items: center;
  padding: 0.75rem 0.9rem;
  font-size: clamp(1rem, 2.1vw, 1.25rem);
  font-weight: 950;
  line-height: 1.05;
  display: grid;
  box-shadow: 0 12px 20px #2c12041f;
}
.manifesto-card:nth-child(3n + 1) {
  transform: rotate(-3deg);
}
.manifesto-card:nth-child(3n + 2) {
  transform: rotate(2deg);
}
.manifesto-card:nth-child(3n + 3) {
  transform: rotate(-1deg);
}
.prophecy-block {
  background: linear-gradient(
      35deg,
      transparent 0 23%,
      #2319112b 23% 23.4%,
      transparent 23.4% 100%
    ),
    linear-gradient(145deg, #e7dfcff2, #b9ad96eb), var(--marble);
  color: var(--ink);
  grid-column: span 7;
  transform: rotate(0.5deg);
}
.tablet-field {
  grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
  gap: 0.75rem;
  margin-top: 1.3rem;
  display: grid;
}
.prophecy-block .tablet-field {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.prophecy-block .stone-tablet {
  grid-column: span 2;
}
.prophecy-block .stone-tablet:nth-child(4) {
  grid-column: 2 / span 2;
}
.prophecy-block .stone-tablet:nth-child(5) {
  grid-column: 4 / span 2;
}
.stone-tablet {
  min-height: 12rem;
  color: var(--ink);
  clip-path: polygon(8% 0, 92% 0, 100% 12%, 95% 100%, 8% 96%, 0 84%, 4% 12%);
  background: linear-gradient(
      120deg,
      #0000 0 34%,
      #ffffff29 34% 34.8%,
      #0000 34.8% 100%
    ),
    linear-gradient(30deg, #44352529, #0000 32%), #d8d0c0;
  border: 2px solid #31261847;
  padding: 1rem;
  position: relative;
  box-shadow: inset 0 0 24px #25190f1f, 0 17px 28px #0003;
}
.stone-tablet:nth-child(2n) {
  transform: translateY(1.1rem) rotate(2deg);
}
.stone-tablet:nth-child(odd) {
  transform: rotate(-2deg);
}
.stone-tablet p {
  overflow-wrap: break-word;
  margin: 1.1rem 0 0;
  font-family: Georgia, Times New Roman, serif;
  font-size: clamp(1.2rem, 2.15vw, 1.58rem);
  font-weight: 950;
  line-height: 1.02;
}
.propaganda-block {
  background: radial-gradient(circle at 100% 0, #f5c54240, #0000 14rem),
    linear-gradient(150deg, #7f1d1df2, #0c0706fa);
  grid-column: span 5;
  transform: rotate(-1deg);
}
.propaganda-machine {
  gap: 1rem;
  margin-top: 1.1rem;
  display: grid;
}
.propaganda-output {
  color: #ffe08a;
  text-align: center;
  text-shadow: 0 5px #5b1111e6;
  text-transform: uppercase;
  background: linear-gradient(135deg, #ffffff14, #0000 40%), #0805049e;
  border: 3px double #f5c542b8;
  place-items: center;
  min-height: 14rem;
  padding: 1rem;
  font-family: Georgia, Times New Roman, serif;
  font-size: clamp(1.8rem, 5vw, 3.7rem);
  font-weight: 950;
  line-height: 0.86;
  transition: transform 0.17s;
  display: grid;
  transform: rotate(1deg);
}
.propaganda-output.is-summoning {
  transform: rotate(-2deg) scale(1.015);
}
.judgement-block {
  background: linear-gradient(90deg, #7f1d1df2, #1b0b0bf0), var(--imperial-red);
  text-align: center;
  grid-column: 2 / span 10;
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
  gap: 1.5rem;
  padding: clamp(1.2rem, 3vw, 2.3rem);
  display: grid;
  transform: rotate(0.7deg);
}
.judgement-block p:last-child {
  color: #f3d987;
  max-width: 680px;
  margin: 1rem auto 0;
  font-size: clamp(1.12rem, 2.2vw, 1.45rem);
  font-weight: 850;
  line-height: 1.35;
}
.judgement-actions {
  justify-content: center;
}
.imperial-footer {
  background: linear-gradient(140deg, #120909f5, #080504fa), var(--charcoal);
  justify-items: center;
  gap: 0.55rem;
  width: min(1180px, 100% - 1.5rem);
  margin: 0 auto 1rem;
  padding: 1.2rem;
  display: grid;
}
.imperial-footer p {
  color: #cdbb8b;
  text-align: center;
  max-width: 820px;
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.55;
}
.copyright-mark {
  font-family: var(--font-geist-mono), monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 950;
  color: var(--gold) !important;
  font-size: 0.76rem !important;
}
.imperial-footer nav {
  flex-wrap: wrap;
  gap: 0.8rem;
  display: flex;
}
.imperial-footer a {
  color: var(--gold);
  font-family: var(--font-geist-mono), monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.78rem;
  font-weight: 950;
}
.imperial-footer a:hover,
.imperial-footer a:focus-visible {
  color: #fff1c8;
}
@keyframes dust-drift {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(94px, 94px);
  }
}
@media (max-width: 1050px) {
  .emperor-poster {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 1rem;
  }
  .poster-slogans {
    display: none;
  }
  .poster-copy,
  .logo-stage {
    grid-area: auto/1/auto/-1;
  }
  .logo-stage {
    min-height: 24rem;
  }
  .decree-block,
  .contract-block,
  .takeover-block,
  .manifesto-block,
  .prophecy-block,
  .propaganda-block,
  .judgement-block {
    grid-column: 1/-1;
  }
  .tablet-field {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .judgement-block {
    grid-template-columns: 1fr;
  }
  .judgement-actions {
    justify-content: flex-start;
  }
}
@media (max-width: 720px) {
  .emperor-poster,
  .chaos-stack,
  .imperial-footer {
    width: min(100% - 0.8rem, 1180px);
  }
  .poster-title {
    font-size: clamp(2.75rem, 13.5vw, 3.6rem);
  }
  .command-row,
  .judgement-actions,
  .imperial-footer nav,
  .imperial-command,
  .imperial-button {
    width: 100%;
  }
  .logo-stage {
    min-height: 20rem;
  }
  .red-ribbon {
    top: 2.3rem;
  }
  .seal-stamp {
    width: 6.6rem;
    font-size: 0.62rem;
  }
  .decree-facts,
  .tablet-field,
  .prophecy-block .tablet-field {
    grid-template-columns: 1fr !important;
  }
  .prophecy-block .stone-tablet,
  .prophecy-block .stone-tablet:nth-child(4),
  .prophecy-block .stone-tablet:nth-child(5) {
    grid-column: auto;
  }
  .propaganda-output {
    min-height: 12rem;
    font-size: clamp(1.75rem, 9vw, 2.5rem);
    line-height: 0.94;
  }
  .stone-tablet,
  .stone-tablet:nth-child(2n),
  .stone-tablet:nth-child(odd),
  .decree-block,
  .contract-block,
  .takeover-block,
  .manifesto-block,
  .prophecy-block,
  .propaganda-block,
  .judgement-block {
    transform: none;
  }
  .takeover-copy {
    max-width: 100%;
  }
  .side-yell {
    display: none;
  }
  .manifesto-card {
    width: 100%;
    max-width: none;
    transform: none !important;
  }
  .imperial-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 430px) {
  .emperor-poster:after {
    height: 4.4rem;
  }
  .poster-title {
    font-size: clamp(2.55rem, 13vw, 3.2rem);
  }
  .poster-subtitle {
    font-size: clamp(1.15rem, 7vw, 1.8rem);
  }
  .chaos-block h2,
  .judgement-block h2 {
    font-size: clamp(2rem, 13vw, 3.4rem);
  }
  .propaganda-block h2 {
    font-size: clamp(1.75rem, 9.3vw, 2.35rem);
  }
  .logo-shrine {
    width: min(19rem, 82vw);
  }
  .logo-caption {
    bottom: -0.1rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  :before,
  :after {
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
  }
}
