@font-face {
  font-family: "Shedletsky Cascadia Mono";
  src: url("/fonts/cascadia/CascadiaMono-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-display: swap;
  font-family: "Web437 IBM EGA 8x14";
  font-style: normal;
  font-weight: 400;
  src: url("/media/legacy-theme/fonts/woff%20-%20Web%20(webfonts)/Web437_IBM_EGA_8x14.woff") format("woff");
}

@font-face {
  font-family: "Shedletsky Cascadia Mono";
  src: url("/fonts/cascadia/CascadiaMono-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Shedletsky Cascadia Mono";
  src: url("/fonts/cascadia/CascadiaMono-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --site-header-height: 0px;
  --operator-bar-height: 0px;
  --bg: #1c1c1f;
  --panel: #050509;
  --panel-2: #0b0b16;
  --text: #f4f4ff;
  --muted: #b5b5ea;
  --line: #39394f;
  --accent: #8a8cff;
  --accent-2: #f0d49a;
  --danger: #f28c8c;
  --shadow: 0 16px 42px rgba(0, 0, 0, 0.34);
  --radius-sm: 3px;
  --radius: 4px;
  --economy-gem-color: #55ffff;
  --rarity-common: #b5b5ea;
  --rarity-common-bg: rgba(181, 181, 234, 0.1);
  --rarity-uncommon: #55ff55;
  --rarity-uncommon-bg: rgba(85, 255, 85, 0.12);
  --rarity-rare: #ff55ff;
  --rarity-rare-bg: rgba(255, 85, 255, 0.13);
  --pixel-svg-dpr: 1;
}

* {
  box-sizing: border-box;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

html {
  min-height: 100%;
  font-size: 16px;
}

body {
  position: relative;
  min-height: 100%;
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "Shedletsky Cascadia Mono", "Cascadia Mono", Consolas, "Courier New", ui-monospace, SFMono-Regular, monospace;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}

body::before {
  content: "";
  position: fixed;
  inset: -6rem;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 18%, rgba(138, 140, 255, 0.12), transparent 24rem),
    radial-gradient(circle at 82% 74%, rgba(240, 212, 154, 0.09), transparent 22rem),
    linear-gradient(90deg, rgba(138, 140, 255, 0.065) 1px, transparent 1px),
    linear-gradient(180deg, rgba(138, 140, 255, 0.05) 1px, transparent 1px),
    repeating-linear-gradient(135deg, transparent 0 22px, rgba(240, 212, 154, 0.04) 22px 23px, transparent 23px 46px);
  background-size: 100% 100%, 100% 100%, 42px 42px, 42px 42px, 140px 140px;
  opacity: 0.76;
}

.skip-link {
  position: absolute;
  left: 1rem;
  top: 0.75rem;
  z-index: 100;
  transform: translateY(-160%);
  border-radius: var(--radius);
  padding: 0.55rem 0.75rem;
  background: var(--accent-2);
  color: #160f03;
  font-weight: 800;
}

.skip-link:focus {
  transform: translateY(0);
}

a {
  color: var(--accent);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

a:hover {
  color: #e7e7ff;
}

button,
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.45rem;
  border: 1px solid #606090;
  border-radius: var(--radius);
  padding: 0.55rem 0.9rem;
  background: #111133;
  color: #ffffff;
  font: inherit;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

button:hover,
.button:hover {
  background: #20205c;
  color: #ffffff;
}

button.secondary,
.button.secondary {
  border-color: var(--line);
  background: var(--panel-2);
  color: var(--text);
}

button.danger,
.button.danger {
  background: var(--danger);
  color: #1f0707;
}

.link-button {
  min-height: 0;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--danger);
  font-weight: 600;
}

.link-button:hover {
  background: transparent;
  color: #ffc0c0;
}

.danger-link {
  color: var(--danger);
  font-weight: 700;
}

input,
textarea,
select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0.72rem 0.8rem;
  background: #080810;
  color: #d2d2ff;
  font: inherit;
}

textarea {
  min-height: 32rem;
  resize: vertical;
  font-family: "Shedletsky Cascadia Mono", "Cascadia Mono", Consolas, "Courier New", monospace;
  line-height: 1.5;
}

input:focus,
textarea:focus,
select:focus,
button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--accent-2);
  outline-offset: 2px;
}

label {
  display: grid;
  gap: 0.35rem;
  color: var(--muted);
  font-weight: 600;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  width: 100%;
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: rgba(5, 5, 9, 0.96);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px) saturate(1.12);
}

.site-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.9rem;
  width: min(1200px, calc(100% - 2rem));
  margin: 0 auto;
  padding: 0.85rem 0;
}

.operator-bar {
  position: sticky;
  top: var(--site-header-height);
  z-index: 49;
  border-bottom: 1px solid rgba(85, 255, 255, 0.28);
  background: #03030a;
  color: #d7d7ff;
  font-size: 0.82rem;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.operator-bar-main,
.operator-bar-status {
  width: min(1200px, calc(100% - 2rem));
  margin: 0 auto;
}

.operator-bar-main {
  display: flex;
  align-items: center;
  min-height: 34px;
  gap: 0.8rem;
  border-top: 1px solid rgba(255, 85, 255, 0.22);
}

.operator-bar-brand,
.operator-bar-items a,
.operator-bar-items span {
  color: inherit;
  text-decoration: none;
}

.operator-bar-brand {
  color: #55ffff;
  font-weight: 700;
  white-space: nowrap;
}

.operator-bar-items {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  min-width: 0;
}

.operator-bar-items a,
.operator-bar-items span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 0.55rem;
  border: 1px solid transparent;
}

.operator-bar-items a:hover,
.operator-bar-items a:focus-visible,
.operator-bar-items a.is-active {
  border-color: rgba(85, 255, 255, 0.46);
  background: rgba(85, 255, 255, 0.08);
  color: #ffffff;
}

.operator-bar-items a.is-active::before {
  content: ">";
  margin-right: 0.25rem;
  color: #ff55ff;
}

.operator-bar-toggle {
  display: none;
}

.operator-bar-currency {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: min(100%, 19rem);
  min-height: 26px;
  padding: 0 0.4rem;
  border: 1px solid rgba(240, 212, 154, 0.22);
  border-radius: var(--radius-sm);
  background: rgba(240, 212, 154, 0.05);
  margin-left: auto;
  color: #f0d49a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operator-bar-currency + .operator-bar-currency {
  margin-left: 0;
}

.operator-bar-status {
  min-height: 22px;
  padding-bottom: 0.35rem;
  color: #b5b5ea;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
  white-space: nowrap;
}

.brand-name {
  color: var(--text);
  font-size: 1.05rem;
  font-weight: 700;
  text-decoration: none;
}

.brand-name:hover {
  color: var(--text);
}

.brand-mark {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 2rem;
  min-height: 2rem;
  width: 2rem;
  height: 2rem;
  border: 1px solid #5f61c8;
  border-radius: var(--radius);
  background: var(--panel-2);
  color: var(--accent);
  font: inherit;
  font-weight: 700;
  line-height: 1;
  padding: 0;
  transition: color 220ms ease, text-shadow 220ms ease;
}

.brand-mark:focus-visible {
  outline: 2px solid var(--accent-2);
  outline-offset: 3px;
}

.brand-mark.is-soh-home {
  cursor: pointer;
  color: transparent;
  text-shadow: none;
}

.brand-mark.is-soh-prison {
  border-color: #5f61c8;
  background: var(--panel-2);
}

.brand-mark.is-soh-locking {
  animation: soh-home-lock 520ms steps(4, end);
}

.account-status-link {
  border-radius: var(--radius);
  padding: 0.35rem 0.55rem;
  color: var(--muted);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.account-status-link:hover {
  background: #11112a;
  color: #ffffff;
}

.animation-speed-control {
  display: inline-flex;
  align-items: center;
}

.animation-speed-control select {
  width: auto;
  min-height: 0;
  border-radius: var(--radius);
  padding: 0.28rem 0.45rem;
  background: #080810;
  color: #f0d49a;
  font-size: 0.82rem;
  font-weight: 800;
}

.account-status {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.45rem;
  flex: 0 1 auto;
  min-width: 0;
  border: 1px solid rgba(57, 57, 79, 0.86);
  border-radius: var(--radius);
  padding: 0.3rem;
  background: rgba(11, 11, 22, 0.82);
}

.account-status-summary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.account-status-name {
  display: inline-block;
  max-width: 12rem;
  border-radius: var(--radius);
  padding: 0.35rem 0.55rem;
  overflow: hidden;
  color: #ffffff;
  font-weight: 800;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-status-name:hover {
  background: #11112a;
  color: #ffffff;
}

.nav-logout,
.nav-admin-action {
  margin: 0;
}

.nav-logout button,
.nav-admin-action button,
.nav-chop-runner {
  border: 0;
  border-radius: var(--radius);
  padding: 0.35rem 0.55rem;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-weight: 600;
}

.nav-logout button:hover,
.nav-admin-action button:hover,
.nav-chop-runner:hover {
  background: #11112a;
  color: #ffffff;
}

.nav-chop-runner:disabled {
  opacity: 0.62;
}

.chop-runner-canvas {
  position: fixed;
  inset: 0;
  z-index: 49;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

.nav-gem-balance {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: 1px solid rgba(240, 212, 154, 0.36);
  border-radius: var(--radius);
  padding: 0.25rem 0.5rem;
  background: rgba(240, 212, 154, 0.09);
  color: #f5dda0;
  font-size: 0.92rem;
  font-weight: 800;
  white-space: nowrap;
  transform-origin: center;
}

.nav-gem-balance[hidden] {
  display: none !important;
}

.economy-gem-glyph {
  vertical-align: middle;
}

.economy-gem-glyph-balance {
  --pixel-svg-color: var(--economy-gem-color);
}

.nav-gem-balance.is-stashing {
  animation: gem-stash-pulse 520ms cubic-bezier(0.16, 1, 0.3, 1);
}

.nav-gem-balance.is-stashing .economy-gem-glyph {
  animation: gem-balance-pop 520ms cubic-bezier(0.16, 1, 0.3, 1);
}

.gem-fly-clone {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 28px;
  height: 28px;
  background: var(--economy-gem-color);
  mask: url("/media/legacy-theme/ega-gem.svg") center / contain no-repeat;
  -webkit-mask: url("/media/legacy-theme/ega-gem.svg") center / contain no-repeat;
  pointer-events: none;
  image-rendering: pixelated;
  will-change: transform, opacity;
  filter:
    drop-shadow(0 0 6px rgba(240, 212, 154, 0.85))
    drop-shadow(0 4px 0 rgba(0, 0, 0, 0.36));
  opacity: 0;
  transform: translate3d(0, 0, 0) scale(1);
}

.gem-fly-clone.is-flying {
  opacity: 0;
}

.gem-stash-spark {
  position: fixed;
  z-index: 1001;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #f5dda0;
  box-shadow: 0 0 10px rgba(240, 212, 154, 0.78);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-50%, -50%, 0) scale(0.35);
}

.gem-stash-spark.is-active {
  animation: gem-stash-spark 520ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes gem-stash-pulse {
  0% {
    box-shadow: 0 0 0 rgba(240, 212, 154, 0);
    transform: scale(1);
  }

  42% {
    box-shadow: 0 0 0 5px rgba(240, 212, 154, 0.18);
    transform: scale(1.12);
  }

  100% {
    box-shadow: 0 0 0 12px rgba(240, 212, 154, 0);
    transform: scale(1);
  }
}

@keyframes gem-balance-pop {
  0%,
  100% {
    transform: scale(1) rotate(0deg);
  }

  45% {
    transform: scale(1.38) rotate(-10deg);
  }
}

@keyframes gem-stash-spark {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0.35);
  }

  28% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(calc(-50% + var(--spark-x)), calc(-50% + var(--spark-y)), 0) scale(1.15);
  }
}

.page-shell {
  position: relative;
  z-index: 1;
  width: min(1200px, calc(100% - 2rem));
  margin: 0 auto;
  padding: 1.75rem 0 4.5rem;
}

.page-shell.article-shell {
  --article-reading-width: 740px;
  --article-frame-width: 780px;
  width: min(1200px, calc(100% - 2rem));
}

.page-shell.has-sidebar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 2rem;
  align-items: start;
}

.page-shell.shednet-location-shell {
  width: min(1320px, calc(100% - 2rem));
}

.page-shell main {
  min-width: 0;
}

.site-footer {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  width: min(1200px, calc(100% - 2rem));
  margin: 0 auto;
  border-top: 1px solid var(--line);
  padding: 1.35rem 0 2.25rem;
  color: var(--muted);
  font-size: 0.95rem;
}

.legacy-masthead {
  position: relative;
  overflow: hidden;
  clip-path: inset(0 round var(--radius));
  display: grid;
  perspective: 720px;
  height: 87px;
  min-height: 87px;
  width: min(1200px, calc(100% - 2rem));
  margin: 0.75rem auto 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #08080d;
  box-shadow: var(--shadow);
}

.legacy-masthead::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(5, 5, 9, 0.86) 0%, rgba(5, 5, 9, 0.58) 36%, rgba(5, 5, 9, 0.14) 66%, rgba(5, 5, 9, 0.48) 100%),
    linear-gradient(180deg, rgba(5, 5, 9, 0.15) 0%, rgba(5, 5, 9, 0.44) 100%);
}

.legacy-masthead img {
  grid-area: 1 / 1;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 87px;
  object-fit: cover;
  object-position: center 52%;
  filter: saturate(0.76) contrast(1.08) brightness(0.9);
  image-rendering: auto;
}

.legacy-masthead div {
  position: relative;
  z-index: 1;
  grid-area: 1 / 1;
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 0.32rem;
  width: min(31rem, 68%);
  height: 87px;
  min-height: 87px;
  padding: clamp(0.68rem, 1.6vw, 1.18rem);
  text-align: left;
}

.legacy-masthead p {
  margin: 0;
  color: #ffffff;
  font-size: clamp(0.82rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 0.98;
  text-shadow: 0 2px 0 #000000, 0 0 18px rgba(138, 140, 255, 0.38);
}

.legacy-splash-fallback {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.legacy-masthead.is-splash-ready .legacy-splash-fallback {
  position: absolute;
}

.legacy-splash-canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: auto;
  max-width: none;
  height: auto;
  image-rendering: pixelated;
  filter:
    brightness(var(--splash-brightness, 1))
    drop-shadow(var(--splash-shadow-x, 2px) var(--splash-shadow-y, 2px) 0 #3d2600)
    drop-shadow(0 0 var(--splash-glow, 5px) rgba(255, 255, 85, 0.46));
  transform: translate3d(var(--splash-x, 0), var(--splash-y, 0), var(--splash-z, 0)) rotate(var(--splash-rotation, 20deg)) scale(var(--splash-scale, 1));
  transform-origin: 50% 50%;
  transform-style: preserve-3d;
  will-change: transform;
}

.legacy-splash-canvas[hidden] {
  display: none;
}

.legacy-splash-canvas.is-static {
  will-change: auto;
}

.masthead-gem-line {
  position: absolute;
  inset: 0.25rem 0.55rem 0.25rem auto;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(69%, 50rem);
  color: var(--economy-gem-color);
  transform: rotate(0deg);
  transform-origin: 50% 50%;
}

.masthead-gem-line[hidden] {
  display: none;
}

.masthead-gem-slots {
  display: grid;
  grid-template-columns: repeat(12, 1.55rem);
  align-items: center;
  justify-content: center;
  gap: clamp(0.08rem, 0.42vw, 0.34rem);
  min-height: 3.4rem;
  padding: 0.35rem 0.45rem;
}

.masthead-gem-slot {
  --masthead-gem-arc-y: 0;
  --masthead-gem-arc-rotation: 0deg;
  position: relative;
  display: grid;
  place-items: center;
  width: 1.55rem;
  height: 2.25rem;
  transform: translateY(var(--masthead-gem-arc-y)) rotate(var(--masthead-gem-arc-rotation));
}

.masthead-gem-slot:nth-child(1),
.masthead-gem-slot:nth-child(12) {
  --masthead-gem-arc-y: 0.62rem;
}

.masthead-gem-slot:nth-child(2),
.masthead-gem-slot:nth-child(11) {
  --masthead-gem-arc-y: 0.34rem;
}

.masthead-gem-slot:nth-child(3),
.masthead-gem-slot:nth-child(10) {
  --masthead-gem-arc-y: 0.08rem;
}

.masthead-gem-slot:nth-child(4),
.masthead-gem-slot:nth-child(9) {
  --masthead-gem-arc-y: -0.15rem;
}

.masthead-gem-slot:nth-child(5),
.masthead-gem-slot:nth-child(8) {
  --masthead-gem-arc-y: -0.32rem;
}

.masthead-gem-slot:nth-child(6),
.masthead-gem-slot:nth-child(7) {
  --masthead-gem-arc-y: -0.41rem;
}

.masthead-gem-slot:nth-child(1) { --masthead-gem-arc-rotation: -13deg; }
.masthead-gem-slot:nth-child(2) { --masthead-gem-arc-rotation: -9deg; }
.masthead-gem-slot:nth-child(3) { --masthead-gem-arc-rotation: -6deg; }
.masthead-gem-slot:nth-child(4) { --masthead-gem-arc-rotation: -3deg; }
.masthead-gem-slot:nth-child(5) { --masthead-gem-arc-rotation: -1deg; }
.masthead-gem-slot:nth-child(8) { --masthead-gem-arc-rotation: 1deg; }
.masthead-gem-slot:nth-child(9) { --masthead-gem-arc-rotation: 3deg; }
.masthead-gem-slot:nth-child(10) { --masthead-gem-arc-rotation: 6deg; }
.masthead-gem-slot:nth-child(11) { --masthead-gem-arc-rotation: 9deg; }
.masthead-gem-slot:nth-child(12) { --masthead-gem-arc-rotation: 13deg; }

.masthead-gem-slot.is-empty {
  pointer-events: none;
}

.masthead-gem-slot .hidden-gem {
  width: 1.55rem;
  height: 2.25rem;
  margin: 0;
  padding: 0;
}

.masthead-gem-line.is-picked-clean .masthead-gem-slots {
  display: none;
}

.masthead-gem-line.is-entering {
  animation: masthead-gem-line-enter calc(620ms * var(--shedletsky-animation-duration-factor, 1)) cubic-bezier(0.2, 0.86, 0.32, 1.22) both;
}

.masthead-gem-line.is-resolving .masthead-gem-slots {
  animation: masthead-gem-line-clear calc(520ms * var(--shedletsky-animation-duration-factor, 1)) ease-in both;
}

.masthead-gem-line.is-resolving .masthead-gem-slot {
  animation: masthead-gem-slot-clear calc(360ms * var(--shedletsky-animation-duration-factor, 1)) ease-in both;
  animation-delay: calc(var(--masthead-gem-index) * 18ms * var(--shedletsky-animation-duration-factor, 1));
}

@keyframes masthead-gem-line-enter {
  0% { opacity: 0; transform: translate3d(3.5rem, -1.5rem, 90px) rotate(-5deg) scale(1.16); filter: brightness(2.1); }
  62% { opacity: 1; transform: translate3d(-0.2rem, 0.08rem, 0) rotate(1deg) scale(0.98); filter: brightness(1.12); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) rotate(0deg) scale(1); filter: brightness(1); }
}

@keyframes masthead-gem-line-clear {
  0%, 64% { opacity: 1; }
  100% { opacity: 0; transform: translateY(-0.75rem) scaleX(0.72); }
}

@keyframes masthead-gem-slot-clear {
  0% { opacity: 1; transform: translateY(0) rotate(0); }
  100% { opacity: 0; transform: translateY(-1rem) rotate(28deg) scale(0.42); }
}

.site-footer div,
.site-footer nav {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.site-footer strong {
  color: var(--text);
}

.site-footer a {
  color: var(--muted);
  font-weight: 700;
  text-decoration: none;
}

.site-footer a:hover {
  color: var(--text);
}

.admin-stats-panel {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 80;
  width: min(18.5rem, calc(100vw - 2rem));
  border: 1px solid rgba(240, 212, 154, 0.58);
  border-radius: var(--radius);
  padding: 0.7rem;
  background: rgba(5, 5, 9, 0.94);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.38);
  color: var(--text);
  font-size: 0.78rem;
  line-height: 1.3;
  backdrop-filter: blur(8px) saturate(1.12);
}

.admin-stats-panel-titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  margin-bottom: 0.55rem;
  border-bottom: 1px solid rgba(138, 140, 255, 0.36);
  padding-bottom: 0.45rem;
  color: var(--accent-2);
  font-weight: 800;
  letter-spacing: 0;
}

.admin-stats-panel-titlebar-actions {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.admin-stats-panel-toggle {
  display: grid;
  place-items: center;
  width: 1.35rem;
  height: 1.25rem;
  border: 1px solid rgba(240, 212, 154, 0.54);
  border-radius: var(--radius-sm);
  padding: 0;
  background: rgba(19, 19, 34, 0.94);
  color: #ffffff;
  font: inherit;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.admin-stats-panel-toggle:hover,
.admin-stats-panel-toggle:focus-visible {
  border-color: var(--accent-2);
  color: var(--accent-2);
}

.admin-stats-panel-titlebar a {
  color: #ffffff;
  font-weight: 800;
  text-decoration: none;
}

.admin-stats-panel-titlebar a:hover {
  color: var(--accent-2);
}

.admin-stats-panel dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
  margin: 0;
}

.admin-stats-panel dl div {
  min-width: 0;
  border: 1px solid rgba(57, 57, 79, 0.9);
  border-radius: var(--radius-sm);
  padding: 0.45rem;
  background: rgba(11, 11, 22, 0.88);
}

.admin-stats-panel dt {
  margin: 0 0 0.15rem;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.admin-stats-panel dd {
  margin: 0;
  color: #ffffff;
  font-size: 1.06rem;
  font-weight: 800;
  line-height: 1.05;
}

.admin-stats-panel.is-collapsed {
  width: min(11rem, calc(100vw - 2rem));
  padding-block: 0.55rem;
}

.admin-stats-panel.is-collapsed .admin-stats-panel-titlebar {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

.page-shell.shednet-map-shell-page ~ .admin-stats-panel {
  right: auto;
  left: 1rem;
  opacity: 0.72;
  transform: translateY(calc(100% - 2rem));
  transition: opacity 160ms ease, transform 160ms ease;
}

.page-shell.shednet-map-shell-page ~ .admin-stats-panel:hover,
.page-shell.shednet-map-shell-page ~ .admin-stats-panel:focus-within {
  opacity: 1;
  transform: translateY(0);
}

.page-shell.shednet-chat-prototype-page-shell ~ .admin-stats-panel {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-shell.shednet-map-shell-page ~ .admin-stats-panel {
    transition: none;
  }
}

.archive-header {
  max-width: none;
  margin-bottom: 0;
  border: 1px solid var(--line);
  border-bottom: 0;
  border-radius: var(--radius) var(--radius) 0 0;
  padding: clamp(1.25rem, 2.2vw, 2rem) clamp(1.25rem, 2.4vw, 2.1rem) 1.15rem;
  background: var(--panel);
}

.archive-header h1,
.content-header h1,
.admin-panel h1 {
  margin: 0;
  font-size: clamp(1.8rem, 4vw, 3rem);
  line-height: 1.05;
  font-weight: 700;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.eyebrow {
  display: inline-flex;
  margin-bottom: 0.65rem;
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.archive-header p,
.content-header time,
.content-meta,
.post-meta {
  color: var(--muted);
  font-size: 1rem;
}

.archive-count {
  margin-top: 0.9rem;
  font-size: 0.92rem !important;
}

.post-list {
  display: grid;
  gap: 1rem;
}

.post-row {
  display: grid;
  gap: clamp(1.1rem, 2.2vw, 1.7rem);
  align-items: start;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: clamp(1.25rem, 2.4vw, 2rem);
  background: var(--panel);
  box-shadow: var(--shadow);
}

.post-row:first-child {
  border-top: 1px solid var(--line);
}

.post-row.has-card-image {
  grid-template-columns: minmax(180px, 250px) minmax(0, 1fr);
}

.post-card-image {
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--panel-2);
}

.post-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.post-card-body {
  display: grid;
  gap: 0.7rem;
  min-width: 0;
}

.post-card-body h2 {
  margin: 0;
  font-size: clamp(1.25rem, 2.1vw, 1.7rem);
  line-height: 1.1;
}

.post-title {
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
}

.post-title:hover {
  color: #ddddff;
}

.post-meta,
.content-meta {
  display: flex;
  align-items: center;
  gap: 0.55rem 0.65rem;
  flex-wrap: wrap;
  font-size: 0.92rem;
}

.post-meta a,
.content-meta a,
.content-tags a {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0.1rem 0.5rem;
  color: #d2d2ff;
  font-size: 0.82rem;
  font-weight: 600;
  text-decoration: none;
}

.post-meta a:hover,
.content-meta a:hover,
.content-tags a:hover {
  border-color: var(--accent);
  color: var(--text);
}

.post-row p {
  max-width: 760px;
  margin: 0;
  color: #c0c0f0;
}

.read-link {
  justify-self: start;
  color: var(--accent);
  font-weight: 600;
  text-decoration: none;
}

.soh-layer {
  pointer-events: none;
}

.soh-layer-page {
  position: absolute;
  inset: 0;
  z-index: 80;
  height: 0;
}

.soh-layer-viewport {
  position: fixed;
  width: 100vw;
  height: 100vh;
  overflow: visible;
}

.soh-panel-host {
  position: relative;
  overflow: hidden;
}

.soh-layer-panel {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.soh-panel-host > :not(.soh-layer-panel) {
  position: relative;
  z-index: 1;
}

.soh-sprite {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  image-rendering: pixelated;
  shape-rendering: crispEdges;
  transform-origin: 50% 100%;
  will-change: transform;
}

.soh-sprite[data-soh-state="imprisoned"] {
  filter: drop-shadow(0 0 3px rgba(255, 255, 85, 0.34));
}

.soh-sprite[data-soh-state="running"] {
  filter: drop-shadow(0 0 3px rgba(255, 255, 85, 0.42));
}

.soh-sprite[data-soh-state="reading"] {
  filter:
    drop-shadow(0 0 2px rgba(255, 255, 85, 0.7))
    drop-shadow(0 0 7px rgba(255, 255, 85, 0.28));
}

.soh-sprite[data-soh-state="typing"] {
  filter:
    drop-shadow(0 0 2px rgba(255, 255, 85, 0.72))
    drop-shadow(0 0 7px rgba(85, 255, 255, 0.32));
}

.soh-prison-bars {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  border-radius: var(--radius);
  background:
    linear-gradient(90deg, transparent calc(50% - 1px), #aaaac8 calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)),
    linear-gradient(90deg, transparent calc(50% - 8px), #aaaac8 calc(50% - 8px) calc(50% - 6px), transparent calc(50% - 6px)),
    linear-gradient(90deg, transparent calc(50% + 6px), #aaaac8 calc(50% + 6px) calc(50% + 8px), transparent calc(50% + 8px)),
    linear-gradient(90deg, transparent calc(50% - 15px), #aaaac8 calc(50% - 15px) calc(50% - 13px), transparent calc(50% - 13px)),
    linear-gradient(90deg, transparent calc(50% + 13px), #aaaac8 calc(50% + 13px) calc(50% + 15px), transparent calc(50% + 15px));
  opacity: 0.95;
  image-rendering: pixelated;
}

.soh-prison-bars.is-locking {
  animation: soh-bars-lock 520ms steps(5, end);
}

.soh-prison-bars.is-unlocking {
  animation: soh-bars-unlock 260ms steps(3, end) forwards;
}

.soh-prison-bars[hidden] {
  display: none;
}

@keyframes soh-home-lock {
  0%,
  100% {
    box-shadow: none;
  }

  25% {
    box-shadow: 0 0 0 1px rgba(170, 170, 200, 0.42);
  }

  50% {
    box-shadow: 0 0 0 2px rgba(170, 170, 200, 0.3);
  }
}

@keyframes soh-bars-lock {
  0% {
    clip-path: inset(100% 0 0 0);
    opacity: 0;
  }

  45% {
    clip-path: inset(0 0 0 0);
    opacity: 0.95;
  }

  60% {
    clip-path: inset(0 0 8% 0);
  }

  100% {
    clip-path: inset(0 0 0 0);
    opacity: 0.95;
  }
}

@keyframes soh-bars-unlock {
  from {
    clip-path: inset(0 0 0 0);
    opacity: 0.95;
  }

  to {
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
}

.archive-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.7rem;
  max-width: 640px;
  margin-bottom: 1.25rem;
}

.empty-state {
  color: var(--muted);
}

.site-sidebar {
  display: grid;
  gap: 1rem;
  border: 0;
  background: transparent;
}

.sidebar-widget {
  border: 1px solid rgba(57, 57, 79, 0.74);
  border-radius: var(--radius);
  padding: 1.2rem;
  background: var(--panel);
  color: #c0c0f0;
  font-size: 0.96rem;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24);
}

.sidebar-widget:first-child {
  border-top: 1px solid rgba(57, 57, 79, 0.74);
}

.sidebar-widget-soh-stage {
  min-height: 60px;
  padding: 5px 8px;
}

.sidebar-widget-side-bar {
  padding: 0.8rem;
}

.sidebar-widget-side-bar h2 {
  margin-bottom: 0.65rem;
}

.side-bar-scene-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 8 / 5;
  overflow: hidden;
  border: 1px solid rgba(138, 140, 255, 0.34);
  border-radius: var(--radius-sm);
  background: #000000;
}

.side-bar-scene-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.04),
    inset 0 14px 28px rgba(255, 255, 255, 0.035),
    inset 0 -18px 24px rgba(0, 0, 0, 0.42);
}

.side-bar-closed-frame {
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 42%, rgba(0, 0, 170, 0.34), transparent 62%),
    repeating-linear-gradient(180deg, #000008 0 2px, #020213 2px 3px);
}

.side-bar-closed-sign {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  padding: 7px 3px;
  background: #0000aa;
  color: #ffff55;
  font-family: "Web437 IBM EGA 8x14", monospace;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 10px;
  text-align: left;
  text-shadow: none;
  white-space: pre;
  box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.66);
}

.side-bar-closed-glass {
  color: #55ffff;
}

.side-bar-closed-olive {
  color: #00ff00;
}

.side-bar-scene-canvas {
  display: block;
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

.side-bar-actor-tooltip {
  position: absolute;
  z-index: 2;
  max-width: min(14rem, calc(100% - 1rem));
  padding: 0.28rem 0.42rem;
  border: 1px solid rgba(255, 221, 120, 0.55);
  border-radius: var(--radius-sm);
  background: rgba(3, 3, 10, 0.94);
  color: #fff2a6;
  font-size: 0.72rem;
  line-height: 1.2;
  pointer-events: none;
  text-shadow: 0 1px 0 #000000;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.45);
  transform: translate(-50%, calc(-100% - 0.45rem));
  white-space: nowrap;
}

.soh-computer-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
}

.soh-computer-stage:hover {
  background: transparent;
}

.soh-computer-frame {
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
}

.soh-computer-frame img {
  display: block;
  width: 48px;
  height: 48px;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

.soh-computer-screen {
  position: absolute;
  z-index: 1;
  left: 13px;
  top: 6px;
  width: 23px;
  height: 19px;
  overflow: hidden;
  background: #03030a;
  opacity: 0;
  pointer-events: none;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

.soh-computer-scroll {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 23px;
  height: 42px;
  background:
    linear-gradient(#111133 0 2px, transparent 2px),
    linear-gradient(90deg, #050509 0 15px, #111133 15px 23px),
    repeating-linear-gradient(180deg, transparent 0 5px, rgba(85, 255, 255, 0.18) 5px 6px, transparent 6px 9px);
}

.soh-computer-screen video {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 24px;
  height: 20px;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

.soh-mini-header,
.soh-mini-post,
.soh-mini-post::before,
.soh-mini-post::after {
  position: absolute;
  display: block;
  content: "";
}

.soh-mini-header {
  left: 2px;
  top: 1px;
  width: 9px;
  height: 1px;
  background: #ffff55;
  box-shadow: 11px 0 0 #8a8cff;
}

.soh-mini-post {
  left: 2px;
  width: 13px;
  height: 6px;
  border-top: 1px solid #39394f;
  background:
    linear-gradient(#ffff55 0 1px, transparent 1px),
    linear-gradient(#aaaac8 0 1px, transparent 1px),
    linear-gradient(#55ffff 0 1px, transparent 1px);
  background-position: 0 1px, 0 3px, 0 5px;
  background-size: 10px 1px, 13px 1px, 7px 1px;
  background-repeat: no-repeat;
}

.soh-mini-post::before {
  left: 15px;
  top: 2px;
  width: 5px;
  height: 4px;
  background:
    linear-gradient(#55ff55 0 1px, transparent 1px),
    linear-gradient(#8a8cff 0 1px, transparent 1px),
    linear-gradient(#ff55ff 0 1px, transparent 1px);
  background-position: 0 0, 0 2px, 0 4px;
  background-size: 5px 1px, 4px 1px, 5px 1px;
  background-repeat: no-repeat;
}

.soh-mini-post::after {
  left: 0;
  top: 7px;
  width: 19px;
  height: 1px;
  background: #39394f;
}

.soh-mini-post-a {
  top: 4px;
}

.soh-mini-post-b {
  top: 14px;
}

.soh-mini-post-c {
  top: 24px;
}

.soh-mini-post-d {
  top: 34px;
}

.soh-computer-stage.is-soh-typing .soh-computer-screen {
  opacity: 1;
}

.soh-computer-stage.is-soh-playing .soh-computer-screen {
  opacity: 1;
}

.soh-computer-stage[data-soh-computer-lure="true"] .soh-computer-screen {
  opacity: 1;
  background:
    radial-gradient(circle at 50% 48%, rgba(176, 187, 255, 0.28), transparent 58%),
    #070014;
  box-shadow:
    0 0 0 1px rgba(178, 181, 255, 0.72),
    0 0 6px rgba(128, 108, 255, 0.72);
}

.soh-computer-stage[data-soh-computer-lure="true"] .soh-computer-scroll {
  background:
    linear-gradient(#c8ccff 0 1px, transparent 1px),
    repeating-linear-gradient(90deg, transparent 0 2px, rgba(174, 151, 255, 0.78) 2px 4px, transparent 4px 6px),
    repeating-linear-gradient(180deg, transparent 0 5px, rgba(255, 85, 255, 0.2) 5px 6px, transparent 6px 9px);
  animation: soh-computer-lure-scroll 1200ms steps(13, end) infinite;
}

.soh-computer-stage[data-soh-computer-lure="true"].is-aol-calling .soh-computer-frame {
  animation: soh-computer-call-wobble 1800ms steps(2, end) infinite;
}

.soh-computer-stage[data-soh-computer-lure="true"].is-aol-calling .soh-computer-screen {
  animation: soh-computer-call-glow 900ms steps(3, end) infinite;
}

.soh-computer-stage.is-soh-playing .soh-computer-scroll {
  display: none;
}

.soh-computer-stage.is-soh-typing .soh-computer-scroll {
  animation: soh-computer-scroll 1700ms steps(23, end) infinite;
}

.soh-computer-stage[data-soh-computer-state="RecognizedOperator"] .soh-computer-screen {
  opacity: 1;
  background:
    radial-gradient(circle at 50% 45%, rgba(174, 176, 255, 0.22), transparent 55%),
    #050012;
  box-shadow:
    0 0 0 1px rgba(159, 154, 229, 0.58),
    0 0 5px rgba(115, 95, 210, 0.45);
  filter: brightness(0.82) saturate(0.9);
  transition:
    box-shadow 340ms ease,
    filter 340ms ease;
}

.soh-computer-stage[data-soh-computer-state="RecognizedOperator"] .soh-computer-screen::before,
.soh-computer-stage[data-soh-computer-state="RecognizedOperator"] .soh-computer-screen::after {
  position: absolute;
  inset: -18px 0 0;
  display: block;
  content: "";
  pointer-events: none;
  opacity: 0;
  transition: opacity 360ms ease;
}

.is-operator-bar-engaged .soh-computer-stage[data-soh-computer-state="RecognizedOperator"] .soh-computer-screen {
  background:
    radial-gradient(circle at 50% 45%, rgba(204, 205, 255, 0.38), transparent 55%),
    #050012;
  box-shadow:
    0 0 0 1px rgba(206, 202, 255, 0.82),
    0 0 8px rgba(149, 117, 255, 0.9),
    0 0 15px rgba(255, 85, 255, 0.5);
  filter: brightness(1.25) saturate(1.35);
}

.is-operator-bar-engaged .soh-computer-stage[data-soh-computer-state="RecognizedOperator"] .soh-computer-screen::before {
  background:
    repeating-linear-gradient(180deg, transparent 0 2px, rgba(203, 210, 255, 0.92) 2px 3px, transparent 3px 5px),
    repeating-linear-gradient(90deg, transparent 0 4px, rgba(182, 135, 255, 0.72) 4px 5px, transparent 5px 9px);
  mix-blend-mode: screen;
  opacity: 0.95;
  animation: shednet-hot-code-fall 360ms steps(9, end) infinite;
}

.is-operator-bar-engaged .soh-computer-stage[data-soh-computer-state="RecognizedOperator"] .soh-computer-screen::after {
  background:
    linear-gradient(90deg, transparent 0 2px, rgba(239, 224, 255, 0.98) 2px 5px, transparent 5px 8px, rgba(177, 151, 255, 0.92) 8px 10px, transparent 10px 13px, rgba(255, 85, 255, 0.92) 13px 17px, transparent 17px),
    repeating-linear-gradient(180deg, rgba(98, 65, 196, 0.3) 0 1px, transparent 1px 3px);
  opacity: 0.88;
  filter: saturate(1.7);
  animation: shednet-hot-code-surge 520ms steps(11, end) infinite;
}

.soh-computer-stage[data-soh-computer-state="RecognizedOperator"] .soh-computer-scroll {
  opacity: 0.5;
  background:
    linear-gradient(#9b9bdd 0 1px, transparent 1px),
    repeating-linear-gradient(90deg, rgba(184, 166, 255, 0.58) 0 2px, transparent 2px 5px, rgba(255, 85, 255, 0.32) 5px 6px, transparent 6px 9px),
    repeating-linear-gradient(180deg, transparent 0 3px, rgba(154, 124, 255, 0.42) 3px 4px, transparent 4px 8px);
  filter: saturate(0.8);
  transition:
    opacity 360ms ease,
    filter 360ms ease;
}

.is-operator-bar-engaged .soh-computer-stage[data-soh-computer-state="RecognizedOperator"] .soh-computer-scroll {
  opacity: 1;
  background:
    linear-gradient(#d7d9ff 0 1px, transparent 1px),
    repeating-linear-gradient(90deg, #b8a6ff 0 2px, transparent 2px 4px, #ff55ff 4px 5px, transparent 5px 7px),
    repeating-linear-gradient(180deg, transparent 0 2px, rgba(154, 124, 255, 0.8) 2px 3px, transparent 3px 4px);
  filter: saturate(1.75);
  animation: shednet-hot-code-scroll 300ms steps(7, end) infinite;
}

.soh-computer-stx-peek {
  position: absolute;
  z-index: 3;
  left: 10px;
  bottom: -15px;
  width: 13px;
  height: 16px;
  pointer-events: none;
  opacity: 0;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  filter:
    drop-shadow(0 0 1px #f0eaff)
    drop-shadow(0 0 5px rgba(255, 85, 255, 0.9));
}

.soh-computer-stage.is-stx-peeking .soh-computer-stx-peek {
  opacity: 1;
  animation: soh-computer-stx-peek 2600ms ease-in-out infinite;
}

@keyframes soh-computer-scroll {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-23px);
  }
}

@keyframes soh-computer-lure-scroll {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-17px);
  }
}

@keyframes soh-computer-call-glow {
  0%,
  100% {
    filter: brightness(1);
  }

  50% {
    filter: brightness(1.75) saturate(1.5);
  }
}

@keyframes soh-computer-call-wobble {
  0%,
  100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(1px);
  }
}

@keyframes soh-computer-stx-peek {
  0%,
  100% {
    transform: translateY(11px) rotate(0deg);
  }

  18%,
  62% {
    transform: translateY(-8px) rotate(-8deg);
  }

  78% {
    transform: translateY(-3px) rotate(6deg);
  }
}

@keyframes shednet-hot-code-scroll {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-19px);
  }
}

@keyframes shednet-hot-code-fall {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(18px);
  }
}

@keyframes shednet-hot-code-surge {
  0% {
    transform: translateY(-4px) translateX(0);
    opacity: 0.58;
  }

  50% {
    transform: translateY(6px) translateX(-2px);
    opacity: 1;
  }

  100% {
    transform: translateY(16px) translateX(1px);
    opacity: 0.72;
  }
}

body.is-shednet-screen-pulling {
  overflow: hidden;
}

.shednet-screen-pull {
  position: fixed;
  z-index: 10000;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background: rgba(0, 0, 0, 0);
  opacity: 1;
  transition: opacity 180ms ease;
}

.shednet-screen-pull.is-finished {
  opacity: 0;
}

.shednet-screen-pull-vignette,
.shednet-screen-pull-raster,
.shednet-screen-pull-glyphs,
.shednet-screen-pull-computer,
.shednet-screen-pull-screen-clip,
.shednet-screen-pull-screen-glyphs,
.shednet-screen-pull-screen-glow {
  position: absolute;
  display: block;
  content: "";
}

.shednet-screen-pull-vignette {
  z-index: 1;
  inset: 0;
  background:
    radial-gradient(circle at calc(var(--shednet-pull-left) + var(--shednet-pull-width) / 2) calc(var(--shednet-pull-top) + var(--shednet-pull-height) / 2), transparent 0 8%, rgba(0, 0, 0, 0.68) 42%, #000000 100%),
    rgba(0, 0, 0, 0.18);
  opacity: 0;
}

.shednet-screen-pull.is-active .shednet-screen-pull-vignette {
  animation: shednet-screen-pull-vignette var(--shednet-pull-duration) ease-in forwards;
}

.shednet-screen-pull-raster {
  z-index: 2;
  inset: -12%;
  background:
    repeating-radial-gradient(circle at calc(var(--shednet-pull-left) + var(--shednet-pull-width) / 2) calc(var(--shednet-pull-top) + var(--shednet-pull-height) / 2), rgba(181, 174, 255, 0.18) 0 2px, transparent 2px 14px),
    repeating-linear-gradient(180deg, transparent 0 3px, rgba(206, 202, 255, 0.14) 3px 4px);
  opacity: 0;
  transform: scale(1);
}

.shednet-screen-pull.is-active .shednet-screen-pull-raster {
  animation: shednet-screen-pull-raster var(--shednet-pull-duration) cubic-bezier(0.72, 0, 0.16, 1) forwards;
}

.shednet-screen-pull-glyphs {
  z-index: 3;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  mix-blend-mode: screen;
  filter:
    drop-shadow(0 0 0.18rem rgba(198, 191, 255, 0.95))
    drop-shadow(0 0 0.5rem rgba(255, 85, 255, 0.5));
}

.shednet-screen-pull.is-active .shednet-screen-pull-glyphs {
  animation: shednet-screen-pull-glyphs var(--shednet-pull-duration) ease-in forwards;
}

.shednet-screen-pull-computer {
  z-index: 5;
  left: var(--shednet-computer-left);
  top: var(--shednet-computer-top);
  width: var(--shednet-computer-width);
  height: var(--shednet-computer-height);
  opacity: 0;
  transform-origin: var(--shednet-computer-screen-x) var(--shednet-computer-screen-y);
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  filter:
    drop-shadow(0 0 0.08rem rgba(226, 226, 255, 0.92))
    drop-shadow(0 0 0.42rem rgba(159, 124, 255, 0.72))
    drop-shadow(0 1.2rem 1.4rem rgba(0, 0, 0, 0.74));
}

.shednet-screen-pull-shell {
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

.shednet-screen-pull-screen-clip,
.shednet-screen-pull-screen-glow {
  left: calc(var(--shednet-computer-screen-x) - var(--shednet-computer-screen-width) / 2);
  top: calc(var(--shednet-computer-screen-y) - var(--shednet-computer-screen-height) / 2);
  width: var(--shednet-computer-screen-width);
  height: var(--shednet-computer-screen-height);
}

.shednet-screen-pull-screen-clip {
  z-index: 4;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 45%, rgba(241, 239, 255, 0.58), rgba(167, 141, 255, 0.36) 38%, rgba(5, 0, 18, 0.88) 82%),
    repeating-linear-gradient(180deg, transparent 0 2px, rgba(255, 85, 255, 0.32) 2px 3px, transparent 3px 5px);
  box-shadow:
    inset 0 0 0 1px rgba(226, 226, 255, 0.8),
    inset 0 0 0.35rem rgba(255, 85, 255, 0.42);
  opacity: 0.92;
  mix-blend-mode: screen;
}

.shednet-screen-pull-screen-glyphs {
  inset: -38%;
  width: 176%;
  height: 176%;
  mix-blend-mode: screen;
  opacity: 0.95;
}

.shednet-screen-pull-screen-glow {
  z-index: 5;
  background:
    radial-gradient(circle at 50% 45%, rgba(255, 255, 255, 0.5), rgba(181, 174, 255, 0.18) 44%, transparent 72%),
    repeating-linear-gradient(180deg, transparent 0 2px, rgba(255, 255, 255, 0.22) 2px 3px, transparent 3px 6px);
  box-shadow:
    0 0 0.35rem rgba(226, 226, 255, 0.86),
    0 0 1.1rem rgba(255, 85, 255, 0.62);
  opacity: 0.78;
  mix-blend-mode: screen;
  pointer-events: none;
}

.shednet-screen-pull.is-active .shednet-screen-pull-computer {
  animation: shednet-screen-pull-computer var(--shednet-pull-duration) cubic-bezier(0.78, 0, 0.08, 1) forwards;
}

@keyframes shednet-screen-pull-vignette {
  0% {
    opacity: 0;
  }

  48% {
    opacity: 0.72;
  }

  100% {
    opacity: 1;
  }
}

@keyframes shednet-screen-pull-raster {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  24% {
    opacity: 0.8;
  }

  100% {
    opacity: 1;
    transform: scale(2.35) rotate(4deg);
  }
}

@keyframes shednet-screen-pull-glyphs {
  0% {
    opacity: 0;
  }

  18% {
    opacity: 0.72;
  }

  100% {
    opacity: 1;
  }
}

@keyframes shednet-screen-pull-computer {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0.92) rotate(0deg);
  }

  8% {
    opacity: 1;
  }

  34% {
    opacity: 1;
    transform: translate3d(0, -0.24rem, 0) scale(1.45) rotate(-2deg);
  }

  72% {
    opacity: 1;
    transform:
      translate3d(
        calc(50vw - var(--shednet-computer-screen-center-x)),
        calc(50vh - var(--shednet-computer-screen-center-y)),
        0)
      scale(var(--shednet-computer-mid-scale))
      rotate(4deg);
  }

  100% {
    opacity: 1;
    transform:
      translate3d(
        calc(50vw - var(--shednet-computer-screen-center-x)),
        calc(50vh - var(--shednet-computer-screen-center-y)),
        0)
      scale(var(--shednet-computer-scale))
      rotate(0deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .soh-computer-stage[data-soh-computer-state="RecognizedOperator"] .soh-computer-scroll,
  .soh-computer-stage[data-soh-computer-state="RecognizedOperator"] .soh-computer-screen::before,
  .soh-computer-stage[data-soh-computer-state="RecognizedOperator"] .soh-computer-screen::after,
  .soh-computer-stage[data-soh-computer-lure="true"] .soh-computer-scroll,
  .soh-computer-stage[data-soh-computer-lure="true"].is-aol-calling .soh-computer-frame,
  .soh-computer-stage[data-soh-computer-lure="true"].is-aol-calling .soh-computer-screen,
  .soh-computer-stage.is-stx-peeking .soh-computer-stx-peek {
    animation: none;
  }

  .soh-computer-stage[data-soh-computer-state="RecognizedOperator"] .soh-computer-screen::before {
    inset: 0;
  }

  .shednet-screen-pull.is-active .shednet-screen-pull-vignette,
  .shednet-screen-pull.is-active .shednet-screen-pull-raster,
  .shednet-screen-pull.is-active .shednet-screen-pull-glyphs,
  .shednet-screen-pull.is-active .shednet-screen-pull-computer,
  .shednet-screen-pull-screen-glyphs {
    animation-duration: 180ms;
    animation-iteration-count: 1;
  }

}

.sidebar-widget h2,
.sidebar-subscribe-form h2 {
  margin: 0 0 0.85rem;
  color: #ffffff;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.2;
}

.sidebar-widget ul {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding-left: 1.1rem;
}

.blogroll-list {
  list-style: none;
  padding-left: 0;
}

.sidebar-widget li + li {
  margin-top: 0.1rem;
}

.social-links {
  display: flex;
  justify-content: center;
  gap: 0.45rem;
  flex-wrap: nowrap;
  align-items: center;
}

.social-links a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.55rem;
  height: 1.55rem;
  border-radius: var(--radius-sm);
  background: transparent;
  text-decoration: none;
  overflow: hidden;
  transform-origin: 50% 70%;
  transition: filter 160ms ease, transform 160ms ease;
  will-change: transform;
}

.sidebar-author {
  display: grid;
  gap: 0.75rem;
}

.sidebar-author img {
  width: 100%;
  border: 1px solid var(--line);
}

.sidebar-author a {
  font-weight: 600;
}

.social-links img {
  display: block;
  width: 1.55rem;
  height: 1.55rem;
  pointer-events: none;
}

.social-links a:hover,
.social-links a:focus-visible {
  z-index: 1;
  animation: social-link-dance 720ms ease-in-out infinite;
  filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.36));
}

.social-links a:active {
  transform: translateY(1px) scale(1.08);
}

@keyframes social-link-dance {
  0%,
  100% {
    transform: translateY(0) rotate(0deg) scale(1.12);
  }

  25% {
    transform: translateY(-2px) rotate(-4deg) scale(1.18);
  }

  50% {
    transform: translateY(0) rotate(3deg) scale(1.15);
  }

  75% {
    transform: translateY(-1px) rotate(-2deg) scale(1.18);
  }
}

@media (prefers-reduced-motion: reduce) {
  .social-links a {
    transition: filter 160ms ease, transform 160ms ease;
  }

  .social-links a:hover,
  .social-links a:focus-visible {
    animation: none;
    transform: scale(1.12);
  }
}

.tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 0.7rem;
}

.hit-counter {
  margin: 0;
}

.chat-gem {
  display: grid;
  gap: 0.4rem;
  justify-items: start;
}

.chat-gem-button {
  min-height: 0;
  border: 0;
  padding: 0;
  background: transparent;
}

.chat-gem-button:hover {
  background: transparent;
}

.chat-gem img {
  display: block;
  width: 56px;
  height: 56px;
  filter: grayscale(0.5);
}

.chat-gem img.is-active {
  filter: none;
}

.chat-gem img.is-special {
  filter: hue-rotate(80deg) saturate(1.5);
}

.chat-gem-output {
  min-height: 1.4em;
  color: var(--muted);
  font-size: 0.9rem;
}

.sidebar-subscribe-form,
.sidebar-search-form {
  display: grid;
  gap: 0.75rem;
}

.sidebar-subscribe-form p {
  margin: 0;
  color: var(--muted);
}

.sidebar-widget-subscribe {
  border-color: rgba(85, 255, 255, 0.42);
  background:
    linear-gradient(145deg, rgba(85, 255, 255, 0.07), transparent 48%),
    var(--panel);
}

.sidebar-subscribe-form .sidebar-subscribe-note {
  color: #aaaad0;
  font-size: 0.78rem;
}

.sidebar-subscribe-form span,
.sidebar-search-form span {
  color: var(--muted);
  font-weight: 700;
}

.text-effect {
  position: relative;
  display: inline-block;
  isolation: isolate;
}

.text-effect-sparkle {
  color: #ffffff;
  text-shadow:
    0 0 4px var(--panel),
    0 0 12px rgba(138, 140, 255, 0.42);
}

.text-effect-sparkle .sparkle {
  position: absolute;
  display: block;
  pointer-events: none;
  transform: translate3d(-50%, -50%, 0) scale(0);
  animation: sparkle-pop 950ms ease-out forwards;
}

.text-effect-sparkle .sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  animation: sparkle-spin 950ms linear forwards;
}

@keyframes sparkle-pop {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0);
  }

  45% {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale(1);
  }

  100% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0);
  }
}

@keyframes sparkle-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(110deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .text-effect-sparkle .sparkle {
    animation: none;
  }

  .text-effect-sparkle .sparkle svg {
    animation: none;
  }
}

.favlink {
  display: inline-flex;
  align-items: baseline;
  gap: 0.35em;
}

.favlink img {
  flex: 0 0 auto;
  height: 1em;
  width: auto;
}

.content-document {
  max-width: 900px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  box-shadow: var(--shadow);
}

.content-document.narrow {
  max-width: 560px;
}

.content-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 0.88rem;
  font-weight: 700;
}

.article-breadcrumbs {
  width: 100%;
  margin: 0 auto 0.95rem;
  padding-inline: max(1.25rem, calc((100% - var(--article-reading-width, 740px)) / 2));
}

.archive-breadcrumbs {
  width: 100%;
  margin: 0 0 0.8rem;
  padding-inline: clamp(1.25rem, 2.4vw, 2.1rem);
}

.content-breadcrumbs a {
  color: #d2d2ff;
  text-decoration: none;
}

.content-breadcrumbs a:hover {
  color: #ffffff;
}

.content-breadcrumbs [aria-current="page"] {
  color: #ffffff;
}

.article-document {
  display: grid;
  justify-items: center;
  gap: 0;
  width: 100%;
  max-width: none;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  box-shadow: var(--shadow);
}

.content-header {
  display: grid;
  gap: 1rem;
  margin-bottom: 0;
  border-bottom: 1px solid var(--line);
  padding: clamp(1.25rem, 2.4vw, 2rem);
}

.article-header {
  width: 100%;
  max-width: none;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  padding: clamp(1.5rem, 3vw, 2.5rem) max(1.25rem, calc((100% - var(--article-reading-width, 740px)) / 2));
  background:
    linear-gradient(135deg, rgba(85, 85, 255, 0.06), transparent 48%),
    #05050a;
  box-shadow: none;
}

.article-header h1 {
  max-width: 100%;
  font-size: clamp(2.15rem, 3.2vw, 3.05rem);
  line-height: 1.08;
}

.content-summary {
  max-width: 760px;
  margin: 0;
  color: #cbd8d1;
  font-size: 1.16rem;
}

.content-hero-image {
  margin: 1.25rem 0 0;
}

.article-header .content-hero-image {
  width: min(100%, var(--article-reading-width, 740px));
}

.content-hero-image img {
  display: block;
  width: 100%;
  max-height: 34rem;
  object-fit: contain;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--panel-2);
}

.content-hero-image figcaption {
  margin-top: 0.55rem;
  color: var(--muted);
  font-size: 0.92rem;
}

.prose {
  padding: clamp(1.3rem, 2.5vw, 2.1rem);
  color: #c4c4f2;
  font-size: 1rem;
  line-height: 1.72;
}

.article-prose {
  width: min(100%, var(--article-frame-width, 780px));
  max-width: var(--article-frame-width, 780px);
  padding: clamp(1.75rem, 4vw, 3rem) 1.25rem;
  font-size: 1.1rem;
  line-height: 1.75;
}

.article-header + .article-prose {
  margin-top: 0;
}

.prose h2,
.prose h3 {
  margin-top: 2.25rem;
  margin-bottom: 0.75rem;
  color: #ffffff;
  line-height: 1.15;
}

.prose p,
.prose ul,
.prose ol,
.prose blockquote {
  max-width: 72ch;
}

.article-prose p,
.article-prose ul,
.article-prose ol,
.article-prose blockquote {
  max-width: 100%;
}

.prose p,
.prose ul,
.prose ol {
  margin-top: 0;
  margin-bottom: 1.15rem;
}

.prose img,
.prose video,
.prose iframe {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-sm);
}

.article-prose img,
.article-prose video,
.article-prose iframe {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.prose blockquote {
  margin: 1.4rem 0;
  border-left: 3px solid var(--accent);
  padding-left: 1rem;
  color: #d2d2ff;
}

.prose pre {
  position: relative;
  max-width: 860px;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.15rem;
  background: var(--panel-2);
}

.prose code {
  border-radius: var(--radius-sm);
  padding: 0.08rem 0.28rem;
  background: var(--panel-2);
  color: #ffffff;
  font-family: "Shedletsky Cascadia Mono", "Cascadia Mono", Consolas, "Courier New", monospace;
  font-size: 0.94em;
}

.hidden-gem {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  margin: 0 0.08em;
  border: 0;
  border-radius: 2px;
  padding: 0 0.03em;
  background: transparent;
  color: var(--economy-gem-color);
  line-height: 1;
  vertical-align: -0.18em;
  cursor: pointer;
  transform-origin: center;
  overflow: visible;
}

.hidden-gem:hover {
  background: transparent;
  color: var(--economy-gem-color);
}

.hidden-gem:focus-visible {
  outline: 1px solid rgba(85, 255, 255, 0.88);
  outline-offset: 3px;
}

.economy-gem-glyph-hidden {
  --pixel-svg-color: var(--economy-gem-color);
  position: relative;
  z-index: 1;
  filter:
    drop-shadow(0 0 4px rgba(85, 255, 255, 0.42))
    drop-shadow(0 2px 0 rgba(0, 0, 0, 0.38));
}

.hidden-gem:hover .economy-gem-glyph-hidden,
.hidden-gem:focus-visible .economy-gem-glyph-hidden {
  filter:
    drop-shadow(0 0 8px rgba(85, 255, 255, 0.88))
    drop-shadow(0 2px 0 rgba(0, 0, 0, 0.38));
  transform: translateY(-1px) scale(1.08);
}

.hidden-gem.is-sparkly::before,
.hidden-gem.is-sparkly::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: var(--gem-sparkle-y, 32%);
  left: var(--gem-sparkle-x, 58%);
  background: #ffffff;
  clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
  filter: drop-shadow(0 0 5px rgba(85, 255, 255, 0.9));
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0.12) rotate(var(--gem-sparkle-rotation, 0deg));
}

.hidden-gem.is-sparkly::after {
  width: var(--gem-sparkle-size, 0.34rem);
  height: var(--gem-sparkle-size, 0.34rem);
}

.hidden-gem.is-sparkly::before {
  top: var(--gem-sparkle-encore-y, 47%);
  left: var(--gem-sparkle-encore-x, 42%);
  width: var(--gem-sparkle-encore-size, 0.19rem);
  height: var(--gem-sparkle-encore-size, 0.19rem);
  filter: drop-shadow(0 0 4px rgba(134, 255, 255, 0.95));
}

.hidden-gem.is-sparkling::after {
  animation: hidden-gem-sparkle-pop calc(var(--gem-sparkle-duration, 620ms) * var(--shedletsky-animation-duration-factor, 1)) cubic-bezier(0.18, 0.82, 0.28, 1) both;
}

.hidden-gem.is-sparkling.is-sparkle-double::before {
  animation: hidden-gem-sparkle-encore calc(var(--gem-sparkle-encore-duration, 480ms) * var(--shedletsky-animation-duration-factor, 1)) cubic-bezier(0.2, 0.78, 0.3, 1) both;
  animation-delay: calc(var(--gem-sparkle-encore-delay, 210ms) * var(--shedletsky-animation-duration-factor, 1));
}

.hidden-gem.is-pending {
  opacity: 0.72;
  transform: scale(0.96);
}

.hidden-gem.is-collected {
  pointer-events: none;
  animation: hidden-gem-disappear 260ms ease-out forwards;
}

.article-prose > p:has(> .hidden-gem:only-child) {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  min-height: clamp(11rem, 28vw, 15rem);
  margin: 0 0 1.5rem;
  overflow: hidden;
  border: 1px solid rgba(85, 255, 255, 0.28);
  border-radius: var(--radius);
  padding: clamp(2.8rem, 7vw, 4.2rem) clamp(1.25rem, 6vw, 3rem) clamp(1.5rem, 4vw, 2.4rem);
  background:
    radial-gradient(circle at 50% 48%, rgba(85, 255, 255, 0.14), transparent 38%),
    linear-gradient(135deg, rgba(85, 85, 255, 0.08), transparent 48%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 4px),
    #08080d;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.025),
    inset 0 0 3.5rem rgba(0, 0, 0, 0.54),
    0 1rem 2.75rem rgba(0, 0, 0, 0.18);
}

.article-prose > p:has(> .hidden-gem:only-child)::before {
  content: "Loose site property";
  position: absolute;
  left: clamp(0.9rem, 3vw, 1.35rem);
  top: 0.9rem;
  z-index: 1;
  color: rgba(181, 181, 234, 0.86);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
}

.article-prose > p:has(> .hidden-gem:only-child)::after {
  content: "";
  position: absolute;
  inset: 0.48rem;
  z-index: -1;
  border: 1px solid rgba(181, 181, 234, 0.08);
  border-radius: 2px;
  pointer-events: none;
}

.article-prose > p:has(> .hidden-gem:only-child) > .hidden-gem {
  z-index: 2;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0.9rem;
  align-items: center;
  width: min(100%, 15.5rem);
  min-height: 4.5rem;
  margin: 0;
  border: 1px solid rgba(85, 255, 255, 0.66);
  border-radius: var(--radius-sm);
  padding: 0.8rem 1.1rem 0.8rem 1rem;
  background:
    linear-gradient(180deg, rgba(85, 255, 255, 0.1), rgba(85, 85, 255, 0.055)),
    #0a0a12;
  color: #f4f4ff;
  line-height: 1.15;
  text-align: left;
  vertical-align: middle;
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.72),
    0 0 1.8rem rgba(85, 255, 255, 0.1),
    0 0.55rem 0 rgba(0, 0, 0, 0.2);
  transform: none;
  transition:
    border-color 120ms ease,
    background-color 120ms ease,
    box-shadow 120ms ease,
    transform 120ms ease;
}

.article-prose > p:has(> .hidden-gem:only-child) > .hidden-gem:hover {
  border-color: #55ffff;
  background:
    linear-gradient(180deg, rgba(85, 255, 255, 0.16), rgba(85, 85, 255, 0.08)),
    #0a0a12;
  color: #ffffff;
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.72),
    0 0 2.4rem rgba(85, 255, 255, 0.18),
    0 0.7rem 0 rgba(0, 0, 0, 0.24);
  transform: translateY(-1px);
}

.article-prose > p:has(> .hidden-gem:only-child) > .hidden-gem:active {
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.72),
    0 0 1.5rem rgba(85, 255, 255, 0.14),
    0 0.2rem 0 rgba(0, 0, 0, 0.2);
  transform: translateY(1px);
}

.article-prose > p:has(> .hidden-gem:only-child) > .hidden-gem .economy-gem-glyph-hidden {
  transform: scale(1.28);
}

.article-prose > p:has(> .hidden-gem:only-child) > .hidden-gem:hover .economy-gem-glyph-hidden,
.article-prose > p:has(> .hidden-gem:only-child) > .hidden-gem:focus-visible .economy-gem-glyph-hidden {
  transform: translateY(-1px) scale(1.38);
}

.article-prose > p:has(> .hidden-gem:only-child) > .hidden-gem .visually-hidden {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  color: inherit;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.11em;
  white-space: normal;
  text-transform: uppercase;
}

@keyframes hidden-gem-sparkle-pop {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.12) rotate(var(--gem-sparkle-rotation, 0deg));
  }

  24% {
    opacity: 0.82;
    transform: translate(-50%, -50%) scale(0.72) rotate(calc(var(--gem-sparkle-rotation, 0deg) + 9deg));
  }

  48% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(var(--gem-sparkle-scale, 1.25)) rotate(calc(var(--gem-sparkle-rotation, 0deg) + 24deg));
  }

  73% {
    opacity: 0.48;
    transform: translate(-50%, -50%) translate(var(--gem-sparkle-drift-x, 0.04rem), var(--gem-sparkle-drift-y, -0.06rem)) scale(0.7) rotate(calc(var(--gem-sparkle-rotation, 0deg) + 43deg));
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) translate(var(--gem-sparkle-drift-x, 0.04rem), var(--gem-sparkle-drift-y, -0.06rem)) scale(0.16) rotate(calc(var(--gem-sparkle-rotation, 0deg) + 62deg));
  }
}

@keyframes hidden-gem-sparkle-encore {
  0%,
  12% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.1) rotate(var(--gem-sparkle-encore-rotation, 0deg));
  }

  46% {
    opacity: 0.92;
    transform: translate(-50%, -50%) scale(var(--gem-sparkle-encore-scale, 1.05)) rotate(calc(var(--gem-sparkle-encore-rotation, 0deg) + 20deg));
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) translate(var(--gem-sparkle-encore-drift-x, -0.03rem), var(--gem-sparkle-encore-drift-y, -0.04rem)) scale(0.12) rotate(calc(var(--gem-sparkle-encore-rotation, 0deg) + 48deg));
  }
}

@keyframes hidden-gem-disappear {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(0.35) translateY(-0.2rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gem-fly-clone,
  .gem-fly-clone.is-flying,
  .gem-stash-spark,
  .gem-stash-spark.is-active,
  .economy-lab-gem-flight,
  .economy-lab-gem-flight.is-flying,
  .hidden-gem.is-collected,
  .nav-gem-balance.is-stashing,
  .nav-gem-balance.is-stashing .economy-gem-glyph {
    animation: none;
    transition: none;
  }
}

.prose pre code {
  padding: 0;
  background: transparent;
  color: #dbe5df;
}

.copy-code-button {
  position: absolute;
  top: 0.55rem;
  right: 0.55rem;
  min-height: 1.9rem;
  padding: 0.25rem 0.55rem;
  font-size: 0.82rem;
}

.embed,
.youtube-embed {
  max-width: 860px;
  margin: 1.4rem 0;
}

.embed iframe,
.youtube-embed iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
  border-radius: var(--radius);
  background: var(--panel-2);
}

.youtube-embed__placeholder {
  min-height: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.35rem;
  padding: 1.25rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel-2);
}

.youtube-embed__label {
  color: var(--muted);
  font-size: 0.82rem;
  letter-spacing: 0;
  text-transform: uppercase;
}

.youtube-embed__link {
  margin-top: 0.45rem;
  color: var(--muted);
  font-size: 0.94rem;
}

.content-card {
  max-width: 760px;
  margin: 1.4rem 0;
  border: 1px solid var(--line);
  border-left: 4px solid var(--accent);
  border-radius: var(--radius);
  padding: 1rem;
  background: var(--panel-2);
  color: #d2d2ff;
}

.content-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  max-width: 760px;
  margin: 0;
  border-top: 1px solid var(--line);
  padding: 1.15rem clamp(1.3rem, 2.5vw, 2.1rem);
}

.article-document .content-tags {
  width: min(100%, var(--article-frame-width, 780px));
  max-width: var(--article-frame-width, 780px);
  padding: 1.15rem 1.25rem 1.5rem;
}

body.admin-surface {
  min-width: 1180px;
  background: #121217;
}

body.admin-surface::before {
  display: none;
}

.admin-shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 268px minmax(0, 1fr);
  min-height: 100vh;
}

.admin-sidebar {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 0;
  border-right: 1px solid #2d2d3f;
  background: #08080d;
  box-shadow: 12px 0 34px rgba(0, 0, 0, 0.26);
}

.admin-sidebar-brand {
  display: grid;
  gap: 0.2rem;
  border-bottom: 1px solid #2d2d3f;
  padding: 1.15rem 1rem;
}

.admin-sidebar-brand a {
  color: #ffffff;
  font-size: 1.05rem;
  font-weight: 800;
  text-decoration: none;
  text-decoration-line: none;
}

.admin-sidebar-brand span {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.86rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-nav {
  display: grid;
  gap: 1rem;
  align-content: start;
  min-height: 0;
  overflow: auto;
  padding: 1rem;
}

.admin-nav-section {
  display: grid;
  gap: 0.25rem;
}

.admin-nav-section h2 {
  margin: 0 0 0.25rem;
  color: #f0d49a;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.admin-nav-link {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2.05rem;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 0.38rem 0.55rem;
  color: #dadaff;
  font-size: 0.9rem;
  font-weight: 650;
  line-height: 1.25;
  text-align: left;
  text-decoration: none;
  text-decoration-line: none;
}

.admin-nav-link:hover {
  border-color: #39394f;
  background: #111124;
  color: #ffffff;
}

.admin-nav-link.is-active {
  border-color: rgba(138, 140, 255, 0.7);
  background: #19194a;
  color: #ffffff;
}

.admin-sidebar-footer {
  display: grid;
  gap: 0.35rem;
  margin-top: auto;
  border-top: 1px solid #2d2d3f;
  padding: 0.85rem 1rem 1rem;
}

.admin-sidebar-footer form {
  margin: 0;
}

.admin-logout-button {
  justify-content: flex-start;
  border-color: transparent;
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.admin-logout-button:hover {
  border-color: #39394f;
  background: #111124;
}

.admin-main {
  min-width: 0;
  width: 100%;
  padding: 1.5rem 2rem 3rem;
}

.admin-notice {
  max-width: 1600px;
  margin: 0 0 1rem;
}

.admin-panel {
  width: 100%;
  max-width: 1600px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 1.25rem;
  background: var(--panel);
  box-shadow: var(--shadow);
}

.admin-panel.narrow {
  max-width: 760px;
}

.editor-panel,
.economy-labs,
.image-filter-labs,
.llm-labs,
.item-labs,
.scene-labs,
.store-inventory-admin {
  max-width: none;
}

.admin-panel h1 {
  font-size: clamp(1.7rem, 3vw, 2.6rem);
}

.admin-titlebar,
.button-row,
.actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.admin-titlebar {
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

.admin-table {
  width: 100%;
  border-collapse: collapse;
}

.admin-table th,
.admin-table td {
  border-top: 1px solid var(--line);
  padding: 0.8rem;
  text-align: left;
  vertical-align: top;
}

.admin-table-sticky th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #101018;
}

.admin-table tbody tr:hover {
  background: rgba(138, 140, 255, 0.055);
}

.simulation-error-details summary {
  cursor: pointer;
}

.simulation-error-details pre {
  max-width: min(1200px, 84vw);
  max-height: 28rem;
  margin: 0.75rem 0 0;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
}

.admin-inline-block {
  display: grid;
  gap: 0.25rem;
  padding: 0.65rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.admin-inline-block:first-child {
  padding-top: 0;
  border-top: 0;
}

.admin-inline-block:last-child {
  padding-bottom: 0;
}

.admin-job-dense {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.45rem;
}

.admin-job-dense span,
.admin-job-warning,
.admin-job-incidents span {
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 0.12rem 0.35rem;
  color: var(--muted);
  font-size: 0.72rem;
  line-height: 1.2;
}

.admin-job-dense span:first-child {
  border-color: rgba(85, 255, 255, 0.28);
  color: #d7d7ff;
  font-weight: 700;
  text-transform: uppercase;
}

.admin-job-dense .is-danger,
.admin-job-warning.is-danger {
  border-color: rgba(242, 140, 140, 0.55);
  color: #ffd0d0;
}

.admin-job-warning-stack,
.admin-job-incidents {
  display: grid;
  gap: 0.3rem;
  margin-top: 0.45rem;
}

.admin-job-warning {
  display: block;
}

.admin-job-warning.is-warn {
  border-color: rgba(240, 212, 154, 0.52);
  color: #ffefb0;
}

.admin-job-incidents > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}

.admin-filter-bar-wide {
  grid-template-columns: minmax(18rem, 1fr) repeat(3, minmax(10rem, 13rem)) auto auto;
}

.admin-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1rem;
}

.danger-soft {
  border-color: rgba(255, 147, 147, 0.45);
  color: #ffd0d0;
}

.admin-dashboard {
  display: grid;
  gap: 1.35rem;
}

.dashboard-metrics {
  margin: 0;
}

.dashboard-metric {
  display: grid;
  gap: 0.25rem;
  color: inherit;
  text-decoration: none;
}

.dashboard-metric:hover {
  border-color: rgba(138, 140, 255, 0.65);
  color: #ffffff;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.dashboard-section {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 1rem;
  background: #0b0b12;
}

.dashboard-section .admin-table,
.dashboard-section .admin-table tbody,
.dashboard-section .admin-table tr,
.dashboard-section .admin-table th,
.dashboard-section .admin-table td {
  min-width: 0;
}

.dashboard-section .admin-table td {
  overflow-wrap: anywhere;
}

.admin-identifier-list {
  display: grid;
  gap: 0.35rem;
  margin-top: 0.45rem;
  font-size: 0.88rem;
}

.admin-identifier-list > div {
  display: grid;
  gap: 0.1rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.admin-identifier-list code {
  white-space: normal;
  overflow-wrap: anywhere;
}

.dashboard-section h2,
.admin-lab-card h2 {
  margin: 0;
  font-size: 1.1rem;
}

.admin-titlebar.compact {
  margin: 0;
}

.dashboard-list,
.dashboard-warning-list {
  display: grid;
  gap: 0.6rem;
}

.dashboard-list-item,
.dashboard-warning {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 6px;
  padding: 0.75rem;
  background: #08080d;
}

.dashboard-list-item > div,
.dashboard-warning > div {
  min-width: 0;
}

.dashboard-list-item p,
.dashboard-warning p,
.admin-lab-card p {
  margin: 0.25rem 0 0;
}

.dashboard-warning.warning {
  border-color: rgba(240, 212, 154, 0.4);
}

.dashboard-warning.danger {
  border-color: rgba(255, 147, 147, 0.5);
}

.admin-lab-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.admin-lab-card {
  display: grid;
  align-content: space-between;
  gap: 0.75rem;
  min-height: 13rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 1rem;
  background: #0b0b12;
}

.status-table th {
  width: 12rem;
}

.status-table {
  table-layout: fixed;
}

.llm-result-panel {
  display: grid;
  gap: 1rem;
  margin-top: 1.25rem;
}

.llm-result-panel h2 {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
  margin: 0;
  font-size: 1rem;
}

.llm-response {
  max-height: 28rem;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 1rem;
  background: #050508;
  white-space: pre-wrap;
}

.llm-labs {
  display: grid;
  gap: 1rem;
}

.llm-lab-guardrails,
.llm-lab-context-form,
.llm-lab-section-heading,
.llm-lab-result-card header,
.llm-lab-reason-list,
.llm-lab-risk-list {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
}

.llm-lab-guardrails span {
  border: 1px solid rgba(126, 214, 181, 0.26);
  border-radius: 999px;
  padding: 0.25rem 0.6rem;
  background: rgba(126, 214, 181, 0.08);
  color: #baf0dc;
  font-size: 0.84rem;
  font-weight: 800;
}

.llm-lab-context-form {
  align-items: end;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0.85rem;
  background: #0c1216;
}

.llm-lab-context-form label {
  flex: 1 1 18rem;
}

.llm-lab-workbench {
  display: grid;
  grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.llm-lab-chop-panel,
.llm-lab-controls,
.llm-lab-targets,
.llm-lab-prompt-preview,
.llm-lab-result-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0c1216;
}

.llm-lab-chop-panel {
  display: grid;
  gap: 0.75rem;
  position: sticky;
  top: 1rem;
  padding: 0.85rem;
}

.llm-lab-chop-panel canvas,
.llm-lab-result-card canvas {
  width: 100%;
  max-width: 8rem;
  height: auto;
  border: 1px solid rgba(85, 255, 255, 0.22);
  border-radius: 6px;
  image-rendering: pixelated;
}

.llm-lab-chop-panel strong,
.llm-lab-chop-panel span,
.llm-lab-chop-panel small {
  display: block;
}

.llm-lab-chop-panel small,
.llm-lab-section-heading span,
.llm-lab-target-card small,
.llm-lab-result-card header span,
.llm-lab-result-meta dt {
  color: var(--muted);
}

.llm-lab-controls,
.llm-lab-targets,
.llm-lab-prompt-preview {
  padding: 1rem;
}

.llm-lab-targets,
.llm-lab-prompt-preview,
.llm-lab-results {
  grid-column: 1 / -1;
  display: grid;
  gap: 0.85rem;
}

.llm-lab-section-heading {
  justify-content: space-between;
}

.llm-lab-section-heading h2 {
  margin: 0;
  font-size: 1.05rem;
}

.llm-lab-target-list,
.llm-lab-prompt-grid,
.llm-lab-comparison-list,
.llm-lab-comparison-grid,
.llm-lab-result-grid {
  display: grid;
  gap: 0.75rem;
}

.llm-lab-prompt-grid {
  grid-template-columns: minmax(16rem, 0.8fr) minmax(18rem, 1.2fr);
}

.llm-lab-prompt-block {
  min-width: 0;
}

.llm-lab-prompt-block h3,
.llm-lab-result-card details h3 {
  margin: 0 0 0.45rem;
  color: var(--muted);
  font-size: 0.78rem;
  text-transform: uppercase;
}

.llm-lab-prompt-block .llm-response,
.llm-lab-result-card details .llm-response {
  max-height: 18rem;
  margin: 0 0 0.75rem;
  font-size: 0.82rem;
}

.llm-lab-target-list {
  grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
}

.llm-lab-target-card {
  display: grid;
  grid-template-columns: auto 3rem minmax(0, 1fr);
  gap: 0.7rem;
  align-items: start;
  border: 1px solid rgba(96, 96, 144, 0.7);
  border-radius: 8px;
  padding: 0.75rem;
  background: #080d13;
  cursor: pointer;
}

.llm-lab-target-card:hover,
.llm-lab-target-card:has(input:focus-visible),
.llm-lab-target-card:has(input:checked) {
  border-color: rgba(85, 255, 255, 0.48);
  background: #0d1520;
}

.llm-lab-target-card input {
  margin-top: 0.35rem;
}

.llm-lab-target-score {
  display: grid;
  place-items: center;
  min-height: 2.4rem;
  border: 1px solid rgba(226, 197, 111, 0.42);
  border-radius: 6px;
  background: rgba(226, 197, 111, 0.08);
  color: #f5dda0;
  font-weight: 900;
}

.llm-lab-target-copy {
  display: grid;
  gap: 0.28rem;
  min-width: 0;
}

.llm-lab-target-copy > span {
  color: #e6e6f5;
  font-size: 0.92rem;
}

.llm-lab-reason-list {
  grid-column: 3;
  gap: 0.35rem;
}

.llm-lab-reason-list em,
.llm-lab-risk-list span {
  border: 1px solid rgba(159, 184, 255, 0.25);
  border-radius: 999px;
  padding: 0.12rem 0.45rem;
  background: rgba(159, 184, 255, 0.08);
  color: #cbd6ff;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 800;
}

.llm-lab-result-grid {
  grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
}

.llm-lab-comparison-list {
  gap: 1rem;
}

.llm-lab-comparison {
  display: grid;
  gap: 0.75rem;
  border: 1px solid rgba(96, 96, 144, 0.72);
  border-radius: 8px;
  padding: 0.85rem;
  background: #080d13;
}

.llm-lab-comparison > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.llm-lab-comparison > header strong,
.llm-lab-comparison > header span {
  display: block;
}

.llm-lab-comparison > header span {
  color: var(--muted);
}

.llm-lab-comparison-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.llm-lab-result-card {
  display: grid;
  gap: 0.8rem;
  padding: 0.9rem;
}

.llm-lab-result-card.is-failed {
  border-color: rgba(242, 140, 140, 0.5);
}

.llm-lab-result-card header {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr) auto;
  align-items: center;
}

.llm-lab-result-card header:not(:has(canvas)) {
  grid-template-columns: minmax(0, 1fr) auto;
}

.llm-lab-result-card header canvas {
  width: 4.5rem;
}

.llm-lab-result-card header div {
  min-width: 0;
}

.llm-lab-result-card header strong,
.llm-lab-result-card header span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.llm-lab-comment-preview {
  margin: 0;
  border-left: 3px solid #55ffff;
  border-radius: 0 6px 6px 0;
  padding: 0.75rem;
  background: #070b10;
  color: #ffffff;
}

.llm-lab-score-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}

.llm-lab-score-pill {
  display: grid;
  gap: 0.15rem;
  border: 1px solid rgba(85, 255, 255, 0.25);
  border-radius: 6px;
  padding: 0.55rem;
  background: rgba(85, 255, 255, 0.06);
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.llm-lab-score-pill strong {
  color: #ffffff;
  font-size: 1.35rem;
  line-height: 1;
}

.llm-lab-result-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  gap: 0.55rem;
  margin: 0;
}

.llm-lab-result-meta div {
  min-width: 0;
}

.llm-lab-result-meta dt {
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
}

.llm-lab-result-meta dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.llm-lab-risk-list.is-warning span {
  border-color: rgba(242, 140, 140, 0.36);
  background: rgba(242, 140, 140, 0.08);
  color: #ffc3c3;
}

.llm-lab-result-card details {
  border-top: 1px solid var(--line);
  padding-top: 0.65rem;
}

.llm-lab-result-card summary {
  cursor: pointer;
  font-weight: 800;
}

.admin-table th {
  color: var(--muted);
  font-size: 0.85rem;
  text-transform: uppercase;
}

.admin-filter-bar {
  display: grid;
  grid-template-columns: 12rem minmax(16rem, 1fr) auto;
  gap: 0.75rem;
  align-items: end;
  margin-bottom: 1rem;
}

.admin-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 0 0 1rem;
}

.agora-debug-panel {
  margin-top: 0.65rem;
  border: 1px solid rgba(85, 255, 255, 0.18);
  border-radius: var(--radius-sm);
  padding: 0.65rem;
  background: rgba(0, 0, 0, 0.2);
}

.agora-debug-panel summary {
  cursor: pointer;
  color: #55ffff;
  font-weight: 700;
}

.agora-debug-panel h3 {
  margin: 0.75rem 0 0.35rem;
  font-size: 0.82rem;
  color: var(--muted);
  text-transform: uppercase;
}

.agora-debug-panel pre {
  max-height: 24rem;
  overflow: auto;
  border: 1px solid rgba(57, 57, 79, 0.74);
  border-radius: var(--radius-sm);
  padding: 0.65rem;
  background: #050509;
  color: var(--text);
  white-space: pre-wrap;
}

.admin-comment-body {
  max-width: 62rem;
  margin: 0 0 0.45rem;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.comments-admin-table td:first-child {
  min-width: 24rem;
}

.comment-detail-grid {
  display: grid;
  grid-template-columns: minmax(16rem, 24rem) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.comment-detail-meta,
.comment-parent-chain,
.comment-thread-admin {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 1rem;
  background: #0c1216;
}

.comment-detail-meta h2,
.comment-parent-chain h2,
.comment-thread-admin h2 {
  margin: 0 0 0.85rem;
  font-size: 1.05rem;
}

.comment-detail-list {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0.55rem 0.85rem;
  margin: 0;
}

.comment-detail-list dt {
  color: var(--muted);
  font-weight: 800;
}

.comment-detail-list dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.comment-detail-actions {
  margin-top: 1rem;
  border-top: 1px solid var(--line);
  padding-top: 1rem;
}

.comment-detail-main {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.comment-parent-chain ol,
.admin-comment-thread-list {
  display: grid;
  gap: 0.75rem;
  margin: 0;
  padding-left: 1.25rem;
}

.comment-parent-chain li {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.admin-comment-thread-list .admin-comment-thread-list {
  margin-top: 0.75rem;
  border-left: 1px solid var(--line);
}

.admin-comment-thread-card {
  display: grid;
  gap: 0.65rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0.85rem;
  background: var(--panel);
}

.admin-comment-thread-card.is-selected {
  border-color: rgba(240, 212, 154, 0.72);
  background: rgba(240, 212, 154, 0.08);
}

.admin-comment-thread-card header,
.admin-comment-thread-card footer {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 0.9rem;
}

.admin-comment-thread-card header {
  justify-content: space-between;
}

.admin-comment-thread-card header > div,
.admin-comment-thread-card footer {
  min-width: 0;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

.wide {
  grid-column: 1 / -1;
}

.editor-form {
  display: grid;
  gap: 0.85rem;
}

.editor-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  min-width: 0;
}

.editor-workspace:has(.markdown-authoring:not([hidden]) + .editor-preview:not([hidden])) {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.markdown-authoring {
  display: grid;
  min-width: 0;
  gap: 0.65rem;
}

.markdown-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
  border: 1px solid var(--line);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  padding: 0.55rem 0.65rem;
  background: #0c1216;
}

.editor-tools-row {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}

.markdown-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.markdown-toolbar button {
  min-height: 1.95rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.84rem;
}

.asset-tools {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.asset-tool-section {
  display: grid;
  gap: 0.75rem;
  border-top: 1px solid var(--line);
  padding-top: 1rem;
}

.asset-tool-heading {
  display: grid;
  gap: 0.25rem;
}

.asset-tool-heading h2 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.2;
}

.asset-list,
.asset-card-options {
  display: grid;
  gap: 0.75rem;
}

.asset-item {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 0.75rem;
  border-top: 1px solid var(--line);
  padding-top: 0.75rem;
}

.asset-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #0c1216;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
  text-transform: uppercase;
}

.asset-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.asset-detail {
  display: grid;
  gap: 0.4rem;
  min-width: 0;
}

.asset-detail strong,
.asset-detail span {
  overflow-wrap: anywhere;
}

.asset-actions,
.variant-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.asset-actions button,
.variant-controls button {
  min-height: 2rem;
  padding: 0.32rem 0.55rem;
  font-size: 0.86rem;
}

.variant-controls input,
.variant-controls select {
  flex: 1 1 7rem;
  min-width: 0;
  padding: 0.48rem 0.55rem;
  font-size: 0.9rem;
}

.radio-option {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.55rem;
  align-items: center;
  color: #dbe5df;
  font-weight: 600;
}

.radio-option input {
  width: 1rem;
  height: 1rem;
}

.radio-option img {
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 6px;
  object-fit: cover;
}

.asset-status {
  min-height: 1.3em;
  margin: 0;
}

.asset-status.is-error {
  color: #ffc0c0;
}

.media-filter-bar {
  display: grid;
  grid-template-columns: minmax(12rem, 1fr) 12rem auto auto;
  gap: 0.75rem;
  align-items: end;
  margin-bottom: 1rem;
}

.media-library-grid {
  display: grid;
  gap: 0.9rem;
}

.media-library-item {
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 1rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0.85rem;
  background: #0c1216;
}

.media-library-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 132px;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #090d10;
  color: var(--muted);
  font-size: 0.86rem;
  font-weight: 800;
}

.media-library-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.media-library-detail {
  display: grid;
  gap: 0.6rem;
  min-width: 0;
}

.media-library-heading,
.asset-meta-line {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.media-library-detail code {
  overflow-wrap: anywhere;
  color: #d3e2dc;
}

.media-metadata-details {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 0.45rem;
}

.media-metadata-details > summary {
  color: #dadaff;
  cursor: pointer;
  font-weight: 700;
}

.animation-assets .media-filter-bar {
  grid-template-columns: minmax(14rem, 1fr) repeat(3, minmax(9rem, 12rem)) minmax(10rem, auto) auto auto;
}

.animation-asset-groups {
  display: grid;
  gap: 1.5rem;
}

.animation-asset-release {
  display: grid;
  gap: 0.8rem;
}

.animation-asset-release h2 {
  margin: 0;
  color: var(--accent);
  font-size: 1rem;
  text-transform: uppercase;
}

.animation-asset-location {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0.75rem;
  background: rgba(5, 8, 10, 0.42);
}

.animation-asset-location summary {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  color: var(--text);
  margin-bottom: 0.75rem;
}

.animation-asset-location summary span {
  color: var(--muted);
  font-size: 0.9rem;
}

.animation-asset-preview {
  color: var(--accent);
  font-size: 1.1rem;
  letter-spacing: 0;
}

.animation-asset-item.is-missing {
  border-color: #aa5555;
  background: #1a1010;
}

.animation-asset-metadata pre {
  max-height: 18rem;
  overflow: auto;
  margin: 0.5rem 0 0;
  padding: 0.6rem;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #050708;
  color: #d3e2dc;
  font-size: 0.78rem;
  white-space: pre-wrap;
}

.scene-lab-mode-tabs {
  display: inline-flex;
  gap: 0.35rem;
  margin: 1rem 0 0;
  padding: 0.25rem;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #050708;
}

.scene-lab-mode-tab {
  min-height: 2.3rem;
  padding: 0.35rem 0.75rem;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: var(--muted);
  font: inherit;
  cursor: pointer;
}

.scene-lab-mode-tab.is-active,
.scene-lab-mode-tab:focus-visible {
  border-color: rgba(85, 255, 255, 0.45);
  background: #102028;
  color: #ffffff;
}

.scene-lab-mode-panel[hidden] {
  display: none;
}

.scene-lab-asset-picker {
  display: grid;
  gap: 0.75rem;
  margin: 1rem 0;
  padding: 0.75rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(5, 8, 10, 0.52);
}

.scene-lab-asset-toolbar {
  display: grid;
  grid-template-columns: minmax(16rem, 1fr) auto auto;
  gap: 0.75rem;
  align-items: end;
}

.scene-lab-asset-toolbar label {
  display: grid;
  gap: 0.35rem;
}

.scene-lab-asset-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.scene-lab-filter {
  min-height: 2.25rem;
  padding: 0.35rem 0.6rem;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #081014;
  color: var(--muted);
  font: inherit;
  cursor: pointer;
}

.scene-lab-filter.is-active,
.scene-lab-filter:focus-visible {
  border-color: var(--accent);
  color: var(--text);
  background: #102028;
}

.scene-lab-asset-browser {
  display: grid;
  grid-template-columns: minmax(32rem, 1fr) minmax(18rem, 24rem);
  gap: 0.75rem;
  align-items: stretch;
}

.scene-lab-asset-results {
  min-height: calc(100vh - 18rem);
  max-height: calc(100vh - 18rem);
  overflow: auto;
  display: grid;
  align-content: start;
  gap: 0;
  padding: 0.35rem;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #050708;
}

.scene-lab-asset-summary {
  position: sticky;
  top: -0.35rem;
  z-index: 3;
  padding: 0.45rem 0.55rem;
  border-bottom: 1px solid rgba(57, 57, 79, 0.82);
  background: #050708;
  color: var(--muted);
  font-size: 0.82rem;
}

.scene-lab-asset-family {
  position: sticky;
  top: 4.4rem;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: 0;
  padding: 0.4rem 0.55rem;
  border-bottom: 1px solid rgba(57, 57, 79, 0.82);
  background: #071014;
  color: var(--accent);
  font-size: 0.8rem;
  text-transform: uppercase;
}

.scene-lab-asset-family span {
  color: var(--muted);
}

.scene-lab-asset-row {
  display: grid;
  grid-template-columns: minmax(5.5rem, 0.65fr) minmax(5.5rem, 0.65fr) minmax(16rem, 2fr) minmax(10rem, 1fr) minmax(4.5rem, 0.45fr) minmax(10rem, 1fr);
  gap: 0.75rem;
  align-items: center;
  width: 100%;
  min-height: 2.65rem;
  padding: 0.3rem 0.55rem;
  border: 1px solid transparent;
  border-radius: 0;
  border-bottom-color: rgba(57, 57, 79, 0.45);
  background: transparent;
  color: var(--text);
  text-align: left;
  font: inherit;
  cursor: pointer;
}

.scene-lab-asset-row-header {
  position: sticky;
  top: 1.95rem;
  z-index: 2;
  min-height: 2.1rem;
  border-bottom-color: rgba(85, 255, 255, 0.22);
  background: #081014;
  color: #8798a0;
  font-size: 0.78rem;
  text-transform: uppercase;
  cursor: default;
}

.scene-lab-asset-row:hover,
.scene-lab-asset-row:focus-visible,
.scene-lab-asset-row.is-selected {
  border-color: var(--accent);
  background: #0b171d;
}

.scene-lab-asset-row-header:hover {
  border-color: transparent;
  border-bottom-color: rgba(85, 255, 255, 0.22);
  background: #081014;
}

.scene-lab-asset-preview-canvas {
  display: block;
  width: 6rem;
  height: 3.375rem;
  border: 1px solid rgba(57, 57, 79, 0.82);
  border-radius: 4px;
  background: #020406;
  image-rendering: pixelated;
}

.scene-lab-asset-kind,
.scene-lab-asset-state,
.scene-lab-asset-badges span {
  display: inline-flex;
  align-items: center;
  min-height: 1.45rem;
  padding: 0.1rem 0.4rem;
  border: 1px solid var(--line);
  border-radius: 4px;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.1;
  text-transform: uppercase;
}

.scene-lab-asset-cell {
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  font-size: 0.86rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scene-lab-asset-title {
  display: grid;
  gap: 0.1rem;
  font-weight: 700;
}

.scene-lab-asset-title small {
  min-width: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 0.75rem;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scene-lab-asset-modified,
.scene-lab-asset-family-cell,
.scene-lab-asset-size,
.scene-lab-asset-location {
  color: var(--muted);
}

.scene-lab-asset-row-text {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
}

.scene-lab-asset-row-text strong,
.scene-lab-asset-row-text small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scene-lab-asset-row-text small {
  color: var(--muted);
}

.scene-lab-asset-details {
  position: sticky;
  top: 1rem;
  display: grid;
  align-content: start;
  gap: 0.5rem;
  max-height: calc(100vh - 18rem);
  overflow: auto;
  padding: 0.75rem;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #071014;
}

.scene-lab-asset-details code {
  display: block;
  overflow-wrap: anywhere;
  color: #a8d8cf;
  font-size: 0.82rem;
}

.scene-lab-asset-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.scene-lab-asset-meta {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.25rem 0.65rem;
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
}

.scene-lab-asset-meta dt {
  color: #8798a0;
}

.scene-lab-asset-meta dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.scene-lab-asset-empty {
  padding: 1rem;
  color: var(--muted);
}

.scene-lab-load-more {
  justify-self: start;
  margin: 0.75rem 0.55rem;
}

.scene-lab-recent-assets {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.scene-lab-recent-assets:empty {
  display: none;
}

.scene-lab-recent-assets button {
  max-width: 18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .scene-lab-asset-toolbar,
  .scene-lab-asset-browser {
    grid-template-columns: 1fr;
  }

  .scene-lab-asset-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.3rem 0.75rem;
    padding: 0.55rem;
  }

  .scene-lab-asset-row-header {
    display: none;
  }

  .scene-lab-asset-kind {
    justify-self: start;
  }

  .scene-lab-asset-title {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .scene-lab-asset-modified,
  .scene-lab-asset-family-cell,
  .scene-lab-asset-size,
  .scene-lab-asset-location {
    display: none;
  }
}

.asset-meta-line {
  color: var(--muted);
  font-size: 0.9rem;
}

.asset-meta-line span + span::before {
  content: "/";
  margin-right: 0.5rem;
  color: #58666d;
}

.media-metadata-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 0.7rem;
  align-items: end;
}

.media-metadata-form .asset-actions {
  grid-column: 1 / -1;
}

.editor-panel {
  padding: clamp(1rem, 2.4vw, 1.6rem);
}

.editor-panel .admin-titlebar {
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}

.editor-panel h1 {
  font-size: clamp(1.35rem, 2.2vw, 2rem);
}

.editor-primary-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.editor-primary-actions button,
.editor-primary-actions .button {
  min-height: 2.15rem;
  padding: 0.4rem 0.7rem;
  font-size: 0.9rem;
}

.writing-title-block {
  display: grid;
  gap: 0.4rem;
}

.title-field {
  gap: 0.45rem;
}

.title-field input {
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  padding: 0.25rem 0 0.55rem;
  background: transparent;
  color: var(--text);
  font-size: clamp(2rem, 4.5vw, 4.2rem);
  font-weight: 800;
  line-height: 1.05;
}

.slug-preview {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 0.92rem;
}

.slug-preview code {
  color: #f5dda0;
  font-family: "Shedletsky Cascadia Mono", "Cascadia Mono", Consolas, "Courier New", monospace;
}

.edit-slug-button {
  color: var(--accent);
}

.post-settings-panel,
.media-panel {
  position: relative;
}

.post-settings-panel > summary,
.media-panel > summary {
  list-style: none;
  cursor: pointer;
}

.post-settings-panel > summary::-webkit-details-marker,
.media-panel > summary::-webkit-details-marker {
  display: none;
}

.post-settings-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0c1216;
}

.post-settings-panel > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.7rem 0.8rem;
  color: var(--text);
  font-weight: 800;
}

.settings-edit-label {
  color: var(--muted);
  font-size: 0.86rem;
  font-weight: 600;
}

.settings-grid {
  margin: 0;
  border-top: 1px solid var(--line);
  padding: 0.9rem;
}

.settings-card-image {
  grid-column: 1 / -1;
}

.settings-wide {
  grid-column: 1 / -1;
}

.settings-grid textarea {
  min-height: 5.5rem;
  resize: vertical;
}

.editor-mode-tabs {
  display: inline-flex;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 6px;
}

.editor-mode-tabs button {
  min-height: 1.95rem;
  border: 0;
  border-radius: 0;
  padding: 0.25rem 0.6rem;
  font-size: 0.84rem;
}

.editor-mode-tabs button + button {
  border-left: 1px solid var(--line);
}

.editor-mode-tabs .is-active {
  background: var(--accent);
  color: #06110d;
}

.media-panel > summary.button {
  min-height: 1.95rem;
  padding: 0.25rem 0.6rem;
  font-size: 0.84rem;
}

.media-panel .asset-tools {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  z-index: 10;
  width: min(440px, calc(100vw - 3rem));
  max-height: min(72vh, 760px);
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 1rem;
  background: var(--panel);
  box-shadow: var(--shadow);
}

.media-panel .asset-tool-section:first-child {
  border-top: 0;
  padding-top: 0;
}

.markdown-authoring textarea {
  min-height: min(62vh, 46rem);
  border-radius: 0 0 8px 8px;
  font-size: 1rem;
}

.editor-preview {
  min-height: min(62vh, 46rem);
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 1rem;
  background: #0c1216;
}

.editor-status-strip {
  display: flex;
  align-items: center;
  gap: 0.45rem 0.9rem;
  flex-wrap: wrap;
  border-block: 1px solid var(--line);
  padding: 0.55rem 0;
  color: var(--muted);
  font-size: 0.88rem;
}

.editor-status-strip span {
  display: inline-flex;
  align-items: center;
}

.editor-status-strip code {
  color: #f5dda0;
  font-family: "Shedletsky Cascadia Mono", "Cascadia Mono", Consolas, "Courier New", monospace;
}

.editor-status-strip [data-autosave-status].is-error {
  color: #ff9c9c;
}

.editor-status-strip span + span::before {
  content: "";
  width: 0.35rem;
  height: 0.35rem;
  margin-right: 0.9rem;
  border-radius: 999px;
  background: var(--line);
}

.preview-card-panel {
  margin-top: 1rem;
}

.preview-card-panel h2 {
  margin: 0 0 0.8rem;
  font-size: 1rem;
}

.subscribe-form {
  display: grid;
  gap: 0.9rem;
  margin-bottom: 2rem;
  padding: 1.25rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.account-preference-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 2rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1rem;
  background: #080810;
}

.account-preference-summary > div {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
}

.account-preference-summary strong {
  color: #f0d49a;
  font-size: 1.15rem;
}

.account-preference-summary .button {
  grid-column: 1 / -1;
}

.reading-preferences-shell {
  width: min(1200px, calc(100% - 2rem));
}

.reading-preferences-page {
  display: grid;
  gap: 1rem;
}

.reading-preferences-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid var(--line);
  padding-bottom: 1rem;
}

.reading-preferences-header h1 {
  margin: 0;
  font-size: 4rem;
  line-height: 0.95;
}

.reading-preferences-header p {
  margin: 0.55rem 0 0;
  color: var(--muted);
  font-weight: 700;
}

.account-back-link {
  order: 2;
  flex: 0 0 auto;
  color: #d2d2ff;
  font-weight: 700;
  text-decoration: none;
}

.account-back-link::before {
  content: "< ";
  color: #f0d49a;
}

.reading-preferences-workbench {
  display: grid;
  grid-template-columns: minmax(18rem, 23rem) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.reading-preferences-controls {
  display: grid;
  gap: 1rem;
  align-self: start;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1rem;
  background: rgba(5, 5, 9, 0.94);
  box-shadow: var(--shadow);
}

.reading-preferences-controls .reading-speed-control {
  grid-template-columns: minmax(0, 7.5rem) minmax(0, 1fr) 3.6rem;
}

.reading-preferences-actions {
  display: grid;
  gap: 0.55rem;
}

.reading-preferences-actions button {
  width: 100%;
}

.reading-preview-status {
  min-height: 1.3rem;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 700;
  text-align: center;
}

[data-unsaved-reading-preview] .reading-preview-status {
  color: #f0d49a;
}

.reading-preferences-form {
  gap: 1rem;
}

.reading-preferences-fieldset {
  display: grid;
  gap: 0.85rem;
}

.reading-speed-control {
  display: grid;
  grid-template-columns: minmax(8rem, 1fr) minmax(9rem, 2fr) 4.5rem;
  gap: 0.75rem;
  align-items: center;
}

.reading-speed-control input[type="range"] {
  min-width: 0;
}

.reading-speed-control output {
  color: #f0d49a;
  font-weight: 800;
  text-align: right;
}

.checkbox-line {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  width: fit-content;
}

.reading-wait-toggle {
  gap: 0.7rem;
  padding: 0.25rem 0;
  color: #e7e7ff;
  font-weight: 800;
  white-space: nowrap;
}

.reading-wait-toggle input[type="checkbox"] {
  flex: 0 0 auto;
  width: 1.1rem;
  height: 1.1rem;
}

.reading-preferences-demo {
  position: relative;
  min-height: 15rem;
  border: 1px solid rgba(190, 125, 255, 0.34);
  border-radius: 8px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(85, 255, 255, 0.06), transparent 34%),
    #05050a;
}

.reading-preferences-demo-canvas {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

.reading-preferences-demo-large {
  min-height: 0;
  aspect-ratio: 2 / 1;
  box-shadow: var(--shadow);
}

.reading-preferences-demo-large .reading-preferences-demo-canvas {
  min-height: 0;
}

.comments-section {
  width: 100%;
  margin: 2.3rem auto 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.75rem max(1.25rem, calc((100% - var(--article-reading-width, 740px)) / 2));
  background: var(--panel);
  box-shadow: var(--shadow);
}

.comments-section .content-header {
  border-bottom: 0;
  padding: 0;
}

.comments-section .content-header h2 {
  margin: 0;
  font-size: clamp(1.25rem, 2vw, 1.7rem);
}

.comments-header p {
  margin: 0.35rem 0 0;
  color: var(--muted);
  font-size: 0.92rem;
}

.comment-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.comment-thread-item {
  min-width: 0;
}

.comment-replies {
  margin-top: 0.15rem;
  margin-left: 1.35rem;
  padding-left: 1.15rem;
  border-left: 1px solid rgba(138, 140, 255, 0.28);
}

.comment {
  display: grid;
  grid-template-columns: 2.35rem minmax(0, 1fr);
  gap: 0.7rem;
  border-top: 1px solid rgba(57, 57, 79, 0.72);
  padding: 0.85rem 0;
}

.comment.is-deleted {
  color: var(--muted);
}

.pending-comments {
  margin: 1rem 0 1.25rem;
  border: 1px dashed rgba(240, 212, 154, 0.34);
  border-radius: 8px;
  padding: 0.85rem 1rem;
  background: rgba(240, 212, 154, 0.035);
}

.pending-comments h3 {
  margin: 0;
  font-size: 1rem;
}

.pending-comments > p {
  margin: 0.25rem 0 0.35rem;
}

.comment.is-awaiting-moderation {
  border-top-color: rgba(240, 212, 154, 0.28);
}

.comment.is-awaiting-moderation .comment-source-pill {
  color: #f0d49a;
}

.comment-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid rgba(138, 140, 255, 0.46);
  border-radius: 7px;
  background:
    linear-gradient(90deg, rgba(5, 5, 9, 0.7), rgba(5, 5, 9, 0.36)),
    linear-gradient(135deg, rgba(138, 140, 255, 0.2), rgba(240, 212, 154, 0.08)),
    #08080d;
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 2px 0 #000000, 0 0 12px rgba(138, 140, 255, 0.45);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

.comment.is-deleted .comment-avatar {
  border-color: rgba(181, 181, 234, 0.24);
  background: #0c0c14;
  color: var(--muted);
}

.comment.is-chop-comment {
  border-top-color: rgba(57, 57, 79, 0.72);
}

.comment-chop-avatar {
  overflow: hidden;
  padding: 0;
  background:
    linear-gradient(180deg, rgba(5, 8, 13, 0.94), rgba(7, 9, 16, 0.98)),
    #05080d;
}

.comment-chop-avatar canvas {
  display: block;
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
}

.comment-main {
  min-width: 0;
}

.comment header {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.45rem 0.7rem;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.35;
}

.comment header strong {
  color: #dfe3ff;
  font-size: 0.92rem;
}

.comment.is-chop-comment header strong {
  color: #dfe3ff;
}

.comment-source-pill {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0;
}

.comment-permalink {
  opacity: 0.55;
  color: var(--muted);
  font-weight: 800;
  text-decoration: none;
}

.comment-permalink:hover {
  color: var(--accent-2);
}

.comment p {
  margin: 0.35rem 0 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.comment-form {
  display: grid;
  gap: 0.8rem;
  margin-top: 1.15rem;
  border-top: 1px solid rgba(57, 57, 79, 0.72);
  padding-top: 1rem;
}

.comment-form textarea {
  min-height: 6.25rem;
  resize: vertical;
}

.comment-reply {
  margin-top: 0.5rem;
}

.comment-reply summary {
  display: inline-flex;
  min-height: 1.55rem;
  align-items: center;
  list-style: none;
  cursor: pointer;
  color: var(--accent);
  font-size: 0.86rem;
  font-weight: 700;
}

.comment-reply summary::-webkit-details-marker {
  display: none;
}

.comment-reply summary:hover {
  color: var(--accent-2);
}

.comment-form.compact {
  max-width: 38rem;
  margin-top: 0.5rem;
  border-top: 0;
  padding-top: 0;
}

.comment-form.compact textarea {
  min-height: 5.25rem;
}

.field-help,
.muted {
  color: var(--muted);
  font-size: 0.92rem;
  font-weight: 500;
}

.field-validation-error {
  color: #ffc0c0;
  font-size: 0.92rem;
  font-weight: 700;
}

.status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 1.6rem;
  border-radius: 999px;
  padding: 0.15rem 0.55rem;
  border: 1px solid var(--line);
  background: var(--panel-2);
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.status-pill.published {
  border-color: rgba(126, 214, 181, 0.4);
  background: rgba(126, 214, 181, 0.1);
  color: #baf0dc;
}

.status-pill.draft {
  border-color: rgba(226, 197, 111, 0.4);
  background: rgba(226, 197, 111, 0.1);
  color: #f5dda0;
}

.status-pill.original {
  border-color: rgba(126, 214, 181, 0.32);
  color: #baf0dc;
}

.status-pill.variant {
  border-color: rgba(159, 184, 255, 0.36);
  color: #cbd6ff;
}

.status-pill.admin {
  border-color: rgba(240, 212, 154, 0.45);
  background: rgba(240, 212, 154, 0.1);
  color: #f5dda0;
}

.status-pill.reader {
  border-color: rgba(159, 184, 255, 0.36);
  background: rgba(159, 184, 255, 0.08);
  color: #cbd6ff;
}

.status-pill.disabled {
  border-color: rgba(242, 140, 140, 0.4);
  background: rgba(242, 140, 140, 0.09);
  color: #ffc0c0;
}

.status-pill.hidden,
.status-pill.deleted {
  border-color: rgba(242, 140, 140, 0.4);
  background: rgba(242, 140, 140, 0.09);
  color: #ffc0c0;
}

.preview-banner {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  width: min(860px, 100%);
  margin-bottom: 2rem;
  border: 1px solid rgba(226, 197, 111, 0.4);
  border-radius: 8px;
  padding: 0.85rem 1rem;
  background: rgba(226, 197, 111, 0.08);
  color: #f5dda0;
}

.status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.status-grid > div {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 1rem;
  background: #0c1216;
}

.status-grid strong {
  display: block;
  margin-top: 0.35rem;
  font-size: 1.6rem;
}

.status-grid .admin-continuity-outcome {
  overflow-wrap: anywhere;
  font-size: 1.2rem;
  line-height: 1.2;
}

.admin-two-column-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.admin-two-column-grid > div {
  min-width: 0;
}

.economy-labs {
  max-width: none;
}

.economy-labs-preview {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr) minmax(0, 0.8fr);
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.economy-labs-preview > div {
  display: grid;
  gap: 0.4rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 1rem;
  background: #0c1216;
}

.economy-labs-preview strong {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.2rem;
}

.economy-labs-preview code {
  color: #f5dda0;
  overflow-wrap: anywhere;
}

.economy-lab-section {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.25rem;
  border-top: 1px solid var(--line);
  padding-top: 1.25rem;
}

.economy-lab-heading {
  display: grid;
  gap: 0.25rem;
}

.economy-lab-heading h2,
.economy-inline-demo h3 {
  margin: 0;
  color: #ffffff;
}

.economy-inline-demo-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
  gap: 1rem;
}

.economy-inline-demo {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 1rem;
  background: #0c1216;
}

.economy-inline-demo.prose {
  max-width: none;
  color: #c4c4f2;
}

.economy-inline-demo.prose h3 {
  margin-bottom: 0.75rem;
}

.economy-inline-demo.prose p {
  max-width: 78ch;
}

.economy-gem-state-row {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
  margin-top: 0.8rem;
}

.economy-gem-vanished-slot {
  display: inline-block;
  width: calc(8px * 3 / var(--pixel-svg-dpr));
  height: calc(14px * 3 / var(--pixel-svg-dpr));
}

.economy-lab-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.1rem;
}

.economy-lab-targets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}

.economy-lab-wallet {
  display: grid;
  align-content: start;
  gap: 0.35rem;
  min-height: 7.2rem;
  border: 1px solid rgba(57, 57, 79, 0.78);
  border-radius: 8px;
  padding: 0.8rem;
  background: #080810;
  transform-origin: center;
}

.economy-lab-wallet strong {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #ffffff;
  font-size: 0.92rem;
}

.chop-creation-lab {
  max-width: none;
}

.chop-lab-counts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

.chop-lab-counts > div,
.chop-lab-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0c1216;
}

.chop-lab-counts > div {
  display: grid;
  gap: 0.35rem;
  padding: 0.8rem;
}

.chop-lab-counts strong {
  color: #ffffff;
  font-size: 1.35rem;
}

.chop-lab-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.chop-flow-shell {
  display: grid;
  gap: 1rem;
}

.chop-flow-reset-row {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

.chop-flow-rerolls {
  display: inline-grid;
  grid-template-columns: max-content max-content;
  justify-self: start;
  align-items: center;
  gap: 0.65rem;
  border: 1px solid rgba(255, 255, 85, 0.34);
  border-radius: 6px;
  padding: 0.55rem 0.7rem;
  background: #080810;
}

.chop-flow-rerolls span {
  color: var(--muted);
  font-weight: 800;
}

.chop-flow-rerolls strong {
  color: #ffff55;
  font-size: 1.15rem;
}

.chop-flow-rerolls.is-spent {
  animation: chop-reroll-spent 560ms steps(4, end) both;
}

.chop-flow-progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
  gap: 0.45rem;
}

.chop-flow-progress button {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 0.25rem;
  min-height: 4.2rem;
  padding: 0.45rem;
  border-color: rgba(57, 57, 79, 0.9);
  background: #080810;
  color: #c4c4f2;
}

.chop-flow-progress button span {
  display: grid;
  place-items: center;
  width: 1.45rem;
  height: 1.45rem;
  border: 1px solid rgba(196, 196, 242, 0.45);
  border-radius: 50%;
  font-size: 0.78rem;
}

.chop-flow-progress button strong {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.78rem;
}

.chop-flow-progress button.is-complete {
  border-color: rgba(126, 214, 181, 0.5);
}

.chop-flow-progress button.is-complete span {
  border-color: rgba(126, 214, 181, 0.7);
  color: #baf0dc;
}

.chop-flow-progress button.is-active {
  border-color: #ffff55;
  color: #ffffff;
  box-shadow: 0 0 0 1px rgba(255, 255, 85, 0.25);
}

.chop-flow-progress button:disabled {
  opacity: 0.38;
}

.chop-flow-stage {
  display: grid;
  min-height: 34rem;
  align-content: start;
}

.chop-creation-lab.is-loading,
.chop-flow-shell.is-loading {
  opacity: 0.72;
  filter: saturate(0.7);
  pointer-events: none;
}

.chop-flow-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 0.75rem;
  align-items: center;
}

.chop-flow-controls span {
  color: var(--muted);
  font-weight: 700;
  text-align: left;
}

.chop-flow-card {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 1rem;
  background: #0c1216;
}

.chop-game-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(96, 96, 144, 0.72);
  background:
    linear-gradient(180deg, rgba(85, 255, 255, 0.045), transparent 32%),
    radial-gradient(circle at 100% 0, rgba(255, 255, 85, 0.08), transparent 18rem),
    #090d12;
}

.chop-game-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 85, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 85, 0.028) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.4;
}

.chop-game-card > * {
  position: relative;
  z-index: 1;
}

.chop-game-card.is-card-entering {
  animation: chop-card-enter 320ms ease-out both;
}

.chop-flow-card.is-card-completed {
  animation: chop-card-complete 540ms ease-out both;
}

.chop-flow-card[hidden],
.stx-ritual-line[hidden] {
  display: none !important;
}

.chop-flow-card.is-complete {
  border-color: rgba(126, 214, 181, 0.45);
  box-shadow: inset 0 0 0 1px rgba(126, 214, 181, 0.08);
}

.chop-flow-step {
  color: #ffff55;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.chop-flow-card h2,
.chop-flow-card h3 {
  margin: 0;
  color: #ffffff;
}

.chop-card-header {
  display: grid;
  gap: 0.35rem;
  border-bottom: 1px solid rgba(57, 57, 79, 0.78);
  padding-bottom: 0.8rem;
}

.chop-card-header p {
  max-width: 62rem;
  margin: 0;
}

.chop-identity-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.chop-attribute-form {
  display: grid;
  gap: 1rem;
}

.chop-attribute-form [data-chop-attribute-submit]:not(:disabled) {
  border-color: #ffff55;
  background: #252500;
  color: #ffff55;
  box-shadow:
    0 0 0 1px rgba(255, 255, 85, 0.28),
    0 0 1.1rem rgba(255, 255, 85, 0.2);
}

.chop-identity-form label,
.chop-attribute-form label {
  display: grid;
  align-content: start;
  align-self: start;
  gap: 0.35rem;
}

.chop-identity-form input,
.chop-identity-form select {
  align-self: start;
}

.chop-color-field {
  display: grid;
  gap: 0.35rem;
}

.vga-color-picker {
  display: grid;
  gap: 0.45rem;
}

.vga-color-picker-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 1.4rem;
  align-items: center;
  gap: 0.5rem;
}

.vga-color-picker-header strong {
  color: #ffffff;
  font-size: 0.78rem;
  text-transform: uppercase;
}

.vga-color-picker-header span {
  color: var(--muted);
  font-size: 0.78rem;
  text-align: right;
}

.vga-color-picker-header i {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid var(--line);
  background: var(--vga-color, #ffff55);
}

.vga-color-grid {
  display: grid;
  grid-template-columns: repeat(16, minmax(0, 1fr));
  gap: 2px;
  max-width: 24rem;
  max-height: 12rem;
  overflow: auto;
  border: 1px solid var(--line);
  padding: 3px;
  background: #000000;
}

.vga-color-grid button {
  appearance: none;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 1;
  border: 1px solid rgba(245, 245, 255, 0.28);
  border-radius: 0;
  padding: 0;
  background: var(--vga-color);
  background-color: var(--vga-color);
  background-image: none;
  color: transparent;
  font-size: 0;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.45);
}

.vga-color-grid button:hover,
.vga-color-grid button:focus-visible,
.vga-color-grid button.is-selected {
  border-color: #ffff55;
  box-shadow:
    0 0 0 1px #000000,
    0 0 0 2px #ffff55,
    inset 0 0 0 1px rgba(0, 0, 0, 0.45);
}

.vga-color-picker.is-compact {
  gap: 0.35rem;
}

.vga-color-picker.is-compact .vga-color-picker-header {
  grid-template-columns: auto minmax(7rem, 1fr) 1.2rem;
  gap: 0.4rem;
}

.vga-color-picker.is-compact .vga-color-picker-header strong,
.vga-color-picker.is-compact .vga-color-picker-header span {
  font-size: 0.72rem;
}

.vga-color-picker.is-compact .vga-color-picker-header i {
  width: 1rem;
  height: 1rem;
}

.vga-color-picker.is-compact .vga-color-grid {
  grid-template-columns: repeat(16, 0.72rem);
  gap: 1px;
  width: max-content;
  max-width: 100%;
  max-height: 6.2rem;
  padding: 2px;
}

.vga-color-picker.is-compact .vga-color-grid button {
  width: 0.72rem;
  height: 0.72rem;
}

.chop-attribute-form small {
  color: var(--muted);
  line-height: 1.35;
}

.chop-attribute-game-board {
  display: grid;
  grid-template-columns: minmax(18rem, 0.9fr) minmax(16rem, 0.7fr);
  gap: 1rem;
}

.chop-attribute-dice-tray {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
  min-height: 4.2rem;
  border: 1px solid rgba(255, 255, 85, 0.28);
  border-radius: 8px;
  padding: 0.8rem;
  background:
    linear-gradient(rgba(255, 255, 85, 0.05), transparent),
    #080810;
}

.chop-flow-card.is-rolling-again .chop-attribute-dice-tray,
.chop-attribute-dice-tray.is-rerolled {
  animation: chop-choice-reel 520ms steps(5, end) both;
}

.chop-attribute-die {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  min-height: 0;
  border: 2px solid #ffff55;
  border-radius: 6px;
  padding: 0;
  background: #11111c;
  color: #ffff55;
  font-size: 1.25rem;
  font-weight: 900;
  cursor: grab;
  image-rendering: pixelated;
  box-shadow:
    inset -3px -3px 0 rgba(0, 0, 0, 0.35),
    inset 3px 3px 0 rgba(255, 255, 255, 0.08);
  animation: chop-die-enter 420ms cubic-bezier(0.2, 1.6, 0.28, 1) both;
}

.chop-attribute-die:nth-child(2) {
  animation-delay: 45ms;
}

.chop-attribute-die:nth-child(3) {
  animation-delay: 90ms;
}

.chop-attribute-die:nth-child(4) {
  animation-delay: 135ms;
}

.chop-attribute-die:nth-child(5) {
  animation-delay: 180ms;
}

.chop-attribute-die:nth-child(6) {
  animation-delay: 225ms;
}

.chop-attribute-die:hover,
.chop-attribute-die:focus-visible {
  transform: translateY(-2px);
  box-shadow:
    0 0 0 1px rgba(255, 255, 85, 0.55),
    0 0 1rem rgba(255, 255, 85, 0.2),
    inset -3px -3px 0 rgba(0, 0, 0, 0.35),
    inset 3px 3px 0 rgba(255, 255, 255, 0.08);
}

.chop-attribute-die:active {
  cursor: grabbing;
}

.chop-attribute-die.is-dragging {
  opacity: 0.18;
  transform: scale(0.88);
}

.chop-attribute-die.is-selected {
  border-color: #55ffff;
  color: #55ffff;
}

.chop-attribute-die.is-assigned {
  display: none;
}

.chop-attribute-die.is-just-filled {
  animation: chop-die-commit 520ms ease-out both;
}

.chop-attribute-assignment-list {
  display: grid;
  gap: 0.65rem;
}

.chop-attribute-assignment {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
  border: 1px solid rgba(57, 57, 79, 0.78);
  border-radius: 8px;
  padding: 0.7rem;
  background: #080810;
}

.chop-attribute-assignment.is-inspected {
  border-color: rgba(255, 255, 85, 0.55);
}

.chop-attribute-assignment.is-selected {
  border-color: rgba(85, 255, 255, 0.75);
  background:
    linear-gradient(90deg, rgba(85, 255, 255, 0.08), transparent 60%),
    #080810;
}

.chop-attribute-assignment.is-filled {
  border-color: rgba(126, 214, 181, 0.45);
}

.chop-attribute-assignment.is-drop-target {
  border-color: rgba(255, 255, 85, 0.78);
  background:
    linear-gradient(90deg, rgba(255, 255, 85, 0.12), transparent 70%),
    #080810;
  box-shadow:
    0 0 0 2px rgba(255, 255, 85, 0.18),
    0 0 1.1rem rgba(255, 255, 85, 0.16);
}

.chop-attribute-assignment.is-just-filled {
  animation: chop-attribute-accept 620ms ease-out both;
}

.chop-attribute-assignment strong {
  display: block;
  color: #ffffff;
}

.chop-attribute-socket {
  display: grid;
  place-items: center;
  width: 3.2rem;
  height: 3.2rem;
  min-height: 0;
  border: 2px dashed rgba(196, 196, 242, 0.55);
  border-radius: 6px;
  padding: 0;
  background: #050508;
  color: #ffff55;
  font-size: 1.2rem;
  font-weight: 900;
}

.chop-attribute-socket::before {
  content: "[ ]";
  color: rgba(196, 196, 242, 0.5);
  font-size: 0.9rem;
}

.chop-attribute-socket.is-filled {
  border-style: solid;
  border-color: #ffff55;
  background: #11111c;
  color: #ffff55;
  box-shadow:
    inset -3px -3px 0 rgba(0, 0, 0, 0.35),
    inset 3px 3px 0 rgba(255, 255, 255, 0.08);
}

.chop-attribute-socket.is-filled::before {
  content: "";
}

.chop-attribute-socket.is-selected {
  border-color: #55ffff;
  animation: chop-socket-waiting 900ms ease-in-out infinite;
}

.chop-attribute-socket.is-drop-target {
  border-style: solid;
  border-color: #ffff55;
  background:
    linear-gradient(rgba(255, 255, 85, 0.12), transparent),
    #050508;
  box-shadow:
    0 0 0 2px rgba(255, 255, 85, 0.24),
    0 0 1.1rem rgba(255, 255, 85, 0.2);
}

.chop-attribute-socket.is-just-filled {
  animation: chop-socket-accept 620ms ease-out both;
}

.chop-attribute-info {
  display: grid;
  align-content: start;
  gap: 0.65rem;
  min-height: 16rem;
  border: 1px solid rgba(85, 255, 255, 0.3);
  border-radius: 8px;
  padding: 1rem;
  background:
    linear-gradient(rgba(85, 255, 255, 0.06), transparent),
    #080810;
}

.chop-attribute-info h3 {
  margin: 0;
  color: #55ffff;
}

.chop-attribute-info p {
  margin: 0;
  color: #d2d2ff;
  line-height: 1.45;
}

.chop-attribute-actions {
  align-items: center;
}

.chop-attribute-total {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
  gap: 0.45rem;
  border: 1px solid rgba(196, 196, 242, 0.32);
  border-radius: 6px;
  padding: 0.45rem 0.6rem;
  background: #070710;
  color: var(--muted);
  font-weight: 800;
}

.chop-attribute-total strong {
  color: #ffff55;
}

.chop-attribute-total.is-valid {
  border-color: rgba(126, 214, 181, 0.58);
  color: #baf0dc;
}

.chop-attribute-total.is-invalid {
  border-color: rgba(255, 85, 85, 0.52);
  color: #ffb6b6;
}

.chop-attribute-fly-die {
  position: fixed;
  z-index: 10000;
  display: grid;
  place-items: center;
  border: 2px solid #ffff55;
  border-radius: 6px;
  background: #11111c;
  color: #ffff55;
  font-size: 1.25rem;
  font-weight: 900;
  pointer-events: none;
  box-shadow:
    0 0 0 1px rgba(255, 255, 85, 0.45),
    0 0 1.15rem rgba(255, 255, 85, 0.3),
    inset -3px -3px 0 rgba(0, 0, 0, 0.35),
    inset 3px 3px 0 rgba(255, 255, 255, 0.08);
  animation: chop-die-fly 460ms cubic-bezier(0.18, 0.9, 0.24, 1) forwards;
}

@keyframes chop-die-enter {
  from {
    opacity: 0;
    transform: translateY(-0.75rem) rotate(-8deg) scale(0.88);
  }

  to {
    opacity: 1;
    transform: translateY(0) rotate(0) scale(1);
  }
}

@keyframes chop-die-commit {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  38% {
    opacity: 1;
    transform: scale(1.18);
    box-shadow:
      0 0 0 2px rgba(126, 214, 181, 0.7),
      0 0 1rem rgba(126, 214, 181, 0.35);
  }

  100% {
    opacity: 0.42;
    transform: translateY(2px) scale(1);
  }
}

@keyframes chop-die-fly {
  0% {
    opacity: 1;
    transform: translate(0, 0) rotate(0deg) scale(1);
  }

  58% {
    opacity: 1;
    transform: translate(calc(var(--chop-fly-x) * 0.7), calc(var(--chop-fly-y) * 0.7 - 18px)) rotate(8deg) scale(1.12);
  }

  100% {
    opacity: 0;
    transform: translate(var(--chop-fly-x), var(--chop-fly-y)) rotate(0deg) scale(0.72);
  }
}

@keyframes chop-socket-waiting {
  0%,
  100% {
    box-shadow: 0 0 0 rgba(85, 255, 255, 0);
  }

  50% {
    box-shadow: 0 0 0.85rem rgba(85, 255, 255, 0.28);
  }
}

@keyframes chop-socket-accept {
  0% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.12);
    box-shadow:
      0 0 0 2px rgba(126, 214, 181, 0.75),
      0 0 1.25rem rgba(126, 214, 181, 0.38);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes chop-attribute-accept {
  0%,
  100% {
    background: #080810;
  }

  38% {
    background:
      linear-gradient(90deg, rgba(126, 214, 181, 0.16), transparent 72%),
      #080810;
  }
}

@keyframes chop-card-enter {
  from {
    opacity: 0.74;
    transform: translateY(0.35rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes chop-card-complete {
  0%,
  100% {
    box-shadow: inset 0 0 0 1px rgba(126, 214, 181, 0.08);
  }

  42% {
    border-color: #7ed6b5;
    box-shadow:
      inset 0 0 0 1px rgba(126, 214, 181, 0.24),
      0 0 1.35rem rgba(126, 214, 181, 0.22);
  }
}

@keyframes chop-option-file {
  0% {
    transform: translateX(0);
    border-color: rgba(255, 255, 85, 0.38);
  }

  55% {
    transform: translateX(0.35rem);
    border-color: #ffff55;
    box-shadow: 0 0 1rem rgba(255, 255, 85, 0.22);
  }

  100% {
    transform: translateX(0);
    opacity: 0.72;
  }
}

@keyframes chop-choice-reel {
  0% {
    filter: hue-rotate(0deg) brightness(1);
    transform: translateX(0);
  }

  20% {
    filter: hue-rotate(35deg) brightness(1.16);
    transform: translateX(-2px);
  }

  40% {
    filter: hue-rotate(-25deg) brightness(1.25);
    transform: translateX(2px);
  }

  60% {
    filter: hue-rotate(70deg) brightness(1.12);
    transform: translateX(-1px);
  }

  100% {
    filter: none;
    transform: translateX(0);
  }
}

@keyframes chop-reroll-spent {
  0% {
    transform: translateX(0);
    border-color: rgba(255, 255, 85, 0.34);
  }

  25% {
    transform: translateX(-2px) rotate(-1deg);
    border-color: #ff55ff;
  }

  50% {
    transform: translateX(2px) rotate(1deg);
    color: #ff55ff;
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes chop-slot-arrive {
  0% {
    border-color: rgba(255, 255, 85, 0.4);
    box-shadow: 0 0 0 rgba(255, 255, 85, 0);
  }

  48% {
    border-color: #ffff55;
    box-shadow: 0 0 1.2rem rgba(255, 255, 85, 0.25);
  }

  100% {
    box-shadow: none;
  }
}

@keyframes chop-option-arrive {
  from {
    opacity: 0;
    transform: translateY(-0.45rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes chop-choice-lock {
  0% {
    transform: scale(1);
  }

  36% {
    transform: scale(1.02);
    border-color: #7ed6b5;
    box-shadow:
      inset 0 0 0 1px rgba(126, 214, 181, 0.28),
      0 0 1.15rem rgba(126, 214, 181, 0.24);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes chop-question-arrive {
  from {
    opacity: 0;
    transform: translateY(0.45rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes chop-ledger-stamp {
  0% {
    opacity: 0;
    transform: translateX(-0.5rem) rotate(-1deg);
  }

  48% {
    opacity: 1;
    transform: translateX(0) rotate(0);
    border-color: #7ed6b5;
    box-shadow: 0 0 0.9rem rgba(126, 214, 181, 0.18);
  }

  100% {
    opacity: 1;
  }
}

@keyframes chop-sheet-reveal {
  from {
    opacity: 0;
    transform: translateY(0.55rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes chop-stamp-in {
  0% {
    opacity: 0;
    transform: translateY(-1.2rem) rotate(14deg) scale(1.8);
  }

  50% {
    opacity: 1;
    transform: translateY(0.18rem) rotate(7deg) scale(0.92);
  }

  100% {
    opacity: 1;
    transform: translateY(0) rotate(7deg) scale(1);
  }
}

@keyframes chop-fate-flash {
  0%,
  100% {
    filter: none;
  }

  45% {
    filter: hue-rotate(120deg) brightness(1.25);
  }
}

@media (prefers-reduced-motion: reduce) {
  .chop-game-card.is-card-entering,
  .chop-flow-card.is-card-completed,
  .chop-flow-rerolls.is-spent,
  .chop-option-list form.is-action-pending,
  .chop-offered-list form.is-action-pending,
  .chop-offered-list form.is-locked-in,
  .chop-choice-slot.is-generating,
  .chop-choice-slot.is-rerolling,
  .chop-choice-slot.is-generated,
  .chop-choice-slot.is-rerolled,
  .chop-choice-slot.is-generated .chop-offered-list form,
  .chop-choice-slot.is-rerolled .chop-offered-list form,
  .chop-ritual-card.is-question-entering .chop-question-active,
  .chop-question-ledger .chop-question.is-revealing,
  .chop-sheet-grid > div.is-revealing,
  .chop-sheet-columns > div.is-revealing,
  .chop-seal-card.is-filing,
  .chop-seal-card.is-filing-complete::after,
  .chop-flow-card.is-fate-decided,
  .chop-attribute-die,
  .chop-attribute-die.is-just-filled,
  .chop-attribute-socket.is-selected,
  .chop-attribute-socket.is-just-filled,
  .chop-attribute-assignment.is-just-filled,
  .chop-attribute-fly-die {
    animation: none;
  }
}

.stx-ritual-line {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
  margin: 0 0 1rem;
  padding: 0 0.25rem;
  color: #c4c4f2;
}

.stx-ritual-line span {
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid #ff55ff;
  border-radius: 4px;
  color: #ff55ff;
  font-weight: 900;
  animation: stx-ritual-bob 1800ms ease-in-out infinite;
}

.stx-ritual-line p {
  margin: 0;
}

.chop-option-list form.is-action-pending {
  animation: chop-option-file 260ms ease-out both;
}

.chop-ritual-progress {
  position: relative;
  display: grid;
  grid-template-columns: max-content max-content minmax(0, 1fr);
  gap: 0.45rem;
  align-items: center;
  border: 1px solid rgba(255, 255, 85, 0.28);
  border-radius: var(--radius);
  padding: 0.5rem 0.65rem;
  background: #070710;
  color: var(--muted);
  font-weight: 800;
}

.chop-ritual-progress strong {
  color: #ffff55;
}

.chop-ritual-progress i {
  display: block;
  height: 0.55rem;
  border: 1px solid rgba(196, 196, 242, 0.38);
  border-radius: 999px;
  background:
    linear-gradient(90deg, #55ffff 0 var(--chop-ritual-progress), transparent var(--chop-ritual-progress)),
    #050508;
}

.chop-question-active {
  border: 1px solid rgba(85, 255, 255, 0.28);
  border-radius: 8px;
  padding: 1rem;
  background:
    linear-gradient(rgba(85, 255, 255, 0.045), transparent),
    #080810;
}

.chop-ritual-card.is-question-entering .chop-question-active {
  animation: chop-question-arrive 380ms ease-out both;
}

.chop-question-active h3 {
  color: #ffff55;
  font-size: 1.1rem;
}

.chop-question-ledger .chop-question {
  display: grid;
  gap: 0.25rem;
  border: 1px solid rgba(126, 214, 181, 0.28);
  border-radius: var(--radius);
  padding: 0.75rem;
  background: rgba(126, 214, 181, 0.055);
}

.chop-question-ledger .chop-question.is-revealing {
  animation: chop-ledger-stamp 360ms ease-out both;
  animation-delay: var(--chop-stagger, 0ms);
}

.chop-question-ledger p {
  margin: 0;
  color: #baf0dc;
  font-weight: 800;
}

.chop-sheet-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: 0.75rem;
}

.chop-sheet-grid > div {
  display: grid;
  gap: 0.3rem;
  border: 1px solid rgba(57, 57, 79, 0.78);
  border-radius: 6px;
  padding: 0.75rem;
  background: #080810;
}

.chop-sheet-grid > div.is-revealing,
.chop-sheet-columns > div.is-revealing {
  animation: chop-sheet-reveal 420ms ease-out both;
  animation-delay: var(--chop-stagger, 0ms);
}

.chop-sheet-grid strong {
  color: #ffffff;
}

.chop-sheet-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.chop-sheet-list {
  display: grid;
  gap: 0.4rem;
  margin: 0.6rem 0 0;
  padding-left: 1.2rem;
  color: #d2d2ff;
}

.chop-lab-grid {
  display: grid;
  grid-template-columns: minmax(18rem, 0.8fr) minmax(0, 1.2fr);
  gap: 1rem;
  margin-bottom: 1rem;
}

.chop-lab-card {
  display: grid;
  align-content: start;
  gap: 0.85rem;
  padding: 1rem;
}

.chop-lab-card h2,
.chop-lab-card h3 {
  margin: 0;
  color: #ffffff;
}

.chop-attribute-array {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.chop-attribute-array span {
  display: grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid #6e6eff;
  border-radius: 6px;
  background: #070710;
  color: #ffff55;
  font-weight: 800;
}

.chop-lab-definition-list {
  display: grid;
  gap: 0.5rem;
  margin: 0;
}

.chop-lab-definition-list > div,
.chop-question {
  border-top: 1px solid rgba(57, 57, 79, 0.78);
  padding-top: 0.7rem;
}

.chop-lab-definition-list dt {
  color: #ffffff;
  font-weight: 800;
}

.chop-lab-definition-list dd {
  display: grid;
  gap: 0.15rem;
  margin: 0.15rem 0 0;
  color: var(--muted);
}

.chop-lab-definition-list dd strong {
  color: #ffff55;
}

.chop-question-list,
.chop-option-list,
.chop-offered-list {
  display: grid;
  gap: 0.75rem;
}

.chop-option-list form,
.chop-offered-list form {
  display: grid;
  grid-template-columns: minmax(10rem, max-content) minmax(0, 1fr);
  align-items: center;
  gap: 0.65rem;
}

.chop-option-list form,
.chop-offered-list form {
  border: 1px solid rgba(57, 57, 79, 0.72);
  border-radius: var(--radius);
  padding: 0.55rem;
  background: rgba(5, 5, 9, 0.76);
}

.chop-option-list form:hover,
.chop-offered-list form:hover {
  border-color: rgba(255, 255, 85, 0.38);
  background: rgba(17, 17, 51, 0.55);
}

.chop-offered-list form.is-action-pending {
  animation: chop-option-file 240ms ease-out both;
}

.chop-offered-list form.is-selected {
  border-color: #7ed6b5;
  box-shadow: inset 0 0 0 1px rgba(126, 214, 181, 0.12);
}

.chop-offered-list form.is-locked-in {
  animation: chop-choice-lock 520ms ease-out both;
}

.chop-choice-slot.is-generating,
.chop-choice-slot.is-rerolling,
.chop-choice-bank-item.is-rerolling {
  animation: chop-choice-reel 520ms steps(5, end) both;
}

.chop-choice-slot.is-generated,
.chop-choice-slot.is-rerolled,
.chop-choice-bank-item.is-rerolled {
  animation: chop-slot-arrive 420ms ease-out both;
}

.chop-choice-slot.is-generated .chop-offered-list form,
.chop-choice-slot.is-rerolled .chop-offered-list form {
  animation: chop-option-arrive 360ms ease-out both;
}

.chop-offered-list .rarity-row {
  border-left: 3px solid var(--rarity-common);
  border-radius: var(--radius);
  padding-left: 0.6rem;
}

.chop-offered-list .rarity-row.rarity-uncommon {
  border-left-color: var(--rarity-uncommon);
  background: linear-gradient(90deg, var(--rarity-uncommon-bg), transparent 45%);
}

.chop-offered-list .rarity-row.rarity-rare {
  border-left-color: var(--rarity-rare);
  background:
    linear-gradient(90deg, var(--rarity-rare-bg), transparent 45%),
    linear-gradient(180deg, rgba(255, 255, 85, 0.055), transparent);
}

.chop-option-list span,
.chop-offered-list span {
  color: var(--muted);
  min-width: 0;
}

.chop-ritual-effect {
  display: block;
  margin-top: 0.25rem;
  color: #55ffff;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 800;
}

.chop-ritual-effect.is-filed {
  color: #baf0dc;
}

.chop-choice-copy {
  display: grid;
  gap: 0.25rem;
}

.chop-choice-short {
  color: #dedeff;
  font-weight: 800;
  line-height: 1.35;
}

.chop-choice-copy em {
  max-width: 48rem;
  color: #aaaadd;
  font-size: 0.82rem;
  font-style: normal;
  line-height: 1.45;
}

.chop-choice-influence {
  display: grid;
  gap: 0.12rem;
  border-top: 1px solid rgba(57, 57, 79, 0.72);
  margin-top: 0.3rem;
  padding-top: 0.35rem;
}

.chop-choice-influence span {
  color: #55ffff;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.chop-choice-influence em {
  color: #c7f7ff;
}

.chop-no-rerolls {
  margin: 0;
  border: 1px dashed rgba(255, 85, 255, 0.38);
  border-radius: 6px;
  padding: 0.55rem 0.65rem;
  background: rgba(255, 85, 255, 0.055);
  color: #ffb6ff;
  font-weight: 800;
}

.rarity-badge {
  display: inline-block;
  margin-left: 0.4rem;
  border: 1px solid currentColor;
  border-radius: var(--radius-sm);
  padding: 0.02rem 0.3rem;
  background: var(--rarity-common-bg);
  color: var(--rarity-common);
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.35;
  text-transform: uppercase;
}

.rarity-badge.rarity-uncommon {
  background: var(--rarity-uncommon-bg);
  color: var(--rarity-uncommon);
}

.rarity-badge.rarity-rare {
  background: var(--rarity-rare-bg);
  color: var(--rarity-rare);
  text-shadow: 0 0 0.65rem rgba(255, 85, 255, 0.5);
}

.chop-choice-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  gap: 1rem;
}

.chop-sequential-choice-panel {
  display: grid;
  gap: 1rem;
}

.chop-choice-bank {
  display: grid;
  grid-template-columns: minmax(10rem, 0.65fr) repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  align-items: stretch;
}

.chop-choice-bank > div,
.chop-choice-bank-item {
  border: 1px solid rgba(57, 57, 79, 0.78);
  border-radius: 8px;
  padding: 0.75rem;
  background: rgba(5, 5, 9, 0.58);
}

.chop-choice-bank > div {
  display: grid;
  align-content: center;
  gap: 0.25rem;
}

.chop-choice-bank > div strong {
  color: #ffff55;
  font-size: 1.25rem;
}

.chop-choice-bank > p {
  grid-column: span 3;
  margin: 0;
  align-self: center;
}

.chop-choice-bank-item {
  display: grid;
  gap: 0.35rem;
  border-left: 3px solid var(--rarity-common);
}

.chop-choice-bank-item.rarity-uncommon {
  border-left-color: var(--rarity-uncommon);
  background: linear-gradient(90deg, var(--rarity-uncommon-bg), transparent 52%), rgba(5, 5, 9, 0.58);
}

.chop-choice-bank-item.rarity-rare {
  border-left-color: var(--rarity-rare);
  background:
    linear-gradient(90deg, var(--rarity-rare-bg), transparent 52%),
    rgba(5, 5, 9, 0.58);
}

.chop-choice-bank-item span {
  color: #ffff55;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.chop-choice-bank-item strong {
  color: #ffffff;
}

.chop-choice-bank-item small {
  color: #aaaadd;
  line-height: 1.35;
}

.chop-choice-bank-item form {
  margin-top: 0.2rem;
}

.chop-choice-bank-item button {
  width: 100%;
}

.chop-choice-focus .chop-choice-slot {
  min-height: 18rem;
}

.chop-choice-slot {
  display: grid;
  align-content: start;
  gap: 0.75rem;
  border: 1px solid rgba(57, 57, 79, 0.78);
  border-radius: 8px;
  padding: 0.85rem;
  background: rgba(5, 5, 9, 0.56);
}

.chop-choice-slot.has-selection {
  border-color: rgba(126, 214, 181, 0.44);
}

.chop-seal-card.is-filing {
  animation: chop-choice-reel 420ms steps(4, end) both;
}

.chop-seal-card.is-filing-complete::after {
  content: "FILED";
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 2;
  transform: rotate(7deg);
  border: 2px solid #ff55ff;
  border-radius: var(--radius);
  padding: 0.24rem 0.55rem;
  color: #ff55ff;
  font-size: 0.85rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-shadow: 0 0 0.7rem rgba(255, 85, 255, 0.45);
  animation: chop-stamp-in 560ms cubic-bezier(0.18, 1.55, 0.3, 1) both;
}

.chop-seal-card .chop-lab-actions-row form:first-child button:not(:disabled),
.chop-seal-card .chop-lab-actions-row form:first-child button.is-awake,
.chop-flow-controls button.is-ready {
  border-color: #ffff55;
  background: #252500;
  color: #ffff55;
  box-shadow: 0 0 1rem rgba(255, 255, 85, 0.18);
}

.chop-flow-card.is-fate-decided {
  animation: chop-fate-flash 620ms ease-out both;
}

.chop-choice-title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.75rem;
}

.chop-choice-title code {
  color: #f5dda0;
}

.chop-profile-json {
  max-height: 22rem;
  overflow: auto;
  margin: 0;
  border: 1px solid rgba(57, 57, 79, 0.78);
  border-radius: 6px;
  padding: 0.85rem;
  background: #06060b;
  color: #d2d2ff;
}

@keyframes stx-ritual-bob {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2px);
  }
}

.economy-lab-wallet.is-stashing {
  animation: gem-stash-pulse 520ms cubic-bezier(0.16, 1, 0.3, 1);
}

.economy-lab-found-pile {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0.12rem 0.18rem;
  max-height: 6.4rem;
  overflow: auto;
  padding-top: 0.25rem;
}

.economy-lab-pile-gem {
  opacity: 0.88;
  filter: drop-shadow(0 0 3px rgba(85, 255, 255, 0.52));
}

.economy-lab-gem-flight {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1002;
  pointer-events: none;
  will-change: transform, opacity;
  filter:
    drop-shadow(0 0 7px rgba(85, 255, 255, 0.9))
    drop-shadow(0 3px 0 rgba(0, 0, 0, 0.38));
  opacity: 0;
  transform: translate3d(0, 0, 0) scale(0.86);
}

.economy-gem-table {
  min-width: 980px;
}

.economy-gem-table th span {
  color: var(--muted);
  font-size: 0.78rem;
  text-transform: none;
}

.economy-gem-table tbody th {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.25rem 0.65rem;
  align-items: center;
  min-width: 13rem;
  color: var(--text);
  text-transform: none;
}

.economy-gem-table tbody th code {
  grid-column: 2;
  color: #c4c4f2;
  font-size: 0.82rem;
}

.economy-gem-table td {
  min-width: 5.75rem;
  text-align: center;
}

.pixel-perfect-svg {
  display: inline-block;
  width: calc(var(--pixel-svg-source-width) * 1px * var(--pixel-svg-scale, 1) / var(--pixel-svg-dpr));
  height: calc(var(--pixel-svg-source-height) * 1px * var(--pixel-svg-scale, 1) / var(--pixel-svg-dpr));
  flex: 0 0 auto;
  vertical-align: -0.14em;
  image-rendering: pixelated;
  shape-rendering: crispEdges;
}

.pixel-perfect-svg-image {
  object-fit: contain;
}

.pixel-perfect-svg-mask {
  background: var(--pixel-svg-color, currentColor);
  mask: var(--pixel-svg-src) center / contain no-repeat;
  -webkit-mask: var(--pixel-svg-src) center / contain no-repeat;
}

.ega-color-swatch {
  display: inline-block;
  grid-row: span 2;
  width: 1.35rem;
  height: 1.35rem;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 3px;
  background: var(--ega-gem-color);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.28);
}

.ega-gem-cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  min-height: 4rem;
  border: 1px solid rgba(57, 57, 79, 0.64);
  border-radius: 4px;
  background:
    linear-gradient(45deg, rgba(255, 255, 255, 0.035) 25%, transparent 25% 75%, rgba(255, 255, 255, 0.035) 75%),
    linear-gradient(45deg, rgba(255, 255, 255, 0.035) 25%, transparent 25% 75%, rgba(255, 255, 255, 0.035) 75%),
    #080810;
  background-position: 0 0, 6px 6px, 0 0;
  background-size: 12px 12px, 12px 12px, auto;
}

.ega-gem-glyph {
  vertical-align: middle;
}

.confirm-list {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.5rem 1rem;
  margin: 1rem 0 1.5rem;
}

.confirm-list dt {
  color: var(--muted);
  font-weight: 800;
}

.confirm-list dd {
  margin: 0;
}

.email-preview {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1.25rem;
  background: #0c1216;
}

.email-preview h2 {
  margin-top: 0;
}

.email-preview pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: #dbe5df;
  font-family: "Shedletsky Cascadia Mono", "Cascadia Mono", Consolas, "Courier New", monospace;
}

.metric-label {
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 800;
  text-transform: uppercase;
}

.subscribe-copy {
  margin-top: 2rem;
}

.checkbox {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.checkbox input {
  width: 1.05rem;
  height: 1.05rem;
}

.notice {
  border: 1px solid rgba(126, 214, 181, 0.35);
  border-radius: 6px;
  padding: 0.85rem 1rem;
  background: rgba(126, 214, 181, 0.08);
  color: #c9f4e4;
}

.store-page {
  width: min(100%, 1180px);
  max-width: 1180px;
}

.store-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.store-balance {
  display: grid;
  gap: 0.18rem;
  min-width: 7.5rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0.55rem 0.65rem;
  background: #080810;
}

.store-balance strong,
.store-item-price {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  color: #ffffff;
}

.store-gem-help {
  width: fit-content;
  color: #55ffff;
  font-size: 0.72rem;
  line-height: 1.25;
  text-decoration: none;
}

.store-gem-help:hover,
.store-gem-help:focus-visible {
  color: #ffffff;
}

.store-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.store-item-card {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: #0c1216;
}

.store-item-card.is-owned {
  border-color: rgba(126, 214, 181, 0.5);
  box-shadow: inset 0 0 0 1px rgba(126, 214, 181, 0.08);
}

.store-item-card.is-owned::before {
  content: "Owned";
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 1;
  border: 1px solid rgba(126, 214, 181, 0.46);
  border-radius: 4px;
  padding: 0.22rem 0.42rem;
  background: rgba(8, 8, 16, 0.88);
  color: #baf0dc;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.character-item-preview {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  height: auto;
  background: #080810;
  image-rendering: pixelated;
}

.store-item-body {
  display: grid;
  gap: 0.65rem;
  padding: 0.7rem;
}

.store-item-body h2,
.inventory-item h3 {
  margin: 0.2rem 0 0;
  color: #ffffff;
}

.store-item-body p,
.inventory-item p {
  margin: 0.35rem 0 0;
  color: #c4c4f2;
  line-height: 1.38;
}

.store-item-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  align-self: end;
}

.store-owned-badge {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(126, 214, 181, 0.4);
  border-radius: 4px;
  padding: 0.35rem 0.55rem;
  background: rgba(126, 214, 181, 0.08);
  color: #baf0dc;
  font-weight: 800;
  text-decoration: none;
}

.store-owned-badge:hover {
  background: rgba(126, 214, 181, 0.14);
  color: #ffffff;
}

.soh-computer-link {
  display: block;
  width: max-content;
  margin: 0.35rem auto 0;
  color: #55ffff;
  font-size: 0.72rem;
  text-decoration: none;
}

.soh-computer-link:hover,
.soh-computer-link:focus-visible {
  color: #ffffff;
}

.market-cutscene-overlay {
  position: fixed;
  inset: 0;
  z-index: 1500;
  pointer-events: none;
  isolation: isolate;
}

.market-cutscene-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(1, 3, 8, 0.12);
  pointer-events: none;
}

.market-cutscene-canvas {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.market-cutscene-skip {
  position: fixed;
  top: max(0.75rem, env(safe-area-inset-top));
  right: max(0.75rem, env(safe-area-inset-right));
  z-index: 3;
  border: 1px solid #55ffff;
  border-radius: 4px;
  padding: 0.42rem 0.62rem;
  background: #080810;
  color: #ffffff;
  font: 800 0.72rem/1 var(--font-mono);
  letter-spacing: 0;
  text-transform: uppercase;
  pointer-events: auto;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.55);
}

.market-cutscene-skip:hover,
.market-cutscene-skip:focus-visible {
  background: #102028;
  outline: 2px solid #ffff55;
  outline-offset: 2px;
}

.market-cutscene-skip:disabled {
  color: #a8a8c8;
  cursor: wait;
}

.market-cutscene-choice-tray {
  position: fixed;
  left: 50%;
  bottom: max(1rem, calc(env(safe-area-inset-bottom) + 1rem));
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  width: min(94vw, 46rem);
  transform: translateX(-50%);
  pointer-events: auto;
}

.market-cutscene-choice-tray[hidden] {
  display: none;
}

.market-cutscene-choice {
  min-height: 2.15rem;
  border: 1px solid #ffff55;
  border-radius: 4px;
  padding: 0.52rem 0.7rem;
  background: #080810;
  color: #ffffff;
  font: 800 0.78rem/1.15 var(--font-mono);
  letter-spacing: 0;
  text-transform: uppercase;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.62);
}

.market-cutscene-choice:hover,
.market-cutscene-choice:focus-visible {
  border-color: #55ffff;
  background: #142018;
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

[data-market-cutscene-anchor].is-market-cutscene-spotlit {
  position: relative;
  outline: 2px solid #ffff55;
  outline-offset: 3px;
  filter: brightness(1.18) saturate(1.16);
  box-shadow:
    0 0 0 1px rgba(85, 255, 255, 0.9),
    0 0 18px rgba(255, 255, 85, 0.55);
}

[data-market-cutscene-anchor].is-market-cutscene-jiggle {
  animation: market-cutscene-jiggle 520ms steps(2, end);
}

@keyframes market-cutscene-jiggle {
  0%,
  100% {
    transform: translate(0, 0) rotate(0deg);
  }

  18% {
    transform: translate(-2px, 1px) rotate(-0.6deg);
  }

  36% {
    transform: translate(2px, -1px) rotate(0.7deg);
  }

  54% {
    transform: translate(-1px, -1px) rotate(-0.35deg);
  }

  72% {
    transform: translate(1px, 1px) rotate(0.35deg);
  }
}

.shednet-page .content-header .metric-label {
  color: #55ffff;
}

.shednet-page {
  width: min(100%, 1180px);
  max-width: 1180px;
}

.shednet-page .content-header {
  gap: 0.45rem;
  padding: 0.85rem 1rem;
}

.shednet-page .content-header h1 {
  font-size: clamp(1.45rem, 2.4vw, 2.15rem);
}

.shednet-page .content-header p {
  margin: 0;
  max-width: 82ch;
  font-size: 0.92rem;
  line-height: 1.45;
}

.shednet-page .notice {
  margin: 0.75rem 0 0;
  padding: 0.65rem 0.75rem;
}

.page-shell.operator-desk-shell {
  padding-top: 0.65rem;
}

.operator-desk-page {
  width: min(100%, 960px);
  max-width: 960px;
}

.operator-desk-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 0.7rem;
}

.operator-desk-heading h1 {
  margin: 0;
  color: #f7f3dc;
  font-size: 1.8rem;
}

.operator-desk-clock {
  flex: 0 0 auto;
  border: 1px solid rgba(247, 243, 220, 0.22);
  padding: 0.34rem 0.5rem;
  background: rgba(12, 17, 17, 0.72);
  color: #bdeee0;
  font-size: 0.72rem;
  font-weight: 800;
  white-space: nowrap;
}

.operator-desk-page .notice {
  margin: 0 0 0.75rem;
}

.operator-desk {
  --desk-ink: #f6f0d8;
  --desk-muted: #b6c8bd;
  --desk-dim: #7e9188;
  --desk-line: rgba(246, 240, 216, 0.2);
  --desk-panel: rgba(16, 22, 19, 0.9);
  --desk-panel-strong: rgba(25, 31, 27, 0.96);
  --desk-yellow: #f0c45a;
  --desk-green: #6fd0a5;
  display: grid;
  gap: 0.75rem;
  border: 1px solid rgba(246, 240, 216, 0.25);
  padding: clamp(0.8rem, 2vw, 1.1rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 30%),
    linear-gradient(150deg, #101710 0%, #0e1a18 58%, #1c1a14 100%);
  color: var(--desk-ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 1rem 2rem rgba(0, 0, 0, 0.24);
}

.operator-desk-resume,
.operator-desk-waiting,
.operator-desk-recent {
  border: 1px solid var(--desk-line);
  background: var(--desk-panel);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.operator-desk-resume {
  display: grid;
  grid-template-columns: minmax(10rem, 14rem) minmax(0, 1fr) minmax(12rem, 16rem);
  gap: clamp(0.75rem, 2vw, 1.1rem);
  align-items: stretch;
  padding: clamp(0.85rem, 2vw, 1.15rem);
  background:
    linear-gradient(90deg, rgba(240, 196, 90, 0.11), transparent 36%),
    var(--desk-panel-strong);
}

.operator-desk-chop {
  display: grid;
  align-content: center;
  gap: 0.28rem;
  border-left: 0.25rem solid var(--desk-yellow);
  padding: 0.35rem 0 0.35rem 0.65rem;
  min-width: 0;
}

.operator-desk-chop span,
.operator-desk-kicker,
.operator-desk-section-heading p,
.operator-desk-change span,
.operator-desk-waiting > div > p {
  margin: 0;
  color: var(--desk-dim);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.operator-desk-chop strong {
  min-width: 0;
  overflow: hidden;
  color: #fff8de;
  font-size: 1.45rem;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operator-desk-chop small {
  color: var(--desk-muted);
  font-size: 0.76rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.operator-desk-resume-copy {
  display: grid;
  align-content: center;
  gap: 0.55rem;
  min-width: 0;
}

.operator-desk-resume-copy h2 {
  max-width: 20ch;
  margin: 0;
  color: #fff8de;
  font-size: 2.35rem;
  line-height: 0.98;
}

.operator-desk-resume-copy p:not(.operator-desk-kicker) {
  max-width: 58ch;
  margin: 0;
  color: var(--desk-muted);
  font-size: 0.98rem;
  line-height: 1.45;
}

.operator-desk-resume-actions {
  display: grid;
  align-content: center;
  gap: 0.5rem;
}

.operator-desk-primary-action,
.operator-desk-secondary-action,
.operator-desk-waiting a {
  border: 1px solid rgba(246, 240, 216, 0.34);
  color: #161912;
  text-decoration: none;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.34), inset -1px -1px 0 rgba(0, 0, 0, 0.26);
}

.operator-desk-primary-action {
  display: grid;
  gap: 0.28rem;
  min-height: 4.5rem;
  align-content: center;
  padding: 0.65rem 0.75rem;
  background: #e4d58f;
}

.operator-desk-primary-action strong {
  font-size: 0.95rem;
  font-weight: 950;
  text-transform: uppercase;
}

.operator-desk-primary-action span {
  color: #394035;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.25;
}

.operator-desk-secondary-action,
.operator-desk-waiting a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  padding: 0.38rem 0.68rem;
  background: #cbd6c0;
  font-size: 0.78rem;
  font-weight: 950;
  text-transform: uppercase;
}

.operator-desk-primary-action:hover,
.operator-desk-primary-action:focus-visible {
  background: #f3e7a4;
}

.operator-desk-secondary-action:hover,
.operator-desk-secondary-action:focus-visible,
.operator-desk-waiting a:hover,
.operator-desk-waiting a:focus-visible {
  background: #e4ecda;
}

.operator-desk-primary-action:focus-visible,
.operator-desk-secondary-action:focus-visible,
.operator-desk-waiting a:focus-visible {
  outline: 2px solid var(--desk-yellow);
  outline-offset: 2px;
}

.operator-desk-detail-line {
  margin: 0;
  border: 1px solid rgba(111, 208, 165, 0.22);
  padding: 0.55rem 0.7rem;
  background: rgba(111, 208, 165, 0.07);
  color: #d8fff0;
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.35;
}

.operator-desk-waiting {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.8rem;
  align-items: center;
  border-left: 0.25rem solid #d96a73;
  padding: 0.75rem;
}

.operator-desk-waiting h2 {
  margin: 0.18rem 0 0.25rem;
  color: #fff8de;
  font-size: 1rem;
  line-height: 1.2;
}

.operator-desk-waiting span {
  color: var(--desk-muted);
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.35;
}

.operator-desk-recent {
  display: grid;
  gap: 0.65rem;
  padding: 0.75rem;
}

.operator-desk-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
}

.operator-desk-section-heading span {
  border: 1px solid rgba(240, 196, 90, 0.42);
  padding: 0.18rem 0.42rem;
  background: rgba(240, 196, 90, 0.1);
  color: #ffe7a3;
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.operator-desk-change-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.6rem;
}

.operator-desk-change {
  display: grid;
  align-content: start;
  gap: 0.32rem;
  min-height: 7rem;
  border: 1px solid rgba(246, 240, 216, 0.15);
  border-top-color: rgba(111, 208, 165, 0.42);
  padding: 0.65rem;
  background: rgba(8, 12, 11, 0.48);
}

.operator-desk-change strong {
  color: #fff8de;
  font-size: 0.95rem;
  line-height: 1.14;
  overflow-wrap: anywhere;
}

.operator-desk-change p,
.operator-desk-empty {
  margin: 0;
  color: var(--desk-muted);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.34;
}

.operator-desk-change time {
  margin-top: auto;
  color: var(--desk-dim);
  font-size: 0.7rem;
  font-weight: 850;
  text-transform: uppercase;
}

@media (max-width: 780px) {
  .page-shell.operator-desk-shell {
    padding-top: 0.35rem;
  }

  .operator-desk-heading {
    align-items: start;
    flex-direction: column;
    gap: 0.35rem;
  }

  .operator-desk-clock {
    max-width: 100%;
    white-space: normal;
  }

  .operator-desk {
    padding: 0.75rem;
  }

  .operator-desk-resume,
  .operator-desk-waiting,
  .operator-desk-change-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .operator-desk-resume-copy h2 {
    max-width: none;
    font-size: 1.75rem;
  }

  .operator-desk-waiting a {
    justify-self: start;
  }

  .operator-desk-change {
    min-height: 0;
  }
}
.shednet-page button,
.shednet-page .button {
  min-height: 2.05rem;
  padding: 0.38rem 0.65rem;
  font-size: 0.88rem;
}

.shednet-panel {
  border: 1px solid rgba(85, 255, 255, 0.22);
  border-radius: var(--radius);
  padding: 0.75rem;
  background: rgba(5, 5, 9, 0.82);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2);
}

.shednet-context-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0 0 0.75rem;
}

.shednet-context-strip > article,
.shednet-action-note {
  border: 1px solid rgba(240, 212, 154, 0.18);
  border-radius: var(--radius);
  padding: 0.75rem;
  background:
    linear-gradient(90deg, rgba(85, 255, 255, 0.045), transparent 70%),
    rgba(7, 7, 15, 0.82);
}

.shednet-context-strip h2,
.shednet-context-strip h3,
.shednet-action-note h3 {
  margin: 0.1rem 0 0.35rem;
  color: #ffffff;
  font-size: 0.98rem;
}

.shednet-context-strip p,
.shednet-action-note p,
.shednet-section-note {
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.42;
}

.shednet-context-strip .button,
.shednet-action-note .button {
  margin-top: 0.65rem;
}

.shednet-action-note {
  margin-top: 0.75rem;
}

.shednet-panel + .shednet-panel,
.shednet-page .shednet-panel + .shednet-dashboard,
.shednet-page .shednet-dashboard + .shednet-panel {
  margin-top: 0.75rem;
}

.shednet-paper-stack {
  display: grid;
  gap: 0.85rem;
}

.shednet-panel-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.shednet-panel-actions form {
  margin: 0;
}

.shednet-panel-actions button {
  max-width: 18rem;
  white-space: normal;
  text-align: center;
}

.shednet-paper-sheet {
  border: 1px solid rgba(240, 212, 154, 0.26);
  border-left: 0.35rem solid rgba(85, 255, 255, 0.66);
  padding: 0.9rem;
  background:
    linear-gradient(90deg, rgba(240, 212, 154, 0.06), transparent 68%),
    rgba(12, 12, 20, 0.92);
  box-shadow: 0.25rem 0.25rem 0 rgba(240, 212, 154, 0.08);
}

.shednet-disposition-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 0.65rem;
  margin-top: 0.75rem;
}

.shednet-disposition-row form {
  border: 1px dashed rgba(240, 212, 154, 0.28);
  padding: 0.65rem;
  background: rgba(5, 5, 9, 0.58);
}

.shednet-disposition-row button {
  width: 100%;
}

.shednet-paper-dismiss-form {
  margin-top: 0.75rem;
}

.shednet-messenger-shell {
  margin: 0.85rem 0 0;
  border: 1px solid rgba(85, 255, 255, 0.34);
  border-radius: var(--radius);
  padding: 0.7rem;
  background:
    linear-gradient(180deg, rgba(85, 255, 255, 0.08), rgba(255, 107, 204, 0.04) 48%, transparent),
    rgba(3, 3, 8, 0.96);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.34);
}

.shednet-messenger-frame {
  position: relative;
  min-width: 0;
  border: 2px solid #ffffff;
  border-right-color: #56566e;
  border-bottom-color: #56566e;
  background: #c7c8cf;
  color: #101018;
  box-shadow:
    inset 1px 1px 0 #f4f4f6,
    inset -1px -1px 0 #77798a;
}

.shednet-im-titlebar {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
  padding: 0.38rem 0.5rem;
  background: linear-gradient(90deg, #163a8c, #6476c7 62%, #9bc1f0);
  color: #ffffff;
}

.shednet-im-titlebar strong,
.shednet-im-titlebar h2,
.shednet-im-titlebar p {
  margin: 0;
}

.shednet-im-titlebar h2 {
  font-size: 1.05rem;
  line-height: 1.08;
}

.shednet-im-titlebar p,
.shednet-im-titlebar span {
  font-size: 0.72rem;
}

.shednet-im-titlebar-main {
  justify-content: space-between;
  align-items: center;
}

.shednet-im-app-icon,
.shednet-buddy-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid #26263a;
  background: #f3f0d8;
  color: #17225f;
  font-weight: 800;
  text-align: center;
  box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #8f8f98;
}

.shednet-im-app-icon {
  width: 1.35rem;
  height: 1.35rem;
  font-size: 0.78rem;
}

.shednet-im-window-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.shednet-messenger-workspace {
  transition: filter 140ms ease, opacity 140ms ease;
}

.shednet-messenger-shell.is-signing-required:not(.is-signed-on) .shednet-messenger-workspace {
  opacity: 0.42;
  filter: grayscale(0.45);
  pointer-events: none;
  user-select: none;
}

.shednet-messenger-login {
  position: absolute;
  z-index: 3;
  top: 3.15rem;
  left: min(1rem, 4vw);
  width: min(23rem, calc(100% - 2rem));
  border: 2px solid #ffffff;
  border-right-color: #555564;
  border-bottom-color: #555564;
  background: #d8d8df;
  box-shadow:
    0.55rem 0.55rem 0 rgba(0, 0, 0, 0.28),
    inset 1px 1px 0 #f9f9fb,
    inset -1px -1px 0 #858595;
}

.shednet-messenger-shell.is-signed-on .shednet-messenger-login {
  display: none;
}

.shednet-messenger-login-form {
  display: grid;
  gap: 0.5rem;
  padding: 0.75rem;
}

.shednet-messenger-login-form label,
.shednet-im-composer label {
  display: grid;
  gap: 0.3rem;
  color: #20202a;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.shednet-messenger-login-form input[type="text"],
.shednet-messenger-login-form input[type="password"],
.shednet-im-composer textarea {
  width: 100%;
  border: 2px solid #77798a;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
  border-radius: 0;
  padding: 0.42rem 0.5rem;
  background: #ffffff;
  color: #101018;
  font: inherit;
  text-transform: none;
}

.shednet-messenger-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
}

.shednet-messenger-checks label {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  text-transform: none;
}

.shednet-messenger-login-actions,
.shednet-im-archive-row,
.shednet-im-send-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.shednet-messenger-login-log {
  margin: 0;
  border-top: 1px solid #9a9baa;
  padding: 0.45rem 0.75rem 0.65rem 1.9rem;
  color: #333344;
  font-size: 0.75rem;
}

.shednet-im-menubar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  border-bottom: 1px solid #8d8e9b;
  padding: 0.28rem 0.45rem;
  background: #d9d9df;
  color: #1f1f2b;
  font-size: 0.76rem;
}

.shednet-im-menubar span {
  padding: 0.12rem 0.42rem;
}

.shednet-messenger-layout {
  display: grid;
  grid-template-columns: minmax(14rem, 0.32fr) minmax(0, 1fr) minmax(13rem, 0.28fr);
  gap: 0.6rem;
  padding: 0.6rem;
}

.shednet-buddy-list,
.shednet-conversation-window,
.shednet-effects-panel {
  min-width: 0;
  border: 2px solid #8a8b98;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
  background: #efedf1;
}

.shednet-buddy-list {
  display: grid;
  align-content: start;
  gap: 0.5rem;
  padding: 0.45rem;
}

.shednet-buddy-status {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.45rem;
  align-items: center;
  border: 1px solid #a7a8b5;
  padding: 0.42rem;
  background: #ffffff;
}

.shednet-buddy-status strong,
.shednet-buddy-status span,
.shednet-buddy span,
.shednet-buddy em,
.shednet-effects-block span {
  min-width: 0;
}

.shednet-buddy-status span,
.shednet-buddy em,
.shednet-effects-block span {
  display: block;
  color: #4f5060;
  font-size: 0.72rem;
  font-style: normal;
  line-height: 1.25;
}

.shednet-status-dot {
  width: 0.7rem;
  height: 0.7rem;
  border: 1px solid #12522a;
  background: #2ad65c;
  box-shadow: 0 0 0 2px rgba(42, 214, 92, 0.18);
}

.shednet-buddy-group {
  display: grid;
  gap: 0.28rem;
}

.shednet-buddy-group h3 {
  margin: 0.35rem 0 0.05rem;
  border-bottom: 1px solid #a6a7b8;
  color: #1f2d73;
  font-size: 0.72rem;
  text-transform: uppercase;
}

.shednet-buddy-group p {
  margin: 0;
  color: #4f5060;
  font-size: 0.76rem;
}

.shednet-buddy {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.42rem;
  align-items: center;
  width: 100%;
  min-height: 2.4rem;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.28rem 0.32rem;
  background: transparent;
  color: #101018;
  text-align: left;
  box-shadow: none;
}

.shednet-buddy:hover,
.shednet-buddy:focus-visible,
.shednet-buddy.is-active {
  border-color: #3355b5;
  background: #dce7ff;
  color: #101018;
}

.shednet-buddy.is-locked {
  opacity: 0.62;
}

.shednet-buddy strong {
  display: block;
  overflow-wrap: anywhere;
  font-size: 0.82rem;
  line-height: 1.15;
}

.shednet-buddy-icon {
  width: 1.45rem;
  height: 1.45rem;
  font-size: 0.78rem;
}

.shednet-buddy-icon.is-chop { background: #d7fff1; color: #0a6040; }
.shednet-buddy-icon.is-job { background: #fff4aa; color: #594400; }
.shednet-buddy-icon.is-person { background: #ffe1f0; color: #7d174c; }
.shednet-buddy-icon.is-matter { background: #d9ddff; color: #17225f; }
.shednet-buddy-icon.is-institution { background: #ffffff; color: #20306d; }
.shednet-buddy-icon.is-ledger { background: #d4fff8; color: #075f55; }
.shednet-buddy-icon.is-system,
.shednet-buddy-icon.is-stx { background: #161622; color: #55ffff; }
.shednet-buddy-icon.is-weird { background: #101018; color: #f4e780; }

.shednet-buddy-badge {
  justify-self: end;
  border: 1px solid #8a8b98;
  padding: 0.12rem 0.24rem;
  background: #ffffff;
  color: #26306b;
  font-size: 0.66rem;
  font-weight: 700;
  text-transform: uppercase;
}

.shednet-conversation-window {
  display: grid;
  min-height: 32rem;
}

.shednet-im-thread {
  display: none;
  min-width: 0;
}

.shednet-im-thread.is-active {
  display: grid;
  grid-template-rows: auto minmax(15rem, 1fr) auto auto;
}

.shednet-im-thread-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  border-bottom: 1px solid #9fa0ad;
  padding: 0.55rem 0.65rem;
  background: #f8f7fb;
}

.shednet-im-thread-header h3,
.shednet-im-thread-header p {
  margin: 0;
}

.shednet-im-thread-header h3 {
  overflow-wrap: anywhere;
  color: #111428;
  font-size: 1rem;
}

.shednet-im-thread-header > span {
  flex: 0 0 auto;
  border: 1px solid #9a9baa;
  padding: 0.18rem 0.35rem;
  background: #e7e7ee;
  color: #232436;
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
}

.shednet-im-transcript {
  display: grid;
  align-content: start;
  gap: 0.55rem;
  min-height: 0;
  max-height: min(38vh, 25rem);
  overflow: auto;
  padding: 0.65rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(245, 245, 250, 0.9)),
    #ffffff;
}

.shednet-im-message {
  border-left: 0.22rem solid #2e55b9;
  padding: 0.42rem 0.52rem;
  background: #f2f4ff;
  color: #151522;
}

.shednet-im-message strong {
  display: block;
  margin-bottom: 0.15rem;
  color: #1b2f8a;
  font-size: 0.78rem;
}

.shednet-im-message p {
  margin: 0;
  overflow-wrap: anywhere;
  color: #161622;
  font-size: 0.86rem;
  line-height: 1.35;
}

.shednet-im-message.is-chop {
  border-left-color: #23a46b;
  background: #ebfff4;
}

.shednet-im-message.is-chop strong {
  color: #0b6b42;
}

.shednet-im-message.is-system {
  border-left-color: #7b7d8e;
  background: #f0f0f2;
}

.shednet-im-message.is-stx {
  border-left-color: #14141f;
  background: #11111c;
}

.shednet-im-message.is-stx strong,
.shednet-im-message.is-stx p {
  color: #55ffff;
}

.shednet-im-message.is-operator {
  border-left-color: #b85aae;
  background: #fff0fb;
}

.shednet-im-toolbar,
.shednet-im-filing-options,
.shednet-im-composer {
  border-top: 1px solid #9fa0ad;
  padding: 0.55rem 0.65rem;
  background: #dadbe3;
}

.shednet-im-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.shednet-im-filing-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: 0.45rem;
}

.shednet-im-response {
  display: grid;
  gap: 0.2rem;
  align-content: start;
  min-height: 4.4rem;
  border: 2px solid #ffffff;
  border-right-color: #77798a;
  border-bottom-color: #77798a;
  border-radius: 0;
  padding: 0.42rem;
  background: #efedf1;
  color: #111428;
  text-align: left;
  box-shadow: none;
}

.shednet-im-response:hover,
.shednet-im-response:focus-visible,
.shednet-im-response.is-selected {
  background: #fff8c8;
  color: #111428;
}

.shednet-im-response.is-selected {
  outline: 2px solid #3158b8;
  outline-offset: -3px;
}

.shednet-im-response strong,
.shednet-im-response span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shednet-im-response strong {
  font-size: 0.82rem;
}

.shednet-im-response span {
  color: #4a4b5a;
  font-size: 0.7rem;
  line-height: 1.25;
}

.shednet-im-composer {
  display: grid;
  gap: 0.5rem;
}

.shednet-im-composer textarea {
  min-height: 4.3rem;
  resize: vertical;
}

.shednet-im-send-row {
  justify-content: space-between;
}

.shednet-im-send-row p {
  margin: 0;
  max-width: 46rem;
  color: #343446;
  font-size: 0.76rem;
  line-height: 1.32;
}

.shednet-im-archive-row {
  padding: 0.65rem;
  background: #dadbe3;
}

.shednet-messenger-frame button,
.shednet-messenger-frame .button {
  border: 2px solid #ffffff;
  border-right-color: #5d5e6c;
  border-bottom-color: #5d5e6c;
  border-radius: 0;
  background: #d9d9df;
  color: #101018;
  box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #8e8f9c;
}

.shednet-messenger-frame button:hover,
.shednet-messenger-frame button:focus-visible,
.shednet-messenger-frame .button:hover,
.shednet-messenger-frame .button:focus-visible {
  background: #eef2ff;
  color: #101018;
}

.shednet-effects-panel {
  display: grid;
  align-content: start;
  gap: 0.5rem;
  padding: 0.55rem;
}

.shednet-effects-block {
  display: grid;
  gap: 0.22rem;
  border: 1px solid #a7a8b5;
  padding: 0.5rem;
  background: #ffffff;
}

.shednet-effects-block p,
.shednet-effects-block strong {
  margin: 0;
}

.shednet-effects-block strong {
  color: #111428;
  font-size: 0.9rem;
}

.shednet-desk-legacy-stack {
  margin-top: 0.85rem;
  border-top: 1px dashed rgba(240, 212, 154, 0.3);
  padding-top: 0.85rem;
}

.shednet-desk-legacy-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-bottom: 0.75rem;
  border: 1px solid rgba(240, 212, 154, 0.18);
  border-radius: var(--radius);
  padding: 0.65rem 0.75rem;
  background: rgba(7, 7, 15, 0.72);
}

.shednet-desk-legacy-heading h2,
.shednet-desk-legacy-heading p {
  margin: 0;
}

.shednet-desk-legacy-heading h2 {
  color: #ffffff;
  font-size: 1rem;
}

.shednet-chat-prototype-page-shell {
  width: min(100% - 1.25rem, 1440px);
}

.shednet-chat-prototype {
  position: relative;
  min-height: calc(100vh - var(--site-header-height) - var(--operator-bar-height) - 4rem);
  isolation: isolate;
  --chat-active: #55ffff;
  --chat-pending: #f0d49a;
  --chat-risk: #ff6bcc;
  --chat-entity: #7de6b9;
  --chat-social: #b7ff7a;
  --chat-institution: #c7ccff;
  --chat-muted: #8990b6;
}

.shednet-global-messenger {
  position: fixed;
  inset: 0;
  z-index: 130;
  pointer-events: none;
}

.shednet-global-messenger .shednet-chat-prototype {
  position: static;
  min-height: 0;
  isolation: auto;
  pointer-events: none;
}

.shednet-global-messenger .shednet-chat-tray,
.shednet-global-messenger .shednet-chat-window {
  pointer-events: auto;
}

.shednet-chat-prototype.is-global-overlay:not(.is-chat-ready) .shednet-chat-window {
  display: none;
}

.shednet-chat-prototype-surface {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  min-height: 36rem;
  border: 1px solid rgba(85, 255, 255, 0.18);
  border-radius: var(--radius);
  padding: 1rem;
  background:
    linear-gradient(90deg, rgba(85, 255, 255, 0.08), transparent 38%),
    linear-gradient(180deg, rgba(240, 212, 154, 0.06), transparent 52%),
    rgba(5, 5, 9, 0.74);
  box-shadow: inset 0 0 0 1px rgba(255, 107, 204, 0.05);
}

.shednet-chat-prototype-surface h1,
.shednet-chat-prototype-surface p {
  margin: 0;
}

.shednet-chat-prototype-surface h1 {
  color: #ffffff;
  font-size: clamp(1.45rem, 2.8vw, 2.25rem);
}

.shednet-chat-prototype-surface p,
.shednet-chat-prototype-surface span {
  color: var(--muted);
  font-size: 0.86rem;
}

.shednet-chat-prototype-surface > div:last-child {
  display: grid;
  justify-items: end;
  gap: 0.35rem;
}

.shednet-chat-tray,
.shednet-chat-window,
.shednet-chat-window button,
.shednet-chat-window textarea {
  font-family: "Shedletsky Cascadia Mono", "Cascadia Mono", Consolas, "Courier New", ui-monospace, SFMono-Regular, monospace;
}

.shednet-chat-tray {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 120;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.45rem;
  align-items: center;
  min-width: 16rem;
  border: 1px solid rgba(85, 255, 255, 0.4);
  border-top-color: rgba(255, 255, 255, 0.28);
  border-left-color: rgba(255, 255, 255, 0.22);
  border-radius: 4px;
  padding: 0.46rem 0.55rem;
  background:
    linear-gradient(180deg, rgba(33, 43, 78, 0.95), rgba(12, 12, 20, 0.97)),
    #101018;
  color: #f6f7ff;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.85),
    0 12px 36px rgba(0, 0, 0, 0.38);
  text-align: left;
}

.shednet-chat-tray:hover,
.shednet-chat-tray:focus-visible {
  background:
    linear-gradient(180deg, rgba(37, 55, 96, 0.98), rgba(16, 17, 29, 0.98)),
    #101018;
  color: #ffffff;
}

.shednet-chat-tray-icon,
.shednet-chat-title-icon,
.shednet-chat-avatar {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(85, 255, 255, 0.42);
  background: #111725;
  color: #55ffff;
  font-weight: 900;
  image-rendering: pixelated;
}

.shednet-chat-tray-icon {
  width: 1.25rem;
  height: 1.25rem;
}

.shednet-chat-tray strong {
  min-width: 1.4rem;
  border: 1px solid rgba(240, 212, 154, 0.55);
  border-radius: 3px;
  padding: 0.1rem 0.28rem;
  background: rgba(240, 212, 154, 0.12);
  color: #f0d49a;
  text-align: center;
}

.shednet-chat-window {
  position: fixed;
  z-index: 20;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid rgba(85, 255, 255, 0.3);
  border-top-color: rgba(255, 255, 255, 0.24);
  border-left-color: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  background:
    linear-gradient(180deg, rgba(16, 18, 32, 0.98), rgba(6, 7, 13, 0.98)),
    #090a11;
  color: #f2f4ff;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.8),
    0 18px 48px rgba(0, 0, 0, 0.44),
    inset 0 0 0 1px rgba(255, 255, 255, 0.035);
  overflow: clip;
}

.shednet-chat-window[hidden] {
  display: none;
}

.shednet-chat-window.is-focused {
  border-color: rgba(85, 255, 255, 0.66);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.86),
    0 0 0 2px rgba(85, 255, 255, 0.14),
    0 22px 56px rgba(0, 0, 0, 0.54),
    inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.shednet-chat-window.is-resizing {
  user-select: none;
}

.shednet-chat-resize-handle {
  position: absolute;
  z-index: 4;
  background: transparent;
  touch-action: none;
}

.shednet-chat-resize-handle.is-east {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 4px;
  cursor: ew-resize;
}

.shednet-chat-resize-handle.is-south {
  right: 5px;
  bottom: 0;
  left: 5px;
  height: 4px;
  cursor: ns-resize;
}

.shednet-chat-resize-handle.is-south-east {
  right: 0;
  bottom: 0;
  width: 6px;
  height: 6px;
  cursor: nwse-resize;
}

.shednet-chat-buddy-window {
  width: 19rem;
  height: min(36rem, calc(100vh - var(--site-header-height) - var(--operator-bar-height) - 2rem));
  min-width: 17rem;
  min-height: 21rem;
  max-width: calc(100vw - 2rem);
  grid-template-rows: auto auto auto auto minmax(0, 1fr) auto;
  max-height: calc(100vh - var(--site-header-height) - var(--operator-bar-height) - 2rem);
}

.shednet-chat-dialog {
  width: min(30rem, calc(100vw - 2rem));
  height: min(34rem, calc(100vh - var(--site-header-height) - var(--operator-bar-height) - 2rem));
  min-width: min(22rem, calc(100vw - 2rem));
  min-height: 25rem;
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - var(--site-header-height) - var(--operator-bar-height) - 2rem);
  grid-template-rows: auto auto minmax(9rem, 1fr) auto auto;
}

.shednet-chat-info-window {
  width: min(22rem, calc(100vw - 2rem));
  min-width: min(18rem, calc(100vw - 2rem));
  min-height: 15rem;
  max-width: calc(100vw - 2rem);
  grid-template-rows: auto minmax(0, 1fr);
}

.shednet-chat-titlebar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.5rem;
  align-items: center;
  min-height: 1.95rem;
  border-bottom: 1px solid rgba(85, 255, 255, 0.22);
  padding: 0.28rem 0.42rem;
  background:
    linear-gradient(90deg, rgba(24, 38, 72, 0.94), rgba(25, 30, 54, 0.94) 58%, rgba(18, 21, 37, 0.9)),
    #141625;
  cursor: grab;
  touch-action: none;
  user-select: none;
}

.shednet-chat-titlebar.is-stx {
  background:
    linear-gradient(90deg, rgba(9, 14, 19, 0.98), rgba(24, 30, 46, 0.96), rgba(16, 12, 24, 0.98)),
    #0b0c11;
}

.shednet-chat-titlebar.is-origin {
  background:
    linear-gradient(90deg, rgba(23, 9, 28, 0.98), rgba(7, 11, 18, 0.96), rgba(57, 18, 52, 0.86)),
    #08070d;
}

.shednet-chat-window.is-dragging .shednet-chat-titlebar {
  cursor: grabbing;
}

.shednet-chat-title-icon {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0.72rem;
}

.shednet-chat-title-icon.is-job,
.shednet-chat-avatar.is-job {
  border-color: rgba(240, 212, 154, 0.6);
  background: #2d270f;
  color: var(--chat-pending);
}

.shednet-chat-title-icon.is-chop,
.shednet-chat-avatar.is-chop {
  border-color: rgba(125, 230, 185, 0.65);
  background: #08251c;
  color: var(--chat-entity);
}

.shednet-chat-title-icon.is-stx,
.shednet-chat-avatar.is-stx {
  border-color: rgba(85, 255, 255, 0.7);
  background: #020509;
  color: var(--chat-active);
}

.shednet-chat-title-icon.is-folder,
.shednet-chat-avatar.is-folder {
  border-color: rgba(161, 170, 255, 0.58);
  background: #111629;
  color: var(--chat-institution);
}

.shednet-chat-title-icon.is-registry,
.shednet-chat-avatar.is-registry {
  border-color: rgba(161, 170, 255, 0.68);
  background: #15183a;
  color: var(--chat-institution);
}

.shednet-chat-title-icon.is-person,
.shednet-chat-avatar.is-person {
  border-color: rgba(176, 255, 100, 0.55);
  background: #16230b;
  color: var(--chat-social);
}

.shednet-chat-title-icon.is-origin,
.shednet-chat-avatar.is-origin {
  border-color: rgba(255, 107, 204, 0.7);
  background: #050008;
  color: var(--chat-risk);
}

.shednet-chat-titlebar strong,
.shednet-chat-titlebar span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shednet-chat-titlebar strong {
  color: #ffffff;
  font-size: 0.78rem;
  line-height: 1.1;
}

.shednet-chat-titlebar span {
  color: #c8cdf4;
  font-size: 0.62rem;
}

.shednet-chat-window-buttons {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.shednet-chat-window button {
  min-height: 1.65rem;
  border: 1px solid rgba(85, 255, 255, 0.25);
  border-top-color: rgba(255, 255, 255, 0.25);
  border-left-color: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  padding: 0.25rem 0.42rem;
  background:
    linear-gradient(180deg, rgba(35, 40, 67, 0.95), rgba(13, 15, 25, 0.98)),
    #11131f;
  color: #f3f4ff;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.04);
  font-size: 0.74rem;
}

.shednet-chat-window button:hover,
.shednet-chat-window button:focus-visible {
  border-color: rgba(240, 212, 154, 0.58);
  background:
    linear-gradient(180deg, rgba(51, 48, 74, 0.98), rgba(22, 18, 30, 0.98)),
    #17121e;
  color: #ffffff;
}

.shednet-chat-window-buttons button {
  display: inline-grid;
  place-items: center;
  width: 1.45rem;
  min-height: 1.25rem;
  padding: 0;
  font-size: 0.76rem;
}

.shednet-chat-buddy-strip {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 0.55rem;
  align-items: center;
  border-bottom: 1px solid rgba(85, 255, 255, 0.18);
  padding: 0.45rem 0.5rem;
  background:
    linear-gradient(180deg, rgba(10, 12, 20, 0.98), rgba(3, 4, 8, 0.98)),
    #05060a;
}

.shednet-chat-buddy-icon-48 {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  border: 2px solid rgba(255, 255, 255, 0.24);
  background:
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0 1px, transparent 1px 5px),
    #11131f;
  color: #f0d49a;
  font-weight: 800;
  font-size: 1.25rem;
  line-height: 1;
  image-rendering: pixelated;
  box-shadow:
    inset 1px 1px 0 rgba(255, 255, 255, 0.12),
    inset -1px -1px 0 rgba(0, 0, 0, 0.55);
}

.shednet-chat-buddy-icon-48.is-job {
  border-color: rgba(240, 212, 154, 0.72);
  background:
    linear-gradient(135deg, #3a310c 0 50%, #171304 50%),
    #251f09;
  color: #ffe58c;
}

.shednet-chat-buddy-icon-48.is-chop {
  border-color: rgba(231, 73, 83, 0.72);
  background:
    linear-gradient(135deg, #3a1115 0 50%, #140608 50%),
    #220b0e;
  color: #ff8088;
}

.shednet-chat-buddy-icon-48.is-registry,
.shednet-chat-buddy-icon-48.is-stx {
  border-color: rgba(161, 170, 255, 0.72);
  background:
    linear-gradient(135deg, #171b42 0 50%, #07091f 50%),
    #0d102e;
  color: #aab3ff;
}

.shednet-chat-buddy-icon-48.is-folder {
  border-color: rgba(125, 230, 185, 0.68);
  background:
    linear-gradient(135deg, #123021 0 50%, #07140e 50%),
    #0b2016;
  color: #80ffc0;
}

.shednet-chat-buddy-icon-48.is-person,
.shednet-chat-buddy-icon-48.is-origin {
  border-color: rgba(255, 107, 204, 0.7);
  background:
    linear-gradient(135deg, #351132 0 50%, #110611 50%),
    #210b1f;
  color: #ff8bdc;
}

.shednet-chat-buddy-strip strong,
.shednet-chat-buddy-strip span,
.shednet-chat-buddy-strip em,
.shednet-chat-buddy-strip small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shednet-chat-buddy-strip strong {
  color: #ffffff;
  font-size: 0.86rem;
}

.shednet-chat-buddy-strip span {
  color: #78a9ff;
  font-size: 0.68rem;
}

.shednet-chat-buddy-strip em {
  color: #c6cadf;
  font-size: 0.66rem;
  font-style: normal;
}

.shednet-chat-buddy-strip small {
  color: #f0d49a;
  font-size: 0.62rem;
}

.shednet-chat-menubar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.28rem;
  border-bottom: 1px solid rgba(85, 255, 255, 0.16);
  padding: 0.35rem 0.45rem;
  background: rgba(4, 5, 9, 0.58);
}

.shednet-chat-menubar button {
  min-height: 1.35rem;
  border-color: transparent;
  padding: 0.1rem 0.28rem;
  background: transparent;
  box-shadow: none;
  color: #c8cdf4;
}

.shednet-chat-operator-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.45rem;
  align-items: center;
  border-bottom: 1px solid rgba(85, 255, 255, 0.16);
  padding: 0.55rem;
  background: rgba(255, 255, 255, 0.035);
}

.shednet-chat-operator-card strong,
.shednet-chat-operator-card span {
  display: block;
}

.shednet-chat-operator-card strong {
  color: #ffffff;
  font-size: 0.84rem;
}

.shednet-chat-operator-card span {
  color: #bfc3e9;
  font-size: 0.7rem;
}

.shednet-chat-presence {
  width: 0.7rem;
  height: 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.24);
  background: #55ff55;
  box-shadow: 0 0 0 2px rgba(85, 255, 85, 0.12);
}

.shednet-chat-brand-slot {
  min-height: 4.8rem;
  margin: 0.48rem 0.55rem 0.42rem;
  border: 1px solid rgba(85, 255, 255, 0.18);
  border-top-color: rgba(255, 255, 255, 0.16);
  border-left-color: rgba(255, 255, 255, 0.12);
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 6px),
    #101321;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.42);
}

.shednet-chat-tabs {
  display: flex;
  align-items: end;
  gap: 0.15rem;
  border-bottom: 1px solid rgba(85, 255, 255, 0.2);
  padding: 0 0.55rem;
}

.shednet-chat-tabs button {
  min-height: 1.85rem;
  border-bottom-color: rgba(4, 5, 9, 0.9);
  border-radius: 3px 3px 0 0;
  padding-inline: 0.55rem;
}

.shednet-chat-tabs button.is-active {
  border-color: rgba(85, 255, 255, 0.34);
  border-bottom-color: rgba(9, 11, 18, 0.98);
  background:
    linear-gradient(180deg, rgba(31, 36, 63, 0.98), rgba(9, 11, 18, 0.98)),
    #090b12;
  color: #ffffff;
}

.shednet-chat-tab-panel {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
}

.shednet-chat-tab-panel[hidden] {
  display: none;
}

.shednet-chat-buddy-groups {
  height: 100%;
  min-height: 0;
  overflow: auto;
  scrollbar-gutter: stable;
  padding: 0.36rem 0.28rem 0.45rem;
}

.shednet-chat-buddy-group + .shednet-chat-buddy-group {
  margin-top: 0.18rem;
}

.shednet-chat-buddy-group-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.26rem;
  align-items: center;
  width: 100%;
  min-height: 1.35rem;
  border: 1px solid rgba(85, 255, 255, 0.22);
  border-top-color: rgba(255, 255, 255, 0.26);
  border-left-color: rgba(255, 255, 255, 0.18);
  border-radius: 0;
  padding: 0.13rem 0.28rem;
  background:
    linear-gradient(180deg, rgba(37, 42, 64, 0.98), rgba(16, 18, 31, 0.98)),
    #151827;
  color: #55ffff;
  text-align: left;
}

.shednet-chat-buddy-group-header:hover,
.shednet-chat-buddy-group-header:focus-visible {
  border-color: rgba(240, 212, 154, 0.52);
  color: #f0d49a;
}

.shednet-chat-buddy-group-header span,
.shednet-chat-buddy-group-header strong,
.shednet-chat-buddy-group-header b {
  min-width: 0;
  font-size: 0.68rem;
  line-height: 1;
}

.shednet-chat-buddy-group-header strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shednet-chat-buddy-group-header b {
  justify-self: end;
  color: #f0d49a;
  font-weight: 700;
}

.shednet-chat-buddy-group-body {
  padding: 0.16rem 0 0.08rem 0.62rem;
}

.shednet-chat-buddy-group.is-collapsed .shednet-chat-buddy-group-body {
  display: none;
}

.shednet-chat-buddy {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.45rem;
  align-items: center;
  width: 100%;
  min-height: 2.7rem;
  border: 1px solid rgba(85, 255, 255, 0.25);
  border-top-color: rgba(255, 255, 255, 0.25);
  border-left-color: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  margin-top: 0.28rem;
  padding: 0.25rem 0.42rem;
  background:
    linear-gradient(180deg, rgba(35, 40, 67, 0.95), rgba(13, 15, 25, 0.98)),
    #11131f;
  color: #f3f4ff;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.04);
  text-align: left;
}

.shednet-chat-buddy.is-hot {
  border-color: rgba(240, 212, 154, 0.48);
}

.shednet-chat-buddy.is-settled {
  border-color: rgba(125, 230, 185, 0.42);
}

.shednet-chat-buddy.is-notice {
  border-color: rgba(161, 170, 255, 0.24);
}

.shednet-chat-buddy.is-system {
  border-color: rgba(85, 255, 255, 0.24);
}

.shednet-chat-buddy.is-entity {
  border-color: rgba(125, 230, 185, 0.28);
}

.shednet-chat-buddy.is-social {
  border-color: rgba(176, 255, 100, 0.24);
}

.shednet-chat-buddy.is-risk {
  border-color: rgba(255, 107, 204, 0.28);
}

.shednet-chat-buddy.is-window-open {
  border-color: rgba(85, 255, 255, 0.58);
  background:
    linear-gradient(180deg, rgba(28, 39, 72, 0.98), rgba(14, 17, 31, 0.98)),
    #11131f;
}

.shednet-chat-buddy.is-dim {
  opacity: 0.64;
}

.shednet-chat-buddy.is-away .shednet-chat-avatar {
  border-color: rgba(180, 184, 204, 0.45);
  background: #202231;
  color: #c6cadf;
}

.shednet-chat-buddy.is-disabled {
  cursor: default;
}

.shednet-chat-empty-row {
  margin: 0.38rem 0.2rem 0.55rem;
  color: #8990b7;
  font-size: 0.66rem;
}

.shednet-chat-avatar {
  width: 1.55rem;
  height: 1.55rem;
  font-size: 0.78rem;
}

.shednet-chat-buddy strong,
.shednet-chat-buddy em {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shednet-chat-buddy strong {
  color: #ffffff;
  font-size: 0.78rem;
}

.shednet-chat-buddy em {
  color: #abb1dd;
  font-size: 0.66rem;
  font-style: normal;
}

.shednet-chat-buddy b {
  display: inline-grid;
  place-items: center;
  min-width: 1.18rem;
  min-height: 1.18rem;
  border: 1px solid rgba(240, 212, 154, 0.58);
  border-radius: 2px;
  padding-inline: 0.18rem;
  background: rgba(240, 212, 154, 0.14);
  color: var(--chat-pending);
  font-size: 0.68rem;
}

.shednet-chat-statusbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-top: 1px solid rgba(85, 255, 255, 0.16);
  padding: 0.34rem 0.48rem;
  background: rgba(4, 5, 9, 0.7);
  color: #aeb4db;
  font-size: 0.66rem;
}

.shednet-chat-statusbar span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shednet-chat-setup-list {
  display: grid;
  align-content: start;
  gap: 0.45rem;
  height: 100%;
  min-height: 0;
  overflow: auto;
  padding: 0.5rem 0.55rem 0.65rem;
}

.shednet-chat-setup-list section {
  border: 1px solid rgba(85, 255, 255, 0.16);
  padding: 0.45rem;
  background: rgba(255, 255, 255, 0.035);
}

.shednet-chat-setup-list strong {
  display: block;
  margin-bottom: 0.35rem;
  color: #55ffff;
  font-size: 0.68rem;
}

.shednet-chat-setup-list p {
  margin: 0.22rem 0 0;
  color: #f2f4ff;
  font-size: 0.7rem;
  overflow-wrap: anywhere;
}

.shednet-chat-setup-list span {
  display: block;
  color: #aeb4db;
}

.shednet-chat-transcript {
  display: block;
  min-height: 0;
  overflow: auto;
  padding: 0.42rem 0.5rem;
  background:
    linear-gradient(180deg, rgba(2, 3, 8, 0.92), rgba(1, 2, 5, 0.96)),
    #020307;
  font-family: Verdana, Arial, sans-serif;
}

.shednet-chat-line {
  display: block;
  margin: 0 0 0.18rem;
  border-left: 0;
  padding: 0;
  background: transparent;
}

.shednet-chat-line strong {
  display: inline;
  color: #e74953;
  font-size: 0.76rem;
  font-weight: 800;
}

.shednet-chat-line strong::after {
  content: ": ";
}

.shednet-chat-line p {
  display: inline;
  margin: 0;
  color: #f2f4ff;
  font-size: 0.78rem;
  line-height: 1.32;
  overflow-wrap: anywhere;
}

.shednet-chat-line.is-operator strong {
  color: #4b8dff;
}

.shednet-chat-line.is-buddy strong {
  color: #e74953;
}

.shednet-chat-line.is-service strong {
  color: #8b92aa;
  font-weight: 700;
}

.shednet-chat-line.is-service p {
  color: #c3c7d7;
}

.shednet-chat-action-strip {
  display: flex;
  gap: 0.35rem;
  overflow-x: auto;
  border-top: 1px solid rgba(85, 255, 255, 0.16);
  padding: 0.42rem 0.5rem;
  background: rgba(15, 16, 27, 0.94);
}

.shednet-chat-action-strip form {
  display: contents;
}

.shednet-chat-action-strip button {
  flex: 0 0 auto;
  white-space: nowrap;
}

.shednet-chat-composer {
  display: grid;
  gap: 0.3rem;
  border-top: 1px solid rgba(85, 255, 255, 0.16);
  padding: 0.42rem 0.5rem 0.5rem;
  background:
    linear-gradient(180deg, rgba(12, 13, 22, 0.98), rgba(4, 5, 10, 0.98)),
    #05060a;
}

.shednet-chat-preset-row {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 0.25rem;
  align-items: center;
  overflow-x: auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 0;
  padding: 0.25rem;
  background: rgba(255, 255, 255, 0.035);
}

.shednet-chat-preset-row button {
  flex: 0 0 auto;
  min-height: 1.35rem;
  padding: 0.12rem 0.4rem;
  white-space: nowrap;
  font-size: 0.68rem;
}

.shednet-chat-composer textarea:not(.shednet-chat-composer-source),
.shednet-chat-composer-editor {
  width: 100%;
  min-height: 4.5rem;
  border: 1px solid rgba(85, 255, 255, 0.32);
  border-top-color: rgba(0, 0, 0, 0.65);
  border-left-color: rgba(0, 0, 0, 0.65);
  border-radius: 0;
  padding: 0.45rem 0.5rem;
  background: #010207;
  color: #f6f7ff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.78rem;
  line-height: 1.55;
  overflow: auto;
  overflow-wrap: anywhere;
  resize: vertical;
  white-space: pre-wrap;
}

.shednet-chat-composer textarea:not(.shednet-chat-composer-source):focus,
.shednet-chat-composer-editor:focus {
  outline: 2px solid rgba(85, 255, 255, 0.28);
  outline-offset: 1px;
}

.shednet-chat-composer-source {
  display: none;
}

.shednet-chat-composer > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.5rem;
  align-items: center;
}

.shednet-chat-composer > .shednet-chat-composer-editor {
  display: block;
}

.shednet-chat-format-toolbar {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 0.18rem;
  align-items: center;
  overflow-x: auto;
  border: 1px solid rgba(85, 255, 255, 0.16);
  border-right: 0;
  border-left: 0;
  padding: 0.24rem 0.45rem;
  background:
    linear-gradient(180deg, rgba(26, 29, 45, 0.98), rgba(10, 12, 20, 0.98)),
    #0c0e17;
}

.shednet-chat-format-toolbar button {
  min-width: 1.55rem;
  min-height: 1.35rem;
  padding: 0.08rem 0.28rem;
  font-size: 0.68rem;
  font-weight: 700;
}

.shednet-chat-format-toolbar .shednet-chat-emoji-toggle {
  display: inline-grid;
  place-items: center;
  width: 1.65rem;
  min-width: 1.65rem;
  padding: 0;
}

.shednet-chat-emoji-toggle canvas {
  display: block;
  width: 1.22rem;
  height: 1.22rem;
}

.shednet-chat-format-toolbar [data-chat-format="italic"] {
  font-style: italic;
}

.shednet-chat-format-toolbar [data-chat-format="underline"] {
  text-decoration: underline;
}

.shednet-chat-emoji-picker {
  position: absolute;
  z-index: 8;
  width: min(18rem, calc(100% - 1rem));
  max-height: min(22rem, calc(100% - 1rem));
  overflow: auto;
  border: 1px solid rgba(240, 212, 154, 0.56);
  border-top-color: rgba(255, 255, 255, 0.32);
  border-left-color: rgba(255, 255, 255, 0.22);
  border-radius: 3px;
  background:
    linear-gradient(180deg, rgba(35, 35, 28, 0.98), rgba(12, 12, 15, 0.99)),
    #101014;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.86),
    0 16px 38px rgba(0, 0, 0, 0.5);
  color: #f5f0cf;
}

.shednet-chat-emoji-picker[hidden] {
  display: none;
}

.shednet-chat-emoji-picker-titlebar {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-bottom: 1px solid rgba(240, 212, 154, 0.3);
  padding: 0.28rem 0.34rem;
  background:
    linear-gradient(180deg, rgba(49, 50, 42, 0.98), rgba(20, 20, 24, 0.98)),
    #15151a;
}

.shednet-chat-emoji-picker-titlebar strong {
  color: #ffffff;
  font-size: 0.72rem;
}

.shednet-chat-emoji-picker-titlebar button {
  width: 1.3rem;
  min-width: 1.3rem;
  min-height: 1.18rem;
  padding: 0;
}

.shednet-chat-emoji-menu-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(1.85rem, 1fr));
  gap: 0.08rem;
  padding: 0.28rem;
}

.shednet-chat-emoji-menu-row {
  display: inline-grid;
  place-items: center;
  width: 100%;
  min-width: 0;
  min-height: 1.85rem;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  color: #f2f4ff;
}

.shednet-chat-emoji-menu-row:hover,
.shednet-chat-emoji-menu-row:focus-visible {
  border-color: rgba(85, 255, 255, 0.34);
  background: rgba(85, 255, 255, 0.08);
}

.shednet-chat-emoji-menu-preview {
  width: 1.38rem;
  height: 1.38rem;
  margin: 0;
  vertical-align: middle;
}

.shednet-chat-emoji-menu-preview canvas {
  width: 1.38rem;
  height: 1.38rem;
}

.shednet-chat-emoji-menu-detail {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.shednet-chat-emoji-menu-row kbd {
  display: none;
}

.shednet-chat-emoji-menu-empty {
  margin: 0;
  padding: 0.6rem;
  color: #f0d49a;
  font-size: 0.7rem;
}

.shednet-chat-typing-line {
  display: block !important;
  min-height: 1.15rem;
  border: 1px solid rgba(85, 255, 255, 0.14);
  padding: 0.18rem 0.32rem;
  background: #02040a;
  color: #8f98bd;
  font-size: 0.66rem;
}

.shednet-chat-window.is-chat-typing .shednet-chat-typing-line {
  color: #f0d49a;
}

.shednet-chat-window.is-chat-typing .shednet-chat-buddy-icon-48 {
  box-shadow:
    0 0 0 2px rgba(240, 212, 154, 0.18),
    inset 1px 1px 0 rgba(255, 255, 255, 0.12),
    inset -1px -1px 0 rgba(0, 0, 0, 0.55);
}

.shednet-chat-composer-status {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}

.shednet-chat-composer span {
  min-width: 0;
  color: #f0d49a;
  font-size: 0.68rem;
  overflow-wrap: anywhere;
}

.shednet-chat-info-body {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 0.65rem;
  align-content: start;
  padding: 0.7rem;
  overflow: auto;
  background:
    linear-gradient(180deg, rgba(9, 11, 18, 0.98), rgba(3, 4, 8, 0.98)),
    #05060a;
}

.shednet-chat-info-body h3,
.shednet-chat-info-body p,
.shednet-chat-info-body blockquote,
.shednet-chat-info-body dl {
  margin: 0;
}

.shednet-chat-info-body h3 {
  color: #ffffff;
  font-size: 0.95rem;
}

.shednet-chat-info-body p {
  margin-top: 0.18rem;
  color: #78a9ff;
  font-size: 0.72rem;
}

.shednet-chat-info-body blockquote {
  margin-top: 0.55rem;
  border: 1px solid rgba(85, 255, 255, 0.16);
  padding: 0.45rem;
  background: rgba(255, 255, 255, 0.035);
  color: #f0d49a;
  font-size: 0.74rem;
  line-height: 1.35;
}

.shednet-chat-info-body dl {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.25rem 0.45rem;
  margin-top: 0.6rem;
  font-size: 0.7rem;
}

.shednet-chat-info-body dt {
  color: #8b92aa;
}

.shednet-chat-info-body dd {
  min-width: 0;
  margin: 0;
  color: #f2f4ff;
  overflow-wrap: anywhere;
}

.shednet-chat-continuity {
  width: min(37rem, calc(100vw - 2rem));
  height: min(35rem, calc(100vh - var(--site-header-height) - var(--operator-bar-height) - 2rem));
  min-width: min(24rem, calc(100vw - 2rem));
  min-height: min(24rem, calc(100vh - var(--site-header-height) - var(--operator-bar-height) - 2rem));
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - var(--site-header-height) - var(--operator-bar-height) - 2rem);
  grid-template-rows: auto auto minmax(0, 1fr);
}

.shednet-continuity-body {
  display: grid;
  grid-template-rows: auto minmax(8rem, 1fr) minmax(7rem, 0.8fr);
  gap: 0.55rem;
  min-height: 0;
  padding: 0.62rem;
  overflow: hidden;
}

.shednet-continuity-summary {
  display: grid;
  gap: 0.38rem;
  border: 1px solid rgba(85, 255, 255, 0.2);
  padding: 0.55rem;
  background:
    linear-gradient(90deg, rgba(85, 255, 255, 0.06), transparent 48%),
    rgba(3, 5, 10, 0.86);
}

.shednet-continuity-summary h2,
.shednet-continuity-summary p {
  margin: 0;
}

.shednet-continuity-summary h2 {
  color: #ffffff;
  font-size: 1rem;
}

.shednet-continuity-summary p {
  color: #d9f3e8;
  font-size: 0.76rem;
  line-height: 1.4;
}

.shednet-continuity-counts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.35rem;
}

.shednet-continuity-counts span {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
  border: 1px solid rgba(161, 170, 255, 0.2);
  padding: 0.35rem;
  background: rgba(15, 17, 32, 0.78);
  color: #aeb5df;
  font-size: 0.63rem;
  text-transform: uppercase;
}

.shednet-continuity-counts strong {
  color: #f0d49a;
  font-size: 0.98rem;
  line-height: 1;
}

.shednet-continuity-list {
  display: grid;
  align-content: start;
  gap: 0.38rem;
  min-height: 0;
  overflow: auto;
}

.shednet-continuity-list button {
  display: grid;
  grid-template-areas:
    "category title badge"
    "summary summary summary";
  grid-template-columns: minmax(6.6rem, 0.32fr) minmax(0, 1fr) max-content;
  gap: 0.35rem 0.5rem;
  align-content: start;
  align-items: start;
  justify-content: stretch;
  width: 100%;
  min-height: 4.45rem;
  border: 1px solid rgba(85, 255, 255, 0.22);
  border-radius: 3px;
  padding: 0.42rem 0.5rem;
  background:
    linear-gradient(180deg, rgba(35, 40, 67, 0.95), rgba(13, 15, 25, 0.98)),
    #11131f;
  color: #f3f4ff;
  text-align: left;
}

.shednet-continuity-list button:hover,
.shednet-continuity-list button:focus-visible {
  border-color: rgba(240, 212, 154, 0.55);
}

.shednet-continuity-list button.is-hot {
  border-color: rgba(240, 212, 154, 0.5);
}

.shednet-continuity-list button.is-settled {
  border-color: rgba(125, 230, 185, 0.42);
}

.shednet-continuity-list button.is-dim {
  opacity: 0.68;
}

.shednet-continuity-list span,
.shednet-continuity-list strong,
.shednet-continuity-list em,
.shednet-continuity-list b {
  min-width: 0;
}

.shednet-continuity-list span {
  grid-area: category;
  color: #78a9ff;
  font-size: 0.62rem;
  text-transform: uppercase;
}

.shednet-continuity-list strong {
  grid-area: title;
  overflow: hidden;
  color: #ffffff;
  font-size: 0.76rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shednet-continuity-list em {
  grid-area: summary;
  color: #c6cadf;
  font-size: 0.68rem;
  font-style: normal;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shednet-continuity-list b {
  grid-area: badge;
  justify-self: end;
  border: 1px solid rgba(240, 212, 154, 0.58);
  border-radius: 2px;
  padding: 0.08rem 0.24rem;
  background: rgba(240, 212, 154, 0.12);
  color: var(--chat-pending);
  font-size: 0.64rem;
  font-weight: 700;
  text-transform: uppercase;
}

.shednet-chat-current-matter {
  width: min(47rem, calc(100vw - 2rem));
  height: min(42rem, calc(100vh - var(--site-header-height) - var(--operator-bar-height) - 2rem));
  min-width: min(27rem, calc(100vw - 2rem));
  min-height: min(31rem, calc(100vh - var(--site-header-height) - var(--operator-bar-height) - 2rem));
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - var(--site-header-height) - var(--operator-bar-height) - 2rem);
  grid-template-rows: auto auto minmax(0, 1fr) auto;
}

.shednet-current-matter-body {
  display: grid;
  align-content: start;
  gap: 0.55rem;
  min-height: 0;
  overflow: auto;
  padding: 0.55rem;
  background:
    linear-gradient(90deg, rgba(85, 255, 255, 0.055), transparent 36%),
    linear-gradient(180deg, rgba(255, 107, 204, 0.035), transparent 58%),
    #020307;
}

.shednet-current-matter-body section {
  min-width: 0;
}

.shednet-current-matter-now {
  display: grid;
  gap: 0.38rem;
  border: 1px solid rgba(85, 255, 255, 0.24);
  padding: 0.6rem;
  background:
    linear-gradient(180deg, rgba(18, 25, 47, 0.88), rgba(7, 9, 17, 0.94)),
    #080a12;
}

.shednet-current-matter-now h2,
.shednet-current-matter-now p {
  margin: 0;
}

.shednet-current-matter-now h2 {
  color: #ffffff;
  font-size: 1.05rem;
}

.shednet-current-matter-question {
  color: #f0d49a;
  font-size: 0.82rem;
  line-height: 1.35;
}

.shednet-current-matter-state {
  display: grid;
  gap: 0.18rem;
  border-left: 2px solid rgba(85, 255, 255, 0.48);
  padding-left: 0.45rem;
}

.shednet-current-matter-state span,
.shednet-current-matter-state em,
.shednet-current-matter-now > p:last-child {
  color: #bfc5e8;
  font-size: 0.74rem;
  line-height: 1.4;
}

.shednet-current-matter-state strong {
  color: #ffffff;
  font-size: 0.78rem;
}

.shednet-current-matter-state em {
  font-style: normal;
}

.shednet-current-matter-pressure {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.35rem;
}

.shednet-current-matter-pressure div {
  min-width: 0;
  border: 1px solid rgba(85, 255, 255, 0.18);
  padding: 0.42rem;
  background: rgba(255, 255, 255, 0.035);
}

.shednet-current-matter-pressure div.is-risk {
  border-color: rgba(255, 107, 204, 0.34);
}

.shednet-current-matter-pressure span,
.shednet-current-matter-pressure strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shednet-current-matter-pressure span {
  color: #9ba4ca;
  font-size: 0.64rem;
}

.shednet-current-matter-pressure strong {
  color: #ffffff;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.shednet-current-matter-preview,
.shednet-current-matter-result,
.shednet-current-matter-timeline,
.shednet-current-matter-drawers,
.shednet-current-matter-receipts {
  border: 1px solid rgba(85, 255, 255, 0.18);
  padding: 0.55rem;
  background: rgba(3, 5, 10, 0.84);
}

.shednet-current-matter-result[hidden] {
  display: none;
}

.shednet-current-matter-preview {
  display: grid;
  grid-template-columns: minmax(8rem, 0.28fr) minmax(0, 1fr);
  gap: 0.55rem;
  border-color: rgba(240, 212, 154, 0.36);
}

.shednet-current-matter-preview > div span,
.shednet-current-matter-section-heading span {
  display: block;
  color: #9ba4ca;
  font-size: 0.65rem;
}

.shednet-current-matter-preview > div strong,
.shednet-current-matter-section-heading strong {
  display: block;
  color: #ffffff;
  font-size: 0.82rem;
}

.shednet-current-matter-preview dl {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.26rem 0.45rem;
  margin: 0;
}

.shednet-current-matter-preview dt {
  color: #f0d49a;
  font-size: 0.68rem;
}

.shednet-current-matter-preview dd {
  min-width: 0;
  margin: 0;
  color: #f2f4ff;
  font-size: 0.7rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shednet-current-matter-result {
  display: grid;
  gap: 0.4rem;
  border-color: rgba(125, 230, 185, 0.38);
  background:
    linear-gradient(90deg, rgba(125, 230, 185, 0.07), transparent 46%),
    rgba(3, 8, 7, 0.9);
}

.shednet-current-matter-result h3,
.shednet-current-matter-result p {
  margin: 0;
}

.shednet-current-matter-result h3 {
  color: #ffffff;
  font-size: 0.94rem;
}

.shednet-current-matter-result p {
  color: #d9f3e8;
  font-size: 0.74rem;
  line-height: 1.4;
}

.shednet-current-matter-chip-row,
.shednet-current-matter-next-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.28rem;
}

.shednet-current-matter-chip-row span,
.shednet-current-matter-next-row span {
  border: 1px solid rgba(85, 255, 255, 0.25);
  padding: 0.18rem 0.34rem;
  background: rgba(255, 255, 255, 0.055);
  color: #f2f4ff;
  font-size: 0.66rem;
}

.shednet-current-matter-section-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.55rem;
  margin-bottom: 0.45rem;
}

.shednet-current-matter-timeline ol {
  display: grid;
  gap: 0.4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.shednet-current-matter-timeline li {
  display: grid;
  grid-template-columns: 4.4rem minmax(0, 0.32fr) minmax(0, 1fr);
  gap: 0.45rem;
  align-items: start;
  border-top: 1px solid rgba(85, 255, 255, 0.12);
  padding-top: 0.4rem;
}

.shednet-current-matter-timeline li:first-child {
  border-top: 0;
  padding-top: 0;
}

.shednet-current-matter-timeline li.is-result {
  border-color: rgba(125, 230, 185, 0.28);
}

.shednet-current-matter-timeline time {
  color: #f0d49a;
  font-size: 0.68rem;
}

.shednet-current-matter-timeline strong {
  color: #ffffff;
  font-size: 0.72rem;
}

.shednet-current-matter-timeline span {
  color: #c7ccea;
  font-size: 0.7rem;
  line-height: 1.35;
}

.shednet-current-matter-drawers > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.35rem;
}

.shednet-current-matter-drawers button {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
  min-height: 4.2rem;
  text-align: left;
}

.shednet-current-matter-drawers button span,
.shednet-current-matter-drawers button strong,
.shednet-current-matter-drawers button em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shednet-current-matter-drawers button span {
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 800;
}

.shednet-current-matter-drawers button strong {
  color: #f0d49a;
  font-size: 0.66rem;
}

.shednet-current-matter-drawers button em {
  color: #c7ccea;
  font-size: 0.65rem;
  font-style: normal;
  line-height: 1.25;
  white-space: normal;
}

.shednet-current-matter-receipts .shednet-chat-transcript {
  max-height: 7rem;
  border: 1px solid rgba(85, 255, 255, 0.14);
}

.shednet-chat-continuity .shednet-current-matter-receipts {
  display: grid;
  min-height: 0;
}

.shednet-chat-continuity .shednet-current-matter-receipts .shednet-chat-transcript {
  height: 100%;
  max-height: none;
}

.shednet-current-matter-composer .shednet-chat-preset-row button.is-selected {
  border-color: rgba(240, 212, 154, 0.66);
  background:
    linear-gradient(180deg, rgba(66, 57, 29, 0.98), rgba(22, 19, 10, 0.98)),
    #17120a;
  color: #ffffff;
}

.shednet-current-matter-composer .shednet-chat-preset-row button.is-filed {
  border-color: rgba(125, 230, 185, 0.66);
}

@media (max-width: 760px) {
  body.shednet-chat-prototype-body {
    --site-header-height: 0px;
    --operator-bar-height: 0px;
    overflow: hidden;
  }

  body.shednet-chat-prototype-body .site-header,
  body.shednet-chat-prototype-body .operator-bar,
  body.shednet-chat-prototype-body .site-footer {
    display: none;
  }

  body.shednet-chat-prototype-body .page-shell.shednet-chat-prototype-page-shell {
    width: 100%;
    padding: 0;
  }

  body.shednet-chat-prototype-body .shednet-chat-prototype {
    min-height: 100vh;
  }

  body.shednet-chat-prototype-body .shednet-chat-prototype-surface {
    display: none;
  }

  .shednet-chat-prototype-page-shell {
    width: min(100% - 1rem, 1440px);
  }

  .shednet-chat-prototype-surface {
    min-height: 28rem;
    flex-direction: column;
  }

  .shednet-chat-prototype-surface > div:last-child {
    justify-items: start;
  }

  .shednet-chat-tray {
    right: 0.65rem;
    left: 0.65rem;
    bottom: 0.65rem;
    min-width: 0;
  }

  .shednet-chat-window {
    right: 0.65rem;
    top: calc(var(--site-header-height) + var(--operator-bar-height) + 0.65rem) !important;
    bottom: 3.7rem;
    left: 0.65rem !important;
    width: auto;
    max-height: none;
  }

  .shednet-chat-resize-handle {
    display: none;
  }

  .shednet-chat-window:not(.is-focused) {
    display: none;
  }

  .shednet-chat-buddy-window,
  .shednet-chat-dialog,
  .shednet-chat-continuity {
    width: auto;
    height: auto;
  }

  .shednet-chat-dialog {
    grid-template-rows: auto minmax(12rem, 1fr) auto auto;
  }

  .shednet-chat-current-matter {
    grid-template-rows: auto auto minmax(0, 1fr) auto;
  }

  .shednet-chat-continuity {
    grid-template-rows: auto auto minmax(0, 1fr);
  }

  .shednet-chat-prototype.is-v2-messenger .shednet-chat-window {
    top: 0.65rem !important;
    bottom: 4.75rem;
    height: auto !important;
  }

  .shednet-chat-prototype.is-v2-messenger .shednet-chat-current-matter {
    min-height: 0;
    max-height: none;
  }

  .shednet-current-matter-pressure,
  .shednet-current-matter-drawers > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shednet-current-matter-preview {
    grid-template-columns: 1fr;
  }

  .shednet-current-matter-preview dl,
  .shednet-current-matter-timeline li {
    grid-template-columns: 1fr;
  }

  .shednet-continuity-counts,
  .shednet-continuity-list button {
    grid-template-columns: 1fr;
  }

  .shednet-continuity-list button {
    grid-template-areas:
      "category"
      "title"
      "summary"
      "badge";
    min-height: 5.2rem;
  }

  .shednet-continuity-list b {
    justify-self: start;
  }

  .shednet-current-matter-section-heading {
    display: grid;
  }

  .shednet-chat-composer > div {
    grid-template-columns: 1fr;
  }
}

.shednet-case-files-panel {
  border-color: rgba(255, 107, 204, 0.28);
  background:
    linear-gradient(90deg, rgba(255, 107, 204, 0.055), transparent 42%),
    linear-gradient(180deg, rgba(85, 255, 255, 0.045), transparent 64%),
    rgba(5, 5, 9, 0.88);
}

.shednet-case-file-board {
  display: grid;
  gap: 0.7rem;
  margin-top: 0.75rem;
}

.shednet-case-file {
  min-width: 0;
  border: 1px solid rgba(85, 255, 255, 0.24);
  border-radius: var(--radius-sm);
  background: rgba(7, 7, 15, 0.86);
  overflow: clip;
}

.shednet-case-file[open] {
  border-color: rgba(240, 212, 154, 0.5);
  box-shadow: inset 0 0 0 1px rgba(255, 107, 204, 0.12);
}

.shednet-case-file summary {
  display: grid;
  grid-template-columns: 3.3rem minmax(0, 1fr) minmax(8rem, 0.28fr) 1rem;
  gap: 0.65rem;
  align-items: center;
  padding: 0.65rem;
  cursor: pointer;
  list-style: none;
}

.shednet-case-file summary::-webkit-details-marker {
  display: none;
}

.shednet-case-file summary::after {
  content: "+";
  justify-self: end;
  color: #f0d49a;
  font-weight: 800;
}

.shednet-case-file[open] summary::after {
  content: "-";
}

.shednet-case-file summary:focus-visible {
  outline: 2px solid #55ffff;
  outline-offset: -2px;
}

.shednet-case-file summary strong,
.shednet-case-file-state strong,
.shednet-pressure-card strong {
  display: block;
  color: #ffffff;
  line-height: 1.2;
}

.shednet-case-file summary span,
.shednet-case-file-state span {
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.3;
}

.shednet-case-file-mark {
  display: grid;
  place-items: center;
  min-height: 2.45rem;
  border: 1px solid rgba(240, 212, 154, 0.42);
  color: #f0d49a;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0;
  background: rgba(5, 5, 9, 0.74);
}

.shednet-case-file-state {
  min-width: 0;
  border-left: 1px solid rgba(85, 255, 255, 0.2);
  padding-left: 0.6rem;
}

.shednet-case-file-body {
  display: grid;
  grid-template-columns: minmax(8rem, 0.24fr) minmax(0, 1fr);
  gap: 0.75rem;
  border-top: 1px solid rgba(85, 255, 255, 0.16);
  padding: 0.75rem;
}

.shednet-case-file-art {
  position: relative;
  min-height: 9.5rem;
  border: 1px solid rgba(85, 255, 255, 0.18);
  background:
    repeating-linear-gradient(0deg, rgba(85, 255, 255, 0.045), rgba(85, 255, 255, 0.045) 1px, transparent 1px, transparent 9px),
    rgba(5, 5, 9, 0.78);
  overflow: hidden;
}

.shednet-case-file-prop,
.shednet-case-file-prop::before,
.shednet-case-file-prop::after {
  position: absolute;
  display: block;
  content: "";
}

.shednet-case-file--bits .shednet-case-file-prop {
  inset: auto 18% 1.4rem 18%;
  height: 2.2rem;
  border: 1px solid #f0d49a;
  background: rgba(240, 212, 154, 0.16);
}

.shednet-case-file--bits .shednet-case-file-prop::before {
  left: 16%;
  bottom: 2.2rem;
  width: 1.55rem;
  height: 1.55rem;
  border: 2px solid #ffd36b;
  border-radius: 50%;
  box-shadow: 2.25rem 0 0 -2px #ffd36b, 4.3rem -0.45rem 0 -3px #55ffff;
}

.shednet-case-file--map .shednet-case-file-prop {
  inset: 1.5rem 18%;
  border: 1px dashed #55ffff;
  background:
    linear-gradient(90deg, transparent 48%, rgba(85, 255, 255, 0.22) 49%, rgba(85, 255, 255, 0.22) 51%, transparent 52%),
    linear-gradient(0deg, transparent 48%, rgba(255, 107, 204, 0.22) 49%, rgba(255, 107, 204, 0.22) 51%, transparent 52%);
}

.shednet-case-file--map .shednet-case-file-prop::before {
  right: 18%;
  top: 22%;
  width: 0.8rem;
  height: 0.8rem;
  background: #ffd36b;
}

.shednet-case-file--receipt .shednet-case-file-prop {
  inset: 1.25rem 23% 1.1rem;
  border: 1px solid rgba(240, 212, 154, 0.68);
  background:
    linear-gradient(180deg, rgba(240, 212, 154, 0.18), rgba(255, 107, 204, 0.08)),
    rgba(5, 5, 9, 0.74);
  transform: rotate(-3deg);
}

.shednet-case-file--receipt .shednet-case-file-prop::before {
  left: 18%;
  right: 18%;
  top: 1.3rem;
  height: 1px;
  background: #f0d49a;
  box-shadow: 0 1.2rem 0 rgba(85, 255, 255, 0.62), 0 2.4rem 0 rgba(240, 212, 154, 0.5);
}

.shednet-case-file--receipt .shednet-case-file-prop::after {
  right: 14%;
  bottom: 1rem;
  width: 2.4rem;
  height: 1.2rem;
  border: 2px solid rgba(255, 107, 204, 0.8);
  transform: rotate(8deg);
}

.shednet-case-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
  margin-top: 0.65rem;
}

.shednet-case-grid > div,
.shednet-pressure-card {
  border: 1px solid rgba(85, 255, 255, 0.16);
  padding: 0.65rem;
  background: rgba(5, 5, 9, 0.58);
}

.shednet-case-grid p,
.shednet-case-grid ul,
.shednet-case-options span,
.shednet-pressure-card p {
  margin: 0.2rem 0 0;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.35;
}

.shednet-case-grid ul {
  padding-left: 1rem;
}

.shednet-case-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin: 0.65rem 0;
  font-size: 0.82rem;
}

.shednet-case-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.6rem;
}

.shednet-case-options form {
  display: grid;
  gap: 0.35rem;
  margin: 0;
  border: 1px dashed rgba(240, 212, 154, 0.3);
  padding: 0.6rem;
  background: rgba(7, 7, 15, 0.82);
}

.shednet-case-options button {
  width: 100%;
}

.shednet-pressures-panel {
  border-color: rgba(85, 255, 255, 0.3);
}

.shednet-pressure-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 0.65rem;
  margin-top: 0.75rem;
}

.shednet-pressure-card {
  display: grid;
  grid-template-columns: 0.55rem minmax(0, 1fr);
  gap: 0.65rem;
  min-width: 0;
}

.shednet-pressure-meter {
  position: relative;
  min-height: 100%;
  border: 1px solid rgba(240, 212, 154, 0.32);
  background: rgba(5, 5, 9, 0.88);
}

.shednet-pressure-meter span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--pressure-value, 50%);
  background: linear-gradient(180deg, #55ffff, #ffd36b 55%, #ff6bcc);
}

@media (prefers-reduced-motion: no-preference) {
  .shednet-case-file--map[open] .shednet-case-file-prop::before,
  .shednet-case-file--receipt[open] .shednet-case-file-prop::after {
    animation: shednet-case-tick 1.4s steps(2, end) infinite;
  }
}

@keyframes shednet-case-tick {
  50% {
    opacity: 0.42;
  }
}

@media (max-width: 760px) {
  .shednet-case-file summary {
    grid-template-columns: 2.9rem minmax(0, 1fr) 1rem;
  }

  .shednet-case-file-state {
    grid-column: 2 / 3;
    border-left: 0;
    padding-left: 0;
  }

  .shednet-case-file-body,
  .shednet-case-grid,
  .shednet-case-options {
    grid-template-columns: 1fr;
  }

  .shednet-case-file-art {
    min-height: 6.5rem;
  }
}

.shednet-panel-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 0.65rem;
  margin-bottom: 0.65rem;
}

.shednet-life-panel {
  margin-bottom: 0.75rem;
  border-color: rgba(240, 212, 154, 0.38);
  background:
    linear-gradient(90deg, rgba(85, 255, 255, 0.07), transparent 42%),
    rgba(5, 5, 9, 0.88);
}

.shednet-status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border: 1px solid rgba(240, 212, 154, 0.42);
  border-radius: var(--radius-sm);
  padding: 0.14rem 0.45rem;
  color: #f0d49a;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
}

.shednet-signal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.6rem;
}

.shednet-signal-grid > div {
  min-width: 0;
  border-top: 1px solid rgba(85, 255, 255, 0.18);
  padding-top: 0.5rem;
}

.shednet-signal-grid strong {
  display: block;
  margin: 0.1rem 0 0.18rem;
  color: #ffffff;
  font-size: 0.9rem;
  line-height: 1.25;
}

.shednet-signal-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.35;
}

.shednet-job-applications-panel {
  border-color: rgba(255, 211, 107, 0.34);
  background:
    linear-gradient(90deg, rgba(255, 211, 107, 0.07), transparent 44%),
    linear-gradient(180deg, rgba(85, 255, 255, 0.045), transparent 58%),
    rgba(5, 5, 9, 0.88);
}

.shednet-application-board {
  display: grid;
  gap: 0.65rem;
}

.shednet-application-case {
  min-width: 0;
  border: 1px solid rgba(85, 255, 255, 0.24);
  border-radius: var(--radius-sm);
  background: rgba(7, 7, 15, 0.82);
}

.shednet-application-case[open] {
  border-color: rgba(240, 212, 154, 0.46);
  background:
    linear-gradient(90deg, rgba(85, 255, 255, 0.055), transparent 62%),
    rgba(7, 7, 15, 0.94);
}

.shednet-application-case summary {
  display: grid;
  grid-template-columns: 4.75rem minmax(0, 1fr) minmax(9.5rem, 0.36fr) 1rem;
  gap: 0.65rem;
  align-items: center;
  min-width: 0;
  padding: 0.6rem;
  cursor: pointer;
  list-style: none;
}

.shednet-application-case summary::-webkit-details-marker {
  display: none;
}

.shednet-application-case summary::after {
  content: "+";
  grid-column: 4;
  justify-self: end;
  align-self: start;
  color: #f0d49a;
  font-weight: 800;
}

.shednet-application-case[open] summary::after {
  content: "-";
}

.shednet-application-case summary:focus-visible {
  outline: 2px solid rgba(85, 255, 255, 0.72);
  outline-offset: 2px;
}

.shednet-application-portrait,
.shednet-applicant-portrait {
  display: block;
  overflow: hidden;
  border: 1px solid rgba(240, 212, 154, 0.34);
  border-radius: var(--radius-sm);
  background: rgba(0, 0, 0, 0.34);
}

.shednet-application-portrait {
  width: 4.45rem;
  height: 4.45rem;
}

.shednet-application-portrait canvas,
.shednet-applicant-portrait canvas {
  display: block;
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
}

.shednet-application-summary,
.shednet-application-meter {
  display: grid;
  gap: 0.14rem;
  min-width: 0;
}

.shednet-application-summary strong,
.shednet-application-meter strong {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.shednet-application-summary span:not(.metric-label),
.shednet-application-meter span {
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.25;
}

.shednet-application-meter {
  justify-items: start;
  border-left: 1px solid rgba(85, 255, 255, 0.18);
  padding-left: 0.65rem;
}

.shednet-application-detail {
  display: grid;
  gap: 0.65rem;
  border-top: 1px solid rgba(85, 255, 255, 0.18);
  padding: 0.65rem;
}

.shednet-application-detail h3 {
  margin: 0.2rem 0 0;
}

.shednet-applicant-list {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.shednet-applicant-list > li {
  display: grid;
  grid-template-columns: 3.65rem minmax(0, 1fr);
  gap: 0.55rem;
  min-width: 0;
  border-left: 2px solid rgba(85, 255, 255, 0.22);
  padding: 0.5rem 0 0.5rem 0.55rem;
}

.shednet-applicant-list > li.is-this-chop {
  border-left-color: rgba(240, 212, 154, 0.72);
  background: rgba(240, 212, 154, 0.04);
}

.shednet-applicant-portrait {
  width: 3.25rem;
  height: 3.25rem;
}

.shednet-chopfile-identity {
  display: grid;
  grid-template-columns: minmax(180px, 260px) 1fr;
  gap: 0.75rem;
  align-items: stretch;
}

.shednet-chopfile-portrait {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 0.55rem;
  min-width: 0;
  margin: 0;
}

.shednet-chopfile-portrait-frame {
  overflow: hidden;
  min-height: 220px;
  border: 1px solid rgba(240, 212, 154, 0.45);
  border-radius: var(--radius);
  background: #040509;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.04),
    inset 0 0 28px rgba(85, 255, 255, 0.08);
}

.shednet-chopfile-portrait canvas {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  image-rendering: pixelated;
}

.shednet-chopfile-portrait figcaption {
  min-width: 0;
  border-top: 1px solid rgba(240, 212, 154, 0.22);
  padding-top: 0.5rem;
}

.shednet-chopfile-portrait figcaption strong {
  display: block;
  margin-top: 0.16rem;
  color: #ffffff;
  font-size: 0.86rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.shednet-local-panel {
  border-color: rgba(85, 255, 85, 0.28);
  background:
    linear-gradient(90deg, rgba(85, 255, 85, 0.06), transparent 36%),
    rgba(5, 5, 9, 0.86);
}

.shednet-local-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.75rem;
  margin-top: 0.65rem;
}

.shednet-local-grid > div {
  min-width: 0;
  border-top: 1px solid rgba(85, 255, 85, 0.18);
  padding-top: 0.55rem;
}

.shednet-matter-panel {
  border-color: rgba(240, 212, 154, 0.34);
  background:
    linear-gradient(90deg, rgba(240, 212, 154, 0.07), transparent 38%),
    rgba(5, 5, 9, 0.88);
}

.shednet-matter-board {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 0.75rem;
}

.shednet-matter-card {
  display: grid;
  gap: 0.5rem;
  min-width: 0;
  border: 1px solid rgba(240, 212, 154, 0.24);
  border-radius: var(--radius);
  padding: 0.7rem;
  background: rgba(11, 11, 22, 0.76);
}

.shednet-matter-card p {
  overflow-wrap: anywhere;
}

.shednet-resolution-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.45rem;
  align-items: end;
  margin-top: 0.15rem;
}

.shednet-resolution-row label {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
  color: var(--muted);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.shednet-resolution-row select {
  width: 100%;
  border: 1px solid rgba(240, 212, 154, 0.28);
  border-radius: var(--radius-sm);
  padding: 0.38rem 0.45rem;
  background: #050509;
  color: var(--text);
  font: inherit;
  text-transform: none;
  letter-spacing: 0;
}

.shednet-matter-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.shednet-map-intent-form,
.shednet-map-row-action,
.shednet-location-inline-form {
  display: inline-flex;
  margin: 0;
}

.shednet-inline-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.55rem;
}

.shednet-token-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.45rem;
}

.shednet-token {
  max-width: 100%;
  border: 1px solid rgba(85, 255, 255, 0.24);
  border-radius: var(--radius-sm);
  padding: 0.14rem 0.35rem;
  background: rgba(85, 255, 255, 0.07);
  color: #d7d7ff;
  font-size: 0.72rem;
  overflow-wrap: anywhere;
}

.shednet-effects-panel {
  border-color: rgba(255, 211, 107, 0.34);
  background:
    linear-gradient(90deg, rgba(255, 211, 107, 0.07), transparent 40%),
    linear-gradient(180deg, rgba(85, 255, 255, 0.05), transparent 55%),
    rgba(5, 5, 9, 0.88);
}

.shednet-effects-layout {
  display: grid;
  grid-template-columns: minmax(230px, 0.9fr) minmax(0, 1.4fr);
  gap: 0.75rem;
  align-items: start;
}

.shednet-condition-register,
.shednet-effect-column {
  min-width: 0;
}

.shednet-plan-effects {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  min-width: 0;
}

.shednet-effect-column-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  border-bottom: 1px solid rgba(85, 255, 255, 0.18);
  padding-bottom: 0.38rem;
  margin-bottom: 0.5rem;
}

.shednet-effect-column-heading h3 {
  margin: 0;
  color: #fff8dd;
  font-size: 0.88rem;
}

.shednet-effect-column-heading span {
  flex: 0 0 auto;
  color: var(--muted);
  font-size: 0.7rem;
  text-transform: uppercase;
}

.shednet-effect-list {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.shednet-effect-card {
  min-width: 0;
  border: 1px solid rgba(85, 255, 255, 0.2);
  border-radius: var(--radius-sm);
  padding: 0.56rem 0.62rem;
  background: rgba(11, 11, 22, 0.7);
}

.shednet-effect-card.is-condition {
  border-color: rgba(255, 211, 107, 0.32);
  background:
    linear-gradient(90deg, rgba(255, 211, 107, 0.08), transparent 52%),
    rgba(11, 11, 22, 0.76);
}

.shednet-effect-card.is-condition.is-impact-critical {
  border-color: rgba(255, 105, 97, 0.5);
  background:
    linear-gradient(90deg, rgba(255, 105, 97, 0.16), transparent 58%),
    rgba(22, 10, 16, 0.78);
}

.shednet-effect-card.is-condition.is-impact-major {
  border-color: rgba(255, 178, 71, 0.44);
  background:
    linear-gradient(90deg, rgba(255, 178, 71, 0.13), transparent 58%),
    rgba(22, 15, 9, 0.76);
}

.shednet-effect-card.is-condition.is-impact-minor {
  border-color: rgba(255, 211, 107, 0.36);
}

.shednet-effect-card.is-condition.is-impact-positive {
  border-color: rgba(85, 255, 133, 0.34);
  background:
    linear-gradient(90deg, rgba(85, 255, 133, 0.1), transparent 58%),
    rgba(8, 23, 15, 0.76);
}

.shednet-effect-card.is-bonus {
  border-color: rgba(85, 255, 133, 0.28);
  background: rgba(26, 72, 43, 0.2);
}

.shednet-effect-card.is-malus {
  border-color: rgba(255, 105, 97, 0.3);
  background: rgba(80, 24, 28, 0.22);
}

.shednet-effect-card-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.55rem;
  align-items: baseline;
}

.shednet-effect-card-heading strong {
  min-width: 0;
  color: #ffffff;
  font-size: 0.88rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.shednet-effect-card-heading span {
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: var(--radius-sm);
  padding: 0.05rem 0.3rem;
  color: #fff8dd;
  font-size: 0.7rem;
  font-weight: 700;
  white-space: nowrap;
}

.shednet-effect-card-heading .shednet-impact-badge {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.22);
}

.shednet-effect-card p,
.shednet-empty-state,
.shednet-effects-note {
  margin: 0.36rem 0 0;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shednet-condition-meter {
  overflow: hidden;
  height: 0.42rem;
  margin-top: 0.5rem;
  border: 1px solid rgba(255, 211, 107, 0.25);
  border-radius: var(--radius-sm);
  background: rgba(0, 0, 0, 0.32);
}

.shednet-condition-meter span {
  display: block;
  width: var(--effect-strength, 0%);
  height: 100%;
  background:
    linear-gradient(90deg, rgba(85, 255, 255, 0.82), rgba(255, 211, 107, 0.9));
}

.shednet-definition-tooltip {
  position: relative;
  display: inline-block;
  max-width: 100%;
  border-bottom: 1px dotted rgba(85, 255, 255, 0.6);
  color: inherit;
  cursor: help;
  overflow-wrap: anywhere;
}

.shednet-definition-tooltip:focus-visible {
  outline: 2px solid rgba(255, 211, 107, 0.85);
  outline-offset: 2px;
}

.shednet-definition-tooltip:hover::before,
.shednet-definition-tooltip:focus-visible::before {
  content: "";
  position: absolute;
  left: 1rem;
  bottom: calc(100% + 0.18rem);
  z-index: 50;
  border: 0.34rem solid transparent;
  border-top-color: rgba(5, 5, 9, 0.98);
}

.shednet-definition-tooltip:hover::after,
.shednet-definition-tooltip:focus-visible::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 0;
  bottom: calc(100% + 0.82rem);
  z-index: 50;
  width: max-content;
  max-width: min(25rem, calc(100vw - 2rem));
  border: 1px solid rgba(85, 255, 255, 0.48);
  border-radius: var(--radius-sm);
  padding: 0.48rem 0.58rem;
  background: rgba(5, 5, 9, 0.98);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.42);
  color: #f4f0dc;
  font-size: 0.75rem;
  line-height: 1.35;
  text-transform: none;
  white-space: pre-line;
  overflow-wrap: anywhere;
  pointer-events: none;
}

.shednet-event-feed > li {
  border-left: 2px solid rgba(85, 255, 255, 0.3);
  padding-left: 0.55rem;
}

.shednet-event-heading {
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
  align-items: baseline;
}

.shednet-event-heading span {
  flex: 0 0 auto;
  color: var(--muted);
  font-size: 0.74rem;
}

.shednet-activity-receipt {
  border: 1px solid rgba(240, 212, 154, 0.34);
  border-radius: var(--radius-sm);
  padding: 0.65rem;
  background: rgba(240, 212, 154, 0.06);
}

.shednet-activity-receipt + .shednet-memory-list,
.shednet-activity-receipt + p {
  margin-top: 0.65rem;
}

.shednet-activity-receipt ul {
  margin-bottom: 0;
}

.shednet-current-plain {
  margin-top: 0.65rem;
  border-top: 1px solid rgba(240, 212, 154, 0.28);
  padding-top: 0.6rem;
  color: #fff8dd;
  font-size: 0.92rem;
}

.shednet-decision-summary {
  display: grid;
  grid-template-columns: minmax(180px, 1.15fr) minmax(110px, 0.45fr) minmax(220px, 1.4fr);
  gap: 0.65rem;
  border-block: 1px solid rgba(85, 255, 255, 0.18);
  padding: 0.65rem 0;
}

.shednet-decision-summary > div {
  min-width: 0;
}

.shednet-decision-summary strong {
  display: block;
  margin-top: 0.12rem;
  color: #ffffff;
}

.shednet-planner-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 0.65rem;
  margin-top: 0.7rem;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid rgba(85, 255, 255, 0.18);
}

.shednet-planner-facts > div {
  min-width: 0;
}

.shednet-planner-facts p {
  margin: 0.15rem 0 0;
  color: var(--muted);
  font-size: 0.82rem;
}

.shednet-now-summary {
  grid-template-columns: minmax(220px, 1.2fr) minmax(190px, 0.9fr) minmax(210px, 0.9fr);
  border-top: 1px solid rgba(85, 255, 255, 0.18);
  border-bottom: 0;
  padding-top: 0.65rem;
  padding-bottom: 0;
}

.shednet-now-summary p,
.shednet-now-signals p {
  color: var(--muted);
  font-size: 0.82rem;
}

.shednet-now-signals {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 0.75rem;
}

.shednet-explanation-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.shednet-explanation-block {
  min-width: 0;
  border-top: 1px solid rgba(85, 255, 255, 0.2);
  padding-top: 0.55rem;
}

.shednet-modifier-list {
  display: grid;
  gap: 0.28rem;
  padding-left: 0;
  list-style: none;
}

.shednet-modifier-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.55rem;
  align-items: baseline;
  border-bottom: 1px solid rgba(57, 57, 79, 0.56);
  padding-bottom: 0.28rem;
  color: #d7d7ff;
  font-size: 0.82rem;
}

.shednet-modifier-list strong {
  font-variant-numeric: tabular-nums;
}

.shednet-modifier-list .is-positive {
  color: #8cffb1;
}

.shednet-modifier-list .is-negative {
  color: #ff9f9f;
}

.shednet-raw-signals,
.shednet-competing-plans {
  margin-top: 0.8rem;
  border-top: 1px solid rgba(85, 255, 255, 0.18);
  padding-top: 0.65rem;
}

.shednet-raw-signals summary {
  cursor: pointer;
  color: #f0d49a;
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
}

.shednet-record-why {
  margin-top: 0.45rem;
  color: var(--muted);
  font-size: 0.8rem;
}

.shednet-record-why summary {
  cursor: pointer;
  color: #f0d49a;
  font-weight: 700;
}

.shednet-record-why ul {
  padding-left: 1.05rem;
}

.shednet-table-wrap {
  max-width: 100%;
  overflow-x: auto;
}

.shednet-table-wrap table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
}

.shednet-table-wrap th,
.shednet-table-wrap td {
  border-bottom: 1px solid rgba(57, 57, 79, 0.72);
  padding: 0.36rem 0.45rem;
  text-align: left;
  vertical-align: top;
}

.shednet-table-wrap th {
  color: #f0d49a;
  font-size: 0.72rem;
  text-transform: uppercase;
}

.shednet-table-wrap tr.is-current-phase td {
  background: rgba(125, 230, 185, 0.08);
}

.shednet-panel h2,
.shednet-card h3 {
  margin-top: 0;
}

.shednet-panel h2,
.shednet-card h2 {
  font-size: 1.08rem;
  line-height: 1.2;
}

.shednet-panel h3,
.shednet-card h3 {
  margin: 0.7rem 0 0.35rem;
  font-size: 0.95rem;
}

.shednet-panel p,
.shednet-card p {
  margin-top: 0.35rem;
  margin-bottom: 0;
  line-height: 1.42;
}

.shednet-panel dl,
.shednet-panel ul,
.shednet-panel ol {
  margin-top: 0.45rem;
  margin-bottom: 0;
}

.shednet-panel li + li {
  margin-top: 0.15rem;
}

.shednet-dashboard,
.shednet-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.75rem;
}

.shednet-card {
  display: grid;
  gap: 0.5rem;
  border: 1px solid rgba(57, 57, 79, 0.78);
  border-radius: var(--radius);
  padding: 0.7rem;
  background: rgba(11, 11, 22, 0.72);
}

.shednet-card.is-complete,
.shednet-progress-grid .is-complete {
  border-color: rgba(85, 255, 85, 0.45);
  background: rgba(85, 255, 85, 0.08);
}

.shednet-option-list {
  display: grid;
  gap: 0.55rem;
}

.shednet-option-list form {
  display: grid;
  gap: 0.35rem;
}

.shednet-progress-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.45rem;
  margin-bottom: 1rem;
}

.shednet-progress-grid span {
  min-height: 32px;
  border: 1px solid rgba(57, 57, 79, 0.78);
  border-radius: var(--radius-sm);
  padding: 0.35rem 0.5rem;
  color: var(--muted);
  text-align: center;
}

.shednet-dice {
  color: #f0d49a;
  font-size: 1.25rem;
  font-weight: 700;
}

.shednet-attribute-form,
.shednet-identity-form,
.shednet-filing-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.65rem;
  align-items: end;
}

.shednet-filing-form label {
  display: grid;
  gap: 0.35rem;
  color: var(--muted);
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.shednet-filing-form select,
.shednet-filing-form textarea {
  width: 100%;
  border: 1px solid rgba(85, 255, 255, 0.26);
  border-radius: var(--radius-sm);
  padding: 0.45rem 0.5rem;
  background: #050509;
  color: var(--text);
  font: inherit;
  text-transform: none;
  letter-spacing: 0;
}

.shednet-filing-form textarea {
  min-height: 4rem;
  resize: vertical;
}

.shednet-attribute-form small,
.shednet-option-list small {
  color: var(--muted);
}

.shednet-seal-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.stx-line,
.soh-line {
  color: #f0d49a;
}

.shednet-compact-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.35rem 1rem;
}

.shednet-memory-list,
.shednet-location-list {
  display: grid;
  gap: 0.5rem;
}

.shednet-location-list li {
  display: grid;
  gap: 0.12rem;
}

.shednet-location-list li.is-current-location {
  border-left: 2px solid rgba(240, 212, 154, 0.72);
  padding-left: 0.55rem;
}

.shednet-map-page {
  width: min(100%, 1360px);
  max-width: 1360px;
}

.shednet-map-shell {
  display: grid;
  gap: 0.65rem;
  border: 1px solid rgba(85, 255, 255, 0.24);
  border-radius: var(--radius);
  padding: 0.85rem;
  background:
    linear-gradient(180deg, rgba(85, 255, 255, 0.08), transparent 24rem),
    rgba(5, 5, 9, 0.84);
}

.shednet-map-shell + .shednet-panel {
  margin-top: 0.75rem;
}

.shednet-map-discovery-list {
  display: grid;
  gap: 0.55rem;
  margin: 0.55rem 0 0;
  padding: 0;
  list-style: none;
}

.shednet-map-discovery-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(14rem, auto);
  gap: 0.65rem;
  align-items: start;
  border: 1px solid rgba(85, 255, 255, 0.2);
  border-radius: var(--radius-sm);
  padding: 0.65rem 0.72rem;
  background:
    linear-gradient(180deg, rgba(85, 255, 255, 0.06), transparent 70%),
    rgba(5, 5, 9, 0.86);
  color: var(--text);
}

.shednet-map-discovery-row strong {
  display: block;
  margin-top: 0.18rem;
  color: #ffffff;
  font-size: 0.95rem;
  line-height: 1.2;
}

.shednet-map-discovery-row p {
  margin: 0.24rem 0 0;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.shednet-map-discovery-row p.metric-label {
  margin-top: 0;
  color: #55ffff;
}

.shednet-map-discovery-row .shednet-token-list {
  justify-content: flex-end;
}

.shednet-map-discovery-row .shednet-map-discovery-meaning {
  color: #f0d49a;
}

.shednet-map-legend {
  margin-bottom: 0.85rem;
}

.shednet-map-legend .shednet-token-list {
  margin-top: 0.45rem;
}

.shednet-map-toolbar,
.shednet-map-region-heading {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: start;
}

.shednet-map-toolbar > div:first-child {
  display: grid;
  gap: 0.2rem;
}

.shednet-map-toolbar p {
  max-width: 72ch;
  margin: 0;
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.35;
}

.shednet-map-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.45rem;
}

.shednet-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.shednet-breadcrumbs a {
  color: #55ffff;
  text-decoration: none;
}

.shednet-breadcrumbs a:hover,
.shednet-breadcrumbs a:focus-visible {
  color: #ffffff;
  text-decoration: underline;
}

.shednet-breadcrumbs [aria-current="page"] {
  color: #ffffff;
}

.shednet-map-breadcrumbs {
  border-bottom: 1px solid rgba(85, 255, 255, 0.14);
  padding-bottom: 0.45rem;
}

.shednet-map-authorization-note {
  color: #d7d7ff;
}

.shednet-map-toolbar h1,
.shednet-map-toolbar h2,
.shednet-map-region-heading h3 {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.2;
}

.shednet-map-toolbar h1,
.shednet-map-toolbar h2 {
  color: #ffffff;
  font-size: 1.45rem;
}

.shednet-map-region-heading p {
  max-width: 40ch;
  margin: 0;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.35;
  text-align: right;
}

.shednet-map-key {
  margin-top: 0.75rem;
  border-top: 1px solid rgba(85, 255, 255, 0.14);
  border-bottom: 1px solid rgba(85, 255, 255, 0.14);
  padding: 0.45rem 0;
}

.shednet-map-key summary {
  width: max-content;
  color: #55ffff;
  cursor: pointer;
  font-size: 0.74rem;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.shednet-map-key .shednet-token-list {
  margin-top: 0.45rem;
}

.shednet-map-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  gap: 0.85rem;
  align-items: start;
}

.shednet-map-field {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  border: 1px solid rgba(57, 57, 79, 0.88);
  border-radius: var(--radius);
  background:
    linear-gradient(rgba(85, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(85, 255, 255, 0.08) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, rgba(240, 212, 154, 0.08), transparent 33%),
    #050509;
  background-size: 24px 24px, 24px 24px, auto, auto;
}

.shednet-map-field::before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px dashed rgba(85, 255, 255, 0.18);
  pointer-events: none;
}

.shednet-map-routes {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.shednet-map-route {
  stroke: rgba(85, 255, 255, 0.42);
  stroke-width: 0.7;
  vector-effect: non-scaling-stroke;
}

.shednet-map-route.is-current-route {
  stroke: rgba(240, 212, 154, 0.78);
  stroke-width: 1.2;
}

.shednet-map-route.is-restricted-route {
  stroke-dasharray: 3 3;
  stroke: rgba(215, 215, 255, 0.36);
}

.shednet-map-route-label {
  position: absolute;
  left: var(--map-x);
  top: var(--map-y);
  z-index: 2;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(85, 255, 255, 0.24);
  border-radius: var(--radius-sm);
  padding: 0.08rem 0.28rem;
  background: rgba(5, 5, 9, 0.9);
  color: #d7d7ff;
  font-size: 0.68rem;
  line-height: 1.15;
  white-space: nowrap;
  pointer-events: none;
}

.shednet-map-route-label.is-restricted-route {
  color: var(--muted);
}

.shednet-map-boundary {
  position: absolute;
  z-index: 1;
  border: 1px solid rgba(240, 212, 154, 0.22);
  border-radius: var(--radius-sm);
  padding: 0.2rem 0.38rem;
  background: rgba(5, 5, 9, 0.76);
  color: #f0d49a;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  pointer-events: none;
}

.shednet-map-boundary-surface {
  left: 0.75rem;
  top: 0.75rem;
}

.shednet-map-boundary-depth {
  right: 0.75rem;
  bottom: 0.75rem;
  color: var(--muted);
}

.shednet-map-node {
  position: absolute;
  left: var(--map-x);
  top: var(--map-y);
  z-index: 3;
  display: grid;
  width: 9rem;
  min-height: 4.6rem;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(85, 255, 255, 0.34);
  border-radius: var(--radius-sm);
  padding: 0.45rem 0.5rem;
  background:
    linear-gradient(180deg, rgba(85, 255, 255, 0.1), transparent),
    rgba(11, 11, 22, 0.95);
  color: var(--text);
  font: inherit;
  text-align: left;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.34);
  cursor: pointer;
}

.shednet-map-node:hover,
.shednet-map-node:focus-visible,
.shednet-map-node.is-selected {
  border-color: rgba(240, 212, 154, 0.86);
  outline: none;
  box-shadow:
    0 0 0 2px rgba(240, 212, 154, 0.16),
    0 10px 24px rgba(0, 0, 0, 0.38);
}

.shednet-map-node.is-current {
  border-color: rgba(85, 255, 85, 0.72);
  background:
    linear-gradient(180deg, rgba(85, 255, 85, 0.12), transparent),
    rgba(11, 11, 22, 0.96);
}

.shednet-map-node.has-open-lead {
  border-color: rgba(255, 255, 85, 0.78);
  box-shadow: 0 0 0 1px rgba(255, 255, 85, 0.2), 0 0 18px rgba(255, 255, 85, 0.12);
}

.shednet-map-node-lead {
  display: block;
  margin-top: 0.22rem;
  color: #ffff55;
  font-size: 0.61rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.shednet-map-lead-row {
  grid-template-columns: minmax(0, 1.35fr) minmax(14rem, 0.85fr);
  border-color: rgba(255, 255, 85, 0.38);
}

.shednet-map-case-list {
  display: grid;
  gap: 0.7rem;
  margin: 0.65rem 0 0;
  padding: 0;
  list-style: none;
}

.shednet-map-case {
  border: 1px solid rgba(255, 255, 85, 0.38);
  border-radius: var(--radius-sm);
  padding: 0.75rem;
  background:
    linear-gradient(180deg, rgba(85, 255, 255, 0.07), transparent 65%),
    rgba(5, 5, 9, 0.9);
}

.shednet-map-case:focus,
.shednet-map-case.is-focused-case {
  border-color: rgba(255, 255, 85, 0.82);
  outline: 2px solid rgba(255, 255, 85, 0.18);
  outline-offset: 2px;
}

.shednet-map-case-heading {
  display: flex;
  gap: 0.8rem;
  align-items: flex-start;
  justify-content: space-between;
}

.shednet-map-case-heading h3 {
  margin: 0.18rem 0 0;
  color: #fff;
  font-size: 1rem;
}

.shednet-map-case-heading p {
  margin: 0.22rem 0 0;
  color: var(--muted);
  font-size: 0.8rem;
}

.shednet-map-case-tools {
  display: grid;
  flex: 0 0 auto;
  gap: 0.4rem;
  justify-items: end;
  max-width: 22rem;
}

.shednet-map-case-tools .button {
  padding: 0.36rem 0.58rem;
  font-size: 0.76rem;
}

.shednet-map-consequence {
  display: inline-flex;
  border: 1px solid rgba(215, 215, 255, 0.28);
  border-radius: var(--radius-sm);
  padding: 0.14rem 0.35rem;
  background: rgba(11, 11, 22, 0.88);
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.shednet-map-consequence.is-unverified {
  border-color: rgba(255, 255, 85, 0.48);
  color: #ffff55;
}

.shednet-map-consequence.is-verified {
  border-color: rgba(85, 255, 85, 0.48);
  color: #55ff55;
}

.shednet-map-consequence.is-route-withheld {
  border-color: rgba(255, 85, 85, 0.48);
  color: #ff9999;
}

.shednet-map-consequence.is-resolved {
  border-color: rgba(85, 255, 255, 0.48);
  color: #55ffff;
}

.shednet-map-case-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin-top: 0.7rem;
  border: 1px solid rgba(85, 255, 255, 0.18);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.shednet-map-case-steps > section {
  min-width: 0;
  padding: 0.58rem;
  background: rgba(5, 5, 9, 0.58);
}

.shednet-map-case-steps > section + section {
  border-left: 1px solid rgba(85, 255, 255, 0.18);
}

.shednet-map-case-steps strong {
  display: block;
  margin-top: 0.2rem;
  color: #fff;
  font-size: 0.8rem;
  line-height: 1.3;
}

.shednet-map-case-steps p {
  margin: 0.26rem 0 0;
  color: var(--muted);
  font-size: 0.73rem;
  line-height: 1.35;
}

.shednet-map-case-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.55rem;
}

.shednet-map-region-lead-count {
  border: 1px solid rgba(255, 255, 85, 0.36);
  border-radius: var(--radius-sm);
  padding: 0.06rem 0.24rem;
  color: #ffff55;
  font-size: 0.65rem;
  white-space: nowrap;
}

.shednet-map-filing-status:focus {
  outline: 2px solid rgba(85, 255, 255, 0.45);
  outline-offset: 2px;
}

.shednet-map-lead-row > * {
  min-width: 0;
}

.shednet-map-lead-method-label {
  margin-top: 0.55rem;
}

.shednet-map-lead-methods {
  margin: 0.3rem 0 0;
  padding-left: 1.1rem;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.4;
}

.shednet-map-lead-methods li + li {
  margin-top: 0.45rem;
}

.shednet-map-lead-method-form {
  margin-top: 0.35rem;
}

.shednet-map-lead-method-form .button {
  max-width: 100%;
  white-space: normal;
}

.shednet-map-investigation-status,
.shednet-map-finding {
  margin-top: 0.65rem;
  border-top: 1px solid rgba(85, 255, 255, 0.18);
  padding-top: 0.55rem;
}

.shednet-map-finding strong {
  color: #ffff55;
}

@media (max-width: 1100px) {
  .shednet-map-case-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shednet-map-case-steps > section + section {
    border-left: 0;
  }

  .shednet-map-case-steps > section:nth-child(even) {
    border-left: 1px solid rgba(85, 255, 255, 0.18);
  }

  .shednet-map-case-steps > section:nth-child(n + 3) {
    border-top: 1px solid rgba(85, 255, 255, 0.18);
  }
}

@media (max-width: 700px) {
  .shednet-map-case-heading {
    display: grid;
  }

  .shednet-map-case-tools {
    justify-items: start;
    max-width: none;
  }

  .shednet-map-case-steps {
    grid-template-columns: 1fr;
  }

  .shednet-map-case-steps > section:nth-child(even) {
    border-left: 0;
  }

  .shednet-map-case-steps > section + section {
    border-top: 1px solid rgba(85, 255, 255, 0.18);
  }
}

.shednet-map-node.is-role-civic,
.shednet-map-node.is-role-housing,
.shednet-map-node.is-role-region {
  width: 8.2rem;
  min-height: 4.1rem;
  border-color: rgba(215, 215, 255, 0.28);
  opacity: 0.88;
}

.shednet-map-node.is-role-region {
  border-color: rgba(240, 212, 154, 0.54);
  background:
    linear-gradient(180deg, rgba(240, 212, 154, 0.12), transparent),
    rgba(11, 11, 22, 0.96);
}

.shednet-map-region-node .shednet-map-node-glyph {
  border-color: rgba(85, 255, 255, 0.34);
  color: #55ffff;
}

.shednet-map-node-glyph {
  width: max-content;
  border: 1px solid rgba(240, 212, 154, 0.28);
  border-radius: var(--radius-sm);
  padding: 0.05rem 0.22rem;
  color: #f0d49a;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.1;
}

.shednet-map-node-label {
  margin-top: 0.22rem;
  color: #ffffff;
  font-size: 0.83rem;
  font-weight: 800;
  line-height: 1.14;
}

.shednet-map-node-meta {
  margin-top: 0.18rem;
  color: var(--muted);
  font-size: 0.66rem;
  line-height: 1.15;
  text-transform: uppercase;
}

.shednet-map-inspector {
  position: sticky;
  top: 5rem;
  max-height: calc(100vh - 6rem);
  min-width: 0;
  overflow: auto;
  border-color: rgba(240, 212, 154, 0.34);
  background:
    linear-gradient(180deg, rgba(240, 212, 154, 0.08), transparent 45%),
    rgba(5, 5, 9, 0.9);
}

.shednet-map-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
  margin-top: 0.65rem;
}

.shednet-map-status-grid > div {
  min-width: 0;
  border-top: 1px solid rgba(240, 212, 154, 0.22);
  padding-top: 0.45rem;
}

.shednet-map-status-grid strong {
  display: block;
  margin-top: 0.1rem;
  color: #ffffff;
  font-size: 0.8rem;
  line-height: 1.2;
}

.shednet-map-ledger {
  display: grid;
  gap: 0.5rem;
}

.shednet-map-records {
  margin-top: 0.75rem;
  border-top: 1px solid rgba(85, 255, 255, 0.14);
  padding-top: 0.65rem;
}

.shednet-map-records-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 0.65rem;
  margin-bottom: 0.55rem;
}

.shednet-map-records-heading h2 {
  margin: 0.1rem 0 0;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.2;
}

.shednet-map-ledger-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, auto);
  gap: 0.65rem;
  align-items: start;
  border: 1px solid rgba(57, 57, 79, 0.72);
  border-radius: var(--radius-sm);
  padding: 0.55rem 0.65rem;
  background: rgba(11, 11, 22, 0.66);
}

.shednet-map-ledger-row.is-current-location {
  border-color: rgba(85, 255, 85, 0.38);
}

.shednet-map-ledger-row p {
  margin: 0.18rem 0 0;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.shednet-map-filing-link {
  width: max-content;
  margin-top: 0.7rem;
}

.shednet-map-action-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.7rem;
}

.shednet-map-action-stack .shednet-map-filing-link {
  margin-top: 0;
}

.shednet-map-intent-form.is-hidden {
  display: none;
}

.shednet-location-page {
  width: min(100%, 1320px);
  max-width: 1320px;
}

.shednet-location-title-band {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 0.75rem;
  border: 1px solid rgba(85, 255, 255, 0.24);
  border-radius: var(--radius);
  padding: 0.8rem 0.9rem;
  background:
    linear-gradient(90deg, rgba(85, 255, 255, 0.08), transparent 42%),
    rgba(5, 5, 9, 0.82);
}

.shednet-location-title-band > div {
  min-width: 0;
}

.shednet-location-title-band h1 {
  margin: 0.1rem 0 0.25rem;
  color: #ffffff;
  font-size: clamp(1.65rem, 3vw, 3rem);
  line-height: 1.02;
  letter-spacing: 0;
}

.shednet-location-title-band p {
  margin: 0;
  max-width: 82ch;
  font-size: 0.94rem;
  line-height: 1.45;
}

.shednet-location-title-band .metric-label {
  color: #55ffff;
  font-size: 0.74rem;
}

.shednet-location-action-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
  align-content: start;
  border: 1px solid rgba(85, 255, 255, 0.18);
  border-radius: var(--radius);
  padding: 0.55rem;
  background: rgba(5, 5, 9, 0.72);
}

.shednet-location-action-strip > .button,
.shednet-location-action-strip button,
.shednet-location-inline-form {
  width: 100%;
  justify-content: center;
}

.shednet-location-hero {
  margin: 0.75rem 0 0;
}

.shednet-location-art {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  min-height: 0;
  border: 1px solid rgba(85, 255, 255, 0.26);
  border-radius: var(--radius);
  background:
    linear-gradient(transparent 0 58%, rgba(5, 5, 9, 0.7) 58% 100%),
    linear-gradient(rgba(85, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(85, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(135deg, rgba(240, 212, 154, 0.08), transparent 38%),
    #050509;
  background-size: auto, 28px 28px, 28px 28px, auto, auto;
  color: rgba(240, 212, 154, 0.74);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.04),
    inset 0 -120px 120px rgba(0, 0, 0, 0.52),
    0 18px 36px rgba(0, 0, 0, 0.24);
}

.shednet-location-body {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
  gap: 0.75rem;
  align-items: start;
  margin-top: 0.75rem;
}

.shednet-location-main {
  display: grid;
  grid-column: 1;
  grid-row: 1;
  gap: 0.75rem;
  min-width: 0;
}

.shednet-location-rail {
  display: grid;
  grid-column: 2;
  grid-row: 1;
  gap: 0.75rem;
  min-width: 0;
}

.shednet-location-main > .shednet-panel,
.shednet-location-rail > .shednet-panel,
.shednet-location-main > .shednet-location-grid,
.shednet-location-main > .shednet-location-signals,
.shednet-location-main > .shednet-location-schedule-panel,
.shednet-location-rail > .shednet-location-command-deck {
  margin-top: 0;
}

.shednet-location-main > .shednet-location-description {
  margin-bottom: 0;
}

.shednet-location-art::before,
.shednet-location-art::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
}

.shednet-location-art::before {
  background:
    linear-gradient(90deg, transparent 0 5%, rgba(85, 255, 255, 0.18) 5% 5.35%, transparent 5.35% 19%, rgba(240, 212, 154, 0.16) 19% 19.25%, transparent 19.25% 81%, rgba(85, 255, 85, 0.14) 81% 81.25%, transparent 81.25%),
    repeating-linear-gradient(0deg, transparent 0 17px, rgba(255, 255, 255, 0.035) 17px 18px);
  opacity: 0.72;
}

.shednet-location-art::after {
  inset: auto 4.5% 11% 4.5%;
  height: 42%;
  background:
    linear-gradient(to top, rgba(85, 255, 255, 0.24), rgba(85, 255, 255, 0.08) 44%, transparent 44%),
    linear-gradient(90deg, transparent 0 7%, rgba(240, 212, 154, 0.32) 7% 16%, transparent 16% 22%, rgba(85, 255, 255, 0.24) 22% 30%, transparent 30% 39%, rgba(215, 215, 255, 0.26) 39% 54%, transparent 54% 63%, rgba(85, 255, 85, 0.18) 63% 71%, transparent 71% 84%, rgba(240, 212, 154, 0.2) 84% 94%, transparent 94%);
  clip-path: polygon(0 86%, 6% 86%, 6% 66%, 10% 66%, 10% 42%, 16% 42%, 16% 86%, 22% 86%, 22% 57%, 30% 57%, 30% 86%, 39% 86%, 39% 35%, 44% 35%, 44% 17%, 49% 17%, 49% 35%, 54% 35%, 54% 86%, 63% 86%, 63% 52%, 71% 52%, 71% 86%, 84% 86%, 84% 61%, 94% 61%, 94% 86%, 100% 86%, 100% 100%, 0 100%);
  opacity: 0.86;
}

.shednet-location-art-marker {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 1;
  border: 1px dashed rgba(240, 212, 154, 0.34);
  border-radius: var(--radius-sm);
  padding: 0.35rem 0.55rem;
  background: rgba(5, 5, 9, 0.78);
  color: rgba(240, 212, 154, 0.78);
  font-size: 0.72rem;
  line-height: 1;
  text-transform: uppercase;
}

.shednet-location-art.is-state-closed {
  border-color: rgba(240, 212, 154, 0.3);
  background:
    linear-gradient(transparent 0 58%, rgba(5, 5, 9, 0.76) 58% 100%),
    linear-gradient(rgba(240, 212, 154, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(85, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(135deg, rgba(240, 212, 154, 0.1), transparent 38%),
    #050509;
  background-size: auto, 28px 28px, 28px 28px, auto, auto;
}

.shednet-location-art.is-state-service,
.shednet-location-art.is-state-social,
.shednet-location-art.is-state-work {
  border-color: rgba(85, 255, 85, 0.32);
  background:
    linear-gradient(transparent 0 58%, rgba(5, 5, 9, 0.68) 58% 100%),
    linear-gradient(rgba(85, 255, 85, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(85, 255, 255, 0.07) 1px, transparent 1px),
    linear-gradient(135deg, rgba(85, 255, 85, 0.08), transparent 38%),
    #050509;
  background-size: auto, 28px 28px, 28px 28px, auto, auto;
}

.shednet-location-art.is-location-side-bar {
  border-color: rgba(240, 212, 154, 0.38);
  background:
    linear-gradient(transparent 0 58%, rgba(5, 5, 9, 0.72) 58% 100%),
    linear-gradient(rgba(240, 212, 154, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 85, 255, 0.07) 1px, transparent 1px),
    linear-gradient(135deg, rgba(255, 85, 255, 0.08), rgba(240, 212, 154, 0.08) 42%, transparent 72%),
    #060409;
  background-size: auto, 28px 28px, 28px 28px, auto, auto;
}

.shednet-location-art.is-location-side-bar::after {
  background:
    linear-gradient(to top, rgba(240, 212, 154, 0.24), rgba(240, 212, 154, 0.08) 44%, transparent 44%),
    linear-gradient(90deg, transparent 0 8%, rgba(240, 212, 154, 0.34) 8% 20%, transparent 20% 27%, rgba(255, 85, 255, 0.24) 27% 38%, transparent 38% 45%, rgba(85, 255, 255, 0.28) 45% 56%, transparent 56% 64%, rgba(240, 212, 154, 0.28) 64% 77%, transparent 77% 84%, rgba(85, 255, 85, 0.18) 84% 92%, transparent 92%);
}

.shednet-location-art.is-location-pixel-mines {
  border-color: rgba(85, 255, 85, 0.38);
  background:
    linear-gradient(transparent 0 58%, rgba(5, 5, 9, 0.7) 58% 100%),
    linear-gradient(rgba(85, 255, 85, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(240, 212, 154, 0.06) 1px, transparent 1px),
    linear-gradient(135deg, rgba(85, 255, 85, 0.1), rgba(85, 255, 255, 0.05) 44%, transparent 72%),
    #030806;
  background-size: auto, 28px 28px, 28px 28px, auto, auto;
}

.shednet-location-art.is-location-pixel-mines::after {
  background:
    linear-gradient(to top, rgba(85, 255, 85, 0.24), rgba(85, 255, 85, 0.08) 44%, transparent 44%),
    linear-gradient(90deg, transparent 0 6%, rgba(85, 255, 85, 0.24) 6% 15%, transparent 15% 23%, rgba(240, 212, 154, 0.26) 23% 37%, transparent 37% 45%, rgba(85, 255, 255, 0.22) 45% 50%, transparent 50% 62%, rgba(85, 255, 85, 0.28) 62% 76%, transparent 76% 86%, rgba(240, 212, 154, 0.2) 86% 93%, transparent 93%);
}

.shednet-region-art {
  margin-bottom: 0.75rem;
}

.shednet-region-art.is-region-athenext {
  border-color: rgba(85, 255, 255, 0.38);
  background:
    linear-gradient(transparent 0 56%, rgba(5, 5, 9, 0.72) 56% 100%),
    linear-gradient(rgba(85, 255, 255, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(240, 212, 154, 0.07) 1px, transparent 1px),
    linear-gradient(135deg, rgba(85, 255, 255, 0.11), rgba(85, 255, 85, 0.05) 42%, transparent 72%),
    #05070b;
  background-size: auto, 28px 28px, 28px 28px, auto, auto;
}

.shednet-region-art.is-region-athenext::after {
  inset: auto 5% 10% 5%;
  height: 48%;
  background:
    linear-gradient(to top, rgba(85, 255, 255, 0.22), rgba(85, 255, 255, 0.08) 40%, transparent 40%),
    linear-gradient(90deg, transparent 0 5%, rgba(85, 255, 255, 0.26) 5% 13%, transparent 13% 18%, rgba(240, 212, 154, 0.28) 18% 29%, transparent 29% 35%, rgba(85, 255, 85, 0.2) 35% 46%, transparent 46% 53%, rgba(215, 215, 255, 0.22) 53% 66%, transparent 66% 73%, rgba(85, 255, 255, 0.3) 73% 84%, transparent 84% 90%, rgba(240, 212, 154, 0.2) 90% 96%, transparent 96%);
  clip-path: polygon(0 90%, 5% 90%, 5% 64%, 11% 64%, 11% 90%, 18% 90%, 18% 47%, 24% 47%, 24% 25%, 29% 25%, 29% 90%, 35% 90%, 35% 58%, 46% 58%, 46% 90%, 53% 90%, 53% 38%, 59% 38%, 59% 17%, 66% 17%, 66% 90%, 73% 90%, 73% 52%, 84% 52%, 84% 90%, 90% 90%, 90% 68%, 96% 68%, 96% 90%, 100% 90%, 100% 100%, 0 100%);
}

.shednet-region-art.is-region-great-pixel-mines-athenext {
  border-color: rgba(85, 255, 85, 0.42);
  background:
    linear-gradient(transparent 0 48%, rgba(5, 5, 9, 0.74) 48% 100%),
    linear-gradient(rgba(85, 255, 85, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(85, 255, 255, 0.07) 1px, transparent 1px),
    linear-gradient(135deg, rgba(85, 255, 85, 0.12), rgba(240, 212, 154, 0.07) 38%, transparent 70%),
    #020806;
  background-size: auto, 24px 24px, 24px 24px, auto, auto;
}

.shednet-region-art.is-region-great-pixel-mines-athenext::before {
  background:
    repeating-linear-gradient(115deg, transparent 0 20px, rgba(85, 255, 85, 0.08) 20px 21px),
    repeating-linear-gradient(0deg, transparent 0 13px, rgba(255, 255, 255, 0.04) 13px 14px);
  opacity: 0.78;
}

.shednet-region-art.is-region-great-pixel-mines-athenext::after {
  inset: auto 4% 9% 4%;
  height: 58%;
  background:
    linear-gradient(to top, rgba(85, 255, 85, 0.22), rgba(85, 255, 85, 0.08) 45%, transparent 45%),
    linear-gradient(90deg, transparent 0 4%, rgba(240, 212, 154, 0.24) 4% 14%, transparent 14% 20%, rgba(85, 255, 85, 0.28) 20% 34%, transparent 34% 42%, rgba(85, 255, 255, 0.18) 42% 48%, transparent 48% 56%, rgba(85, 255, 85, 0.3) 56% 72%, transparent 72% 80%, rgba(240, 212, 154, 0.18) 80% 93%, transparent 93%);
  clip-path: polygon(0 92%, 4% 92%, 4% 70%, 9% 70%, 9% 92%, 14% 92%, 14% 44%, 20% 44%, 20% 92%, 26% 92%, 26% 60%, 34% 60%, 34% 92%, 42% 92%, 42% 38%, 48% 38%, 48% 92%, 56% 92%, 56% 52%, 64% 52%, 64% 30%, 72% 30%, 72% 92%, 80% 92%, 80% 64%, 93% 64%, 93% 92%, 100% 92%, 100% 100%, 0 100%);
}

.shednet-region-presence-grid {
  display: grid;
  gap: 0.75rem;
}

.shednet-region-presence-location {
  display: grid;
  gap: 0.55rem;
  border: 1px solid rgba(85, 255, 255, 0.16);
  border-radius: var(--radius);
  padding: 0.7rem;
  background: rgba(5, 5, 9, 0.48);
}

.shednet-region-presence-location-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
}

.shednet-region-presence-location-heading strong {
  color: var(--accent);
  font-family: var(--font-heading);
  font-size: 0.9rem;
}

.shednet-region-presence-location .shednet-location-presence-strip {
  min-height: 5.75rem;
}

.shednet-location-command-deck {
  display: grid;
  gap: 0.75rem;
  margin: 0;
}

.shednet-location-rail .shednet-location-command-deck {
  grid-template-columns: 1fr;
}

.shednet-location-main .shednet-location-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.shednet-location-rail .shednet-location-measure-grid {
  grid-template-columns: 1fr;
}

.shednet-location-rail .shednet-location-status-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
}

.shednet-location-status {
  border-color: rgba(240, 212, 154, 0.34);
  background:
    linear-gradient(90deg, rgba(240, 212, 154, 0.08), transparent 45%),
    rgba(5, 5, 9, 0.9);
}

.shednet-location-presence-strip {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.35rem 0.45rem;
  margin: 0.6rem 0 0.65rem;
  min-height: 6.25rem;
  border: 1px solid rgba(85, 255, 255, 0.24);
  border-top-color: rgba(240, 212, 154, 0.28);
  border-radius: var(--radius-sm);
  padding: 0.55rem 0.6rem 0.45rem;
  overflow: visible;
  background:
    linear-gradient(180deg, rgba(85, 255, 255, 0.045), transparent 72%),
    rgba(0, 0, 0, 0.18);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.025),
    inset 0 0 24px rgba(85, 255, 255, 0.055);
}

.shednet-location-presence-scene {
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 0.5rem;
  margin: 0.6rem 0 0.65rem;
  border: 1px solid rgba(85, 255, 255, 0.24);
  border-top-color: rgba(240, 212, 154, 0.28);
  border-radius: var(--radius-sm);
  padding: 0.55rem;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(85, 255, 255, 0.045), transparent 72%),
    rgba(0, 0, 0, 0.18);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.025),
    inset 0 0 24px rgba(85, 255, 255, 0.055);
}

.shednet-location-presence-canvas {
  order: 1;
  display: block;
  width: 100%;
  height: clamp(11.5rem, 28vw, 15rem);
  border: 1px solid rgba(85, 255, 255, 0.18);
  border-radius: var(--radius-sm);
  background: #030806;
  image-rendering: pixelated;
}

.shednet-location-presence-actor-link {
  position: relative;
  z-index: 1;
  order: 2;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.45rem;
  align-items: center;
  border: 1px solid rgba(85, 255, 255, 0.18);
  border-radius: var(--radius-sm);
  padding: 0.4rem 0.5rem;
  background: rgba(5, 5, 9, 0.68);
  color: var(--muted);
  font-size: 0.72rem;
  line-height: 1.2;
  text-decoration: none;
}

.shednet-location-presence-actor-link:hover,
.shednet-location-presence-actor-link:focus-visible {
  border-color: rgba(85, 255, 255, 0.48);
  background: rgba(85, 255, 255, 0.055);
  outline: 1px solid rgba(85, 255, 255, 0.34);
  outline-offset: 2px;
  color: #ffffff;
}

.shednet-location-presence-actor-link strong {
  display: block;
  color: #ffffff;
  font-size: 0.78rem;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.shednet-location-presence-actor-link span span {
  display: block;
}

.shednet-location-presence-roster-initial {
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border: 1px solid rgba(240, 212, 154, 0.26);
  border-radius: var(--radius-sm);
  background: rgba(240, 212, 154, 0.08);
  color: rgba(240, 212, 154, 0.82);
  font-size: 0.82rem;
  font-weight: 800;
}

.shednet-location-presence-portrait {
  position: relative;
  display: grid;
  place-items: end center;
  flex: 0 0 auto;
  width: 4.65rem;
  height: 5.25rem;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--muted);
  text-decoration: none;
}

.shednet-location-presence-portrait.has-tool-animation {
  width: 5.85rem;
  height: 7.15rem;
}

.shednet-location-presence-empty {
  display: grid;
  gap: 0.12rem;
  min-width: min(100%, 10.5rem);
  max-width: 100%;
  border: 1px solid rgba(85, 255, 255, 0.22);
  border-radius: var(--radius-sm);
  padding: 0.42rem 0.5rem;
  background: rgba(11, 11, 22, 0.72);
  color: var(--muted);
  font-size: 0.72rem;
  line-height: 1.2;
  text-decoration: none;
}

.shednet-location-presence-portrait:hover,
.shednet-location-presence-portrait:focus-visible {
  border-color: rgba(85, 255, 255, 0.48);
  background: rgba(85, 255, 255, 0.055);
  outline: 1px solid rgba(85, 255, 255, 0.34);
  outline-offset: 2px;
  color: #ffffff;
}

.shednet-location-presence-portrait.is-current-chop {
  border-color: transparent;
  background: transparent;
}

.shednet-location-presence-portrait.is-entering {
  animation: shednet-presence-enter 420ms cubic-bezier(0.2, 0.85, 0.25, 1);
}

.shednet-location-presence-portrait.is-leaving {
  z-index: 0;
  pointer-events: none;
  animation: shednet-presence-leave 640ms ease-in forwards;
}

@keyframes shednet-presence-enter {
  from {
    opacity: 0;
    filter: brightness(1.45) saturate(1.2);
    transform: translateY(0.8rem) scale(0.82);
  }

  58% {
    opacity: 1;
    filter: brightness(1.25) saturate(1.15);
    transform: translateY(-0.16rem) scale(1.04);
  }

  to {
    opacity: 1;
    filter: none;
    transform: translateY(0) scale(1);
  }
}

@keyframes shednet-presence-leave {
  from {
    opacity: 0.85;
    filter: none;
    transform: translateY(0) scale(1);
  }

  to {
    opacity: 0;
    filter: grayscale(1) blur(0.5px);
    transform: translateY(-0.65rem) scale(0.72);
  }
}

.shednet-location-presence-frame {
  position: relative;
  z-index: 1;
  display: block;
  overflow: visible;
  width: 100%;
  height: 100%;
  border-radius: calc(var(--radius-sm) - 1px);
}

.shednet-location-presence-frame canvas {
  display: block;
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
}

.shednet-location-presence-initial {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.28);
  font-size: 1.45rem;
  font-weight: 800;
}

.shednet-location-presence-tooltip {
  position: absolute;
  left: 50%;
  top: calc(100% + 0.55rem);
  z-index: 12;
  display: grid;
  gap: 0.14rem;
  width: max-content;
  min-width: 13rem;
  max-width: min(18rem, 72vw);
  border: 1px solid rgba(240, 212, 154, 0.45);
  border-radius: var(--radius-sm);
  padding: 0.55rem 0.65rem;
  background:
    linear-gradient(90deg, rgba(240, 212, 154, 0.08), transparent 56%),
    rgba(5, 5, 9, 0.98);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.45);
  color: var(--muted);
  font-size: 0.74rem;
  line-height: 1.22;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -0.25rem);
  transition: opacity 120ms ease, transform 120ms ease;
}

.shednet-location-presence-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 0.65rem;
  height: 0.65rem;
  border-left: 1px solid rgba(240, 212, 154, 0.45);
  border-top: 1px solid rgba(240, 212, 154, 0.45);
  background: rgba(5, 5, 9, 0.98);
  transform: translate(-50%, -50%) rotate(45deg);
}

.shednet-location-presence-portrait:hover .shednet-location-presence-tooltip,
.shednet-location-presence-portrait:focus-visible .shednet-location-presence-tooltip,
.shednet-location-presence-portrait:focus .shednet-location-presence-tooltip {
  opacity: 1;
  transform: translate(-50%, 0);
}

.shednet-location-presence-portrait:first-child .shednet-location-presence-tooltip {
  left: 0;
  transform: translate(0, -0.25rem);
}

.shednet-location-presence-portrait:first-child:hover .shednet-location-presence-tooltip,
.shednet-location-presence-portrait:first-child:focus-visible .shednet-location-presence-tooltip,
.shednet-location-presence-portrait:first-child:focus .shednet-location-presence-tooltip {
  transform: translate(0, 0);
}

.shednet-location-presence-portrait:first-child .shednet-location-presence-tooltip::after {
  left: 2rem;
}

.shednet-location-presence-name {
  color: #ffffff;
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.shednet-location-presence-empty {
  min-width: 100%;
  color: var(--muted);
}

.shednet-location-page.is-present-location .shednet-location-status {
  border-color: rgba(85, 255, 85, 0.4);
  background:
    linear-gradient(90deg, rgba(85, 255, 85, 0.09), transparent 45%),
    rgba(5, 5, 9, 0.9);
}

.shednet-location-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
}

.chop-animation-lab-toolbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(9rem, 1fr)) auto auto;
  gap: 0.75rem;
  align-items: end;
  margin: 1rem 0;
}

.chop-animation-lab-toolbar label {
  display: grid;
  gap: 0.25rem;
  color: var(--muted);
  font-size: 0.78rem;
  text-transform: uppercase;
}

.chop-animation-lab-status {
  margin: 0.75rem 0;
  color: var(--muted);
}

.chop-animation-lab-status.is-error {
  color: #ff7777;
}

.chop-animation-lab-preview {
  margin: 1rem 0;
}

.chop-animation-lab-tuner {
  margin: 1rem 0;
}

.chop-animation-lab-tuner-grid {
  display: grid;
  gap: 0.75rem;
}

.chop-animation-lab-transport {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: end;
}

.chop-animation-lab-transport label,
.chop-animation-lab-scrubber,
.chop-animation-lab-editor label,
.chop-animation-lab-fieldset {
  display: grid;
  gap: 0.25rem;
  color: var(--muted);
  font-size: 0.78rem;
  text-transform: uppercase;
}

.chop-animation-lab-scrubber input {
  width: min(100%, 42rem);
}

.chop-animation-lab-marker-rail {
  position: relative;
  display: block;
  width: min(100%, 42rem);
  height: 0.8rem;
  border-top: 1px solid rgba(85, 255, 255, 0.16);
}

.chop-animation-lab-marker-rail span {
  position: absolute;
  top: -0.22rem;
  width: 0.28rem;
  height: 0.72rem;
  border-radius: 1px;
  transform: translateX(-50%);
}

.chop-animation-lab-marker-rail .is-keyframe {
  background: #55ffff;
}

.chop-animation-lab-marker-rail .is-effect {
  background: #ffcc55;
}

.chop-animation-lab-asset-detail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.55rem;
}

.chop-animation-lab-asset-detail > div {
  min-width: 0;
  border: 1px solid rgba(85, 255, 255, 0.16);
  border-radius: var(--radius-sm);
  padding: 0.42rem 0.5rem;
  background: rgba(0, 0, 0, 0.18);
}

.chop-animation-lab-asset-detail strong,
.chop-animation-lab-asset-detail a {
  display: block;
  overflow-wrap: anywhere;
}

.chop-animation-lab-export {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
}

.chop-animation-lab-editor {
  display: grid;
  gap: 0.85rem;
}

.chop-animation-lab-editor-section {
  display: grid;
  gap: 0.65rem;
  border: 1px solid rgba(85, 255, 255, 0.14);
  border-radius: var(--radius-sm);
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.18);
}

.chop-animation-lab-editor-heading,
.chop-animation-lab-edit-card-heading {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
}

.chop-animation-lab-editor h3 {
  margin: 0;
  font-size: 0.92rem;
}

.chop-animation-lab-keyframe-list,
.chop-animation-lab-editor-section {
  min-width: 0;
}

.chop-animation-lab-edit-card {
  display: grid;
  gap: 0.55rem;
  border: 1px solid rgba(240, 212, 154, 0.14);
  border-radius: var(--radius-sm);
  padding: 0.65rem;
  background: rgba(5, 5, 9, 0.35);
}

.chop-animation-lab-edit-card + .chop-animation-lab-edit-card {
  margin-top: 0.55rem;
}

.chop-animation-lab-edit-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(6rem, 1fr));
  gap: 0.55rem;
}

.chop-animation-lab-edit-grid.is-pairs {
  grid-template-columns: repeat(3, minmax(8rem, 1fr));
}

.chop-animation-lab-fieldset {
  min-width: 0;
  border: 1px solid rgba(85, 255, 255, 0.12);
  border-radius: var(--radius-sm);
  padding: 0.45rem;
}

.chop-animation-lab-fieldset legend {
  padding: 0 0.25rem;
  color: var(--accent);
}

.chop-animation-lab-checkbox {
  align-content: end;
  grid-template-columns: auto 1fr;
  color: var(--text);
}

.chop-animation-lab-json {
  max-height: 22rem;
  overflow: auto;
  border: 1px solid rgba(85, 255, 255, 0.18);
  border-radius: var(--radius-sm);
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.32);
  color: #d8f8ff;
  font-size: 0.78rem;
  line-height: 1.35;
  white-space: pre;
}

.chop-animation-lab-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.chop-animation-lab-table {
  display: grid;
  gap: 0.45rem;
}

.chop-animation-lab-table > div {
  display: grid;
  grid-template-columns: minmax(7rem, auto) minmax(7rem, auto) minmax(0, 1fr);
  gap: 0.5rem;
  align-items: center;
  border: 1px solid rgba(85, 255, 255, 0.16);
  border-radius: var(--radius-sm);
  padding: 0.45rem 0.55rem;
  background: rgba(0, 0, 0, 0.18);
}

.chop-animation-lab-table > .chop-animation-lab-location-row {
  grid-template-columns: minmax(9rem, auto) minmax(0, 1fr);
}

.chop-animation-lab-location-row span {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.chop-animation-lab-table hr {
  width: 100%;
  border: 0;
  border-top: 1px solid rgba(240, 212, 154, 0.2);
}

.chop-animation-lab-table a {
  overflow-wrap: anywhere;
}

.pickaxe-variant-lab {
  display: grid;
  gap: 18px;
}

body:has(.pickaxe-variant-lab) .admin-stats-panel {
  display: none;
}

.pickaxe-variant-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 14px;
}

.pickaxe-variant-card {
  display: grid;
  gap: 12px;
}

.pickaxe-variant-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.pickaxe-variant-card-header h2 {
  margin: 0;
  font-size: 1.05rem;
}

.pickaxe-variant-card-header code {
  max-width: 45%;
  overflow-wrap: anywhere;
  color: var(--shednet-accent, #ffdf7e);
  font-size: 0.68rem;
  text-align: right;
}

.pickaxe-variant-card p {
  margin: 0;
  color: var(--muted-color, #b8acd8);
}

.pickaxe-variant-strip {
  min-height: 150px;
  padding: 14px;
}

.pickaxe-variant-strip .shednet-location-presence-portrait {
  min-width: 82px;
}

.emoji-lab {
  display: grid;
  gap: 1rem;
}

body:has(.emoji-lab) .admin-stats-panel {
  display: none;
}

.emoji-lab-toolbar {
  margin-top: 0.25rem;
}

.emoji-lab-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  align-items: end;
}

.emoji-lab-controls label,
.emoji-lab-scrubber {
  display: grid;
  gap: 0.25rem;
  color: var(--muted);
  font-size: 0.78rem;
  text-transform: uppercase;
}

.emoji-lab-scrubber input {
  width: min(36rem, 52vw);
}

.emoji-lab-source-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.emoji-lab-source-list a {
  border: 1px solid rgba(85, 255, 255, 0.18);
  border-radius: var(--radius-sm);
  padding: 0.38rem 0.5rem;
  background: rgba(0, 0, 0, 0.22);
  color: #55ffff;
  font-size: 0.78rem;
}

.emoji-lab-table-wrap {
  overflow-x: auto;
}

.emoji-lab-table {
  width: 100%;
  min-width: 58rem;
  border-collapse: separate;
  border-spacing: 0 0.55rem;
}

.emoji-lab-table th,
.emoji-lab-table td {
  vertical-align: top;
  border-top: 1px solid rgba(85, 255, 255, 0.16);
  border-bottom: 1px solid rgba(85, 255, 255, 0.16);
  padding: 0.65rem;
  background: rgba(0, 0, 0, 0.2);
}

.emoji-lab-table th:first-child,
.emoji-lab-table td:first-child {
  border-left: 1px solid rgba(85, 255, 255, 0.16);
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.emoji-lab-table th:last-child,
.emoji-lab-table td:last-child {
  border-right: 1px solid rgba(85, 255, 255, 0.16);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.emoji-lab-name,
.emoji-lab-row-review,
.emoji-lab-table [data-emoji-selected-review] {
  display: block;
}

.emoji-lab-name {
  color: #ffffff;
  font-size: 1rem;
}

.emoji-lab-codes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.28rem;
  margin: 0.35rem 0;
}

.emoji-lab-codes code,
.emoji-lab-attempt code,
.emoji-lab-table [data-emoji-selected] {
  color: #ffdf7e;
  font-size: 0.78rem;
}

.emoji-lab-row-review,
.emoji-lab-table [data-emoji-selected-review],
.emoji-lab-attempt span {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.emoji-lab-attempts {
  display: grid;
  grid-template-columns: repeat(2, minmax(16rem, 1fr));
  gap: 0.65rem;
}

.emoji-lab-attempt {
  display: grid;
  grid-template-columns: auto 5.8rem minmax(0, 1fr);
  gap: 0.55rem;
  align-items: center;
  min-width: 0;
  border: 1px solid rgba(240, 212, 154, 0.16);
  border-radius: var(--radius-sm);
  padding: 0.5rem;
  background: rgba(5, 5, 9, 0.34);
  cursor: pointer;
}

.emoji-lab-attempt.is-selected {
  border-color: rgba(85, 255, 85, 0.5);
  background:
    linear-gradient(90deg, rgba(85, 255, 85, 0.1), transparent 58%),
    rgba(5, 5, 9, 0.46);
}

.emoji-lab-attempt input {
  align-self: center;
}

.emoji-lab-preview {
  width: 5.2rem;
  min-width: 5.2rem;
  height: 5.2rem;
  pointer-events: none;
}

.emoji-lab-preview .shednet-location-presence-frame {
  width: 100%;
  height: 100%;
}

.emoji-lab-preview canvas {
  width: 100%;
  height: 100%;
}

.emoji-lab-attempt-body {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
}

.emoji-lab-attempt-body strong {
  color: #ffffff;
}

.emoji-lab-export {
  max-height: 24rem;
  overflow: auto;
  margin: 0;
  border: 1px solid rgba(85, 255, 255, 0.18);
  border-radius: var(--radius-sm);
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.32);
  color: #d8f8ff;
  font-size: 0.78rem;
  line-height: 1.35;
}

@media (max-width: 900px) {
  .emoji-lab-scrubber input {
    width: min(100%, 20rem);
  }

  .emoji-lab-table {
    min-width: 0;
  }

  .emoji-lab-table thead {
    display: none;
  }

  .emoji-lab-table,
  .emoji-lab-table tbody,
  .emoji-lab-table tr,
  .emoji-lab-table th,
  .emoji-lab-table td {
    display: block;
    width: 100%;
  }

  .emoji-lab-table th,
  .emoji-lab-table td,
  .emoji-lab-table th:first-child,
  .emoji-lab-table td:first-child,
  .emoji-lab-table th:last-child,
  .emoji-lab-table td:last-child {
    border-radius: 0;
  }

  .emoji-lab-attempts {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .chop-animation-lab-toolbar,
  .chop-animation-lab-asset-detail,
  .chop-animation-lab-edit-grid,
  .chop-animation-lab-edit-grid.is-pairs,
  .chop-animation-lab-grid {
    grid-template-columns: 1fr;
  }

  .chop-animation-lab-table > div {
    grid-template-columns: 1fr;
  }
}

.shednet-location-status-grid > div {
  min-width: 0;
  border: 1px solid rgba(240, 212, 154, 0.18);
  border-radius: var(--radius-sm);
  padding: 0.42rem 0.5rem;
  background: rgba(5, 5, 9, 0.44);
}

.shednet-location-status-grid strong {
  display: block;
  margin-top: 0.1rem;
  color: #ffffff;
  font-size: 0.84rem;
  line-height: 1.2;
}

.shednet-location-status-note {
  display: block;
  margin-top: 0.14rem;
  color: var(--muted);
  font-size: 0.72rem;
  line-height: 1.25;
}

.shednet-location-status-footer {
  display: grid;
  grid-template-columns: auto;
  gap: 0.55rem;
  align-items: end;
  justify-content: end;
  margin-top: 0.65rem;
  border-top: 1px solid rgba(240, 212, 154, 0.22);
  padding-top: 0.55rem;
}

.shednet-location-travel-form {
  display: inline-flex;
  margin: 0;
}

.shednet-location-travel-form button {
  white-space: nowrap;
}

.shednet-location-description {
  margin-bottom: 0.75rem;
}

.shednet-location-copy-grid,
.shednet-location-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.shednet-location-copy-grid > div {
  min-width: 0;
  border-top: 1px solid rgba(85, 255, 255, 0.18);
  padding-top: 0.55rem;
}

.shednet-location-copy-grid h3 {
  margin-top: 0;
}

.shednet-location-signals,
.shednet-location-schedule-panel,
.shednet-location-grid,
.shednet-location-page .shednet-panel + .shednet-location-grid,
.shednet-location-page .shednet-location-grid + .shednet-panel {
  margin-top: 0.75rem;
}

.shednet-location-schedule-panel {
  border-color: rgba(85, 255, 255, 0.26);
  background:
    linear-gradient(90deg, rgba(85, 255, 255, 0.07), transparent 38%),
    rgba(5, 5, 9, 0.88);
}

.shednet-location-schedule-grid {
  display: grid;
  gap: 0.55rem;
  margin-top: 0.65rem;
}

.shednet-location-current-state {
  margin-top: 0.35rem;
}

.shednet-location-current-state p {
  margin: 0;
}

.shednet-location-next-change {
  margin-top: 0;
}

.shednet-location-next-change strong {
  color: #f0d49a;
  font-size: 0.92rem;
  line-height: 1.2;
}

.shednet-location-next-change p {
  margin: 0;
  color: var(--muted);
  font-size: 0.82rem;
}

.shednet-location-schedule-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, auto);
  gap: 0.65rem;
  align-items: start;
  border: 1px solid rgba(57, 57, 79, 0.72);
  border-radius: var(--radius-sm);
  padding: 0.6rem 0.65rem;
  background: rgba(11, 11, 22, 0.7);
}

.shednet-location-schedule-row.shednet-location-next-change {
  border-color: rgba(240, 212, 154, 0.38);
  background:
    linear-gradient(90deg, rgba(240, 212, 154, 0.08), transparent 46%),
    rgba(11, 11, 22, 0.74);
}

.shednet-location-schedule-row.is-active-now {
  border-color: rgba(85, 255, 85, 0.36);
  background:
    linear-gradient(90deg, rgba(85, 255, 85, 0.08), transparent 46%),
    rgba(11, 11, 22, 0.76);
}

.shednet-location-schedule-row.is-kind-closed.is-active-now {
  border-color: rgba(240, 212, 154, 0.34);
  background:
    linear-gradient(90deg, rgba(240, 212, 154, 0.08), transparent 46%),
    rgba(11, 11, 22, 0.76);
}

.shednet-location-schedule-row strong {
  display: block;
  margin-top: 0.1rem;
  color: #ffffff;
  font-size: 0.94rem;
  line-height: 1.2;
}

.shednet-location-schedule-row p {
  margin: 0.2rem 0 0;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

.shednet-location-measure-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 0.6rem;
}

.shednet-location-measure {
  display: grid;
  gap: 0.22rem;
  min-width: 0;
  border: 1px solid rgba(85, 255, 255, 0.22);
  border-radius: var(--radius-sm);
  padding: 0.58rem 0.65rem;
  background: rgba(11, 11, 22, 0.7);
}

.shednet-location-measure strong {
  color: #ffffff;
  font-size: 0.96rem;
  line-height: 1.2;
}

.shednet-location-measure p {
  margin: 0;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.shednet-location-measure-source {
  width: max-content;
  margin-top: 0.1rem;
  border: 1px solid rgba(57, 57, 79, 0.72);
  border-radius: var(--radius-sm);
  padding: 0.06rem 0.28rem;
  color: var(--muted);
  font-size: 0.66rem;
  text-transform: uppercase;
}

.shednet-location-measure.is-state-present,
.shednet-location-measure.is-state-active,
.shednet-location-measure.is-state-known,
.shednet-location-measure.is-state-available {
  border-color: rgba(85, 255, 85, 0.28);
}

.shednet-location-measure.is-state-eventful {
  border-color: rgba(240, 212, 154, 0.36);
}

.shednet-table {
  width: 100%;
  border-collapse: collapse;
}

.shednet-table th,
.shednet-table td {
  border-bottom: 1px solid rgba(57, 57, 79, 0.74);
  padding: 0.4rem 0.5rem;
  text-align: left;
  font-size: 0.88rem;
}

.inventory-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
  gap: 0.75rem;
}

.inventory-appearance-grid {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
}

.inventory-portrait .shednet-chopfile-portrait-frame,
.inventory-portrait canvas {
  min-height: 220px;
}

.inventory-item {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0.6rem;
  background: #0c1216;
}

.inventory-item.is-equipped,
.inventory-item-equipped {
  border-color: rgba(126, 214, 181, 0.5);
  box-shadow: inset 0 0 0 1px rgba(126, 214, 181, 0.08);
}

.inventory-item .character-item-preview {
  width: 4.5rem;
  border: 1px solid rgba(57, 57, 79, 0.7);
  border-radius: 4px;
}

.inventory-item form {
  margin-top: 0.55rem;
}

.admin-main:has(.scene-labs) {
  padding: 1rem 1.25rem 2rem;
}

.scene-labs {
  width: 100%;
  max-width: none;
  min-height: calc(100vh - 2rem);
  padding: 1rem;
}

.admin-main:has(.speech-labs) {
  max-width: 1480px;
}

.speech-labs {
  gap: 1rem;
}

.speech-lab-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
  gap: 1rem;
  align-items: start;
}

.speech-lab-stage-panel,
.speech-lab-controls {
  border: 1px solid var(--border);
  background: rgba(6, 8, 13, 0.88);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}

.speech-lab-stage-panel {
  min-width: 0;
}

.speech-lab-stage-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid var(--border);
}

.speech-lab-stage-header h2 {
  margin: 0.1rem 0 0;
  font-size: 1.08rem;
}

.speech-lab-stage-header output {
  color: #ffdd77;
  font-family: "Web437 IBM EGA 8x14", "Lucida Console", monospace;
  font-size: 0.84rem;
  text-align: right;
}

.speech-lab-canvas {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 22rem;
  background: #050609;
}

.speech-lab-controls {
  display: grid;
  gap: 0.85rem;
  padding: 1rem;
}

.speech-lab-controls label {
  display: grid;
  gap: 0.32rem;
  color: var(--muted);
  font-size: 0.88rem;
}

.speech-lab-controls select,
.speech-lab-controls textarea,
.speech-lab-controls input[type="range"] {
  width: 100%;
}

.speech-lab-controls textarea {
  min-height: 6.3rem;
  resize: vertical;
  font-family: "Web437 IBM EGA 8x14", "Lucida Console", monospace;
}

.speech-lab-switches {
  display: grid;
  gap: 0.42rem;
  padding: 0.6rem;
  border: 1px solid rgba(120, 217, 255, 0.18);
  background: rgba(120, 217, 255, 0.05);
}

.speech-lab-switches label {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.48rem;
}

.speech-lab-slider-grid {
  display: grid;
  gap: 0.72rem;
}

.speech-lab-slider-grid label {
  grid-template-columns: minmax(7.4rem, 0.8fr) minmax(0, 1.2fr) 4.2rem;
  align-items: center;
}

.speech-lab-slider-grid output {
  color: #ffefb0;
  font-family: "Web437 IBM EGA 8x14", "Lucida Console", monospace;
  text-align: right;
}

.speech-lab-metrics {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding-top: 0.25rem;
}

.speech-lab-metrics div {
  display: grid;
  grid-template-columns: minmax(7rem, 0.8fr) minmax(0, 1.2fr);
  gap: 0.6rem;
  padding: 0.48rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.speech-lab-metrics dt {
  color: var(--muted);
}

.speech-lab-metrics dd {
  margin: 0;
  color: #d8f4ff;
  font-family: "Web437 IBM EGA 8x14", "Lucida Console", monospace;
  overflow-wrap: anywhere;
}

.admin-main:has(.image-filter-labs) {
  padding: 1rem 1.25rem 2rem;
  overflow-x: auto;
}

.image-filter-labs {
  width: 100%;
  max-width: none;
  min-height: calc(100vh - 2rem);
  padding: 1rem;
}

.image-filter-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.image-filter-recipes {
  display: grid;
  gap: 0.75rem;
  margin-bottom: 1rem;
  border: 1px solid rgba(57, 57, 79, 0.82);
  border-radius: 8px;
  padding: 0.85rem;
  background: #07070d;
}

.image-filter-recipes-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.image-filter-recipes-heading h2 {
  margin: 0.08rem 0 0;
  color: #ffffff;
  font-size: 1.08rem;
}

.image-filter-recipes-heading p {
  max-width: 62rem;
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.42;
}

.image-filter-recipe-tabs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.55rem;
}

.image-filter-recipe-tab {
  display: grid;
  align-content: start;
  gap: 0.35rem;
  min-height: 7rem;
  border: 1px solid rgba(85, 255, 255, 0.14);
  border-radius: 6px;
  padding: 0.65rem;
  background: #080810;
  color: var(--muted);
  text-align: left;
}

.image-filter-recipe-tab:hover,
.image-filter-recipe-tab:focus-visible,
.image-filter-recipe-tab.is-active {
  border-color: rgba(85, 255, 255, 0.56);
  background: #101323;
  color: #ffffff;
}

.image-filter-recipe-tab strong {
  color: #ffffff;
  font-size: 0.9rem;
  line-height: 1.1;
}

.image-filter-recipe-tab span {
  display: -webkit-box;
  overflow: hidden;
  color: inherit;
  font-size: 0.72rem;
  line-height: 1.28;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.image-filter-stage,
.image-filter-controls {
  min-width: 0;
  border: 1px solid rgba(57, 57, 79, 0.82);
  border-radius: 8px;
  background: #07070d;
}

.image-filter-stage {
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(85, 255, 255, 0.06);
}

.image-filter-stage-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid rgba(57, 57, 79, 0.82);
  padding: 0.85rem 1rem;
  background: #0c1216;
}

.image-filter-stage-header h2 {
  margin: 0;
  color: #ffffff;
  font-size: 1.2rem;
}

.image-filter-stage-header output {
  border: 1px solid rgba(85, 255, 255, 0.22);
  border-radius: 4px;
  padding: 0.35rem 0.5rem;
  background: #05050b;
  color: var(--muted);
  font-size: 0.82rem;
  white-space: nowrap;
}

.image-filter-preview-grid {
  display: grid;
  grid-template-columns: max-content;
  gap: 1rem;
  padding: 1rem;
  background: #05050b;
}

.image-filter-labs[data-image-filter-preview-scale="actual"] .image-filter-preview-grid {
  grid-template-columns: max-content;
  overflow-x: auto;
}

.image-filter-labs[data-image-filter-preview-scale="fit"] .image-filter-preview-grid {
  grid-template-columns: minmax(0, 0.56fr) minmax(0, 1fr);
}

.image-filter-preview-grid figure {
  display: grid;
  gap: 0.5rem;
  min-width: 0;
  margin: 0;
}

.image-filter-preview-grid figcaption {
  color: var(--muted);
  font-family: "Web437 IBM EGA 8x14", "Lucida Console", monospace;
  font-size: 0.82rem;
  text-transform: uppercase;
}

.image-filter-source-frame,
.image-filter-preview-grid canvas {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(85, 255, 255, 0.12);
  background: #000;
}

.image-filter-source-frame {
  display: grid;
  place-items: center;
  overflow: hidden;
}

.image-filter-source-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.image-filter-preview-grid canvas {
  display: block;
  height: auto;
  image-rendering: pixelated;
}

.image-filter-labs[data-image-filter-preview-scale="actual"] .image-filter-preview-grid canvas {
  width: 1200px;
  height: 675px;
  max-width: none;
}

.image-filter-labs[data-image-filter-preview-scale="actual"] .image-filter-source-figure {
  display: none;
}

.image-filter-labs[data-image-filter-preview-scale="fit"] .image-filter-preview-grid canvas {
  width: 100%;
  height: auto;
}

.image-filter-labs[data-image-filter-preview-scale="fit"] .image-filter-source-figure {
  display: grid;
}

.image-filter-controls {
  display: grid;
  gap: 0.85rem;
  width: min(100%, 1200px);
  padding: 1rem;
}

.image-filter-controls label {
  display: grid;
  gap: 0.32rem;
  color: var(--muted);
  font-size: 0.88rem;
}

.image-filter-controls input,
.image-filter-controls select {
  width: 100%;
}

.image-filter-source-picker {
  display: grid;
  gap: 0.5rem;
}

.image-filter-source-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 0.5rem;
}

.image-filter-source-actions output {
  min-width: 5.5rem;
  color: #ffefb0;
  font-family: "Web437 IBM EGA 8x14", "Lucida Console", monospace;
  text-align: center;
  white-space: nowrap;
}

.image-filter-control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}

.image-filter-control-grid[hidden] {
  display: none;
}

.image-filter-switches {
  display: grid;
  gap: 0.42rem;
  padding: 0.6rem;
  border: 1px solid rgba(120, 217, 255, 0.18);
  border-radius: 6px;
  background: rgba(120, 217, 255, 0.05);
}

.image-filter-switches label {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.48rem;
}

.image-filter-switches input {
  width: auto;
}

.image-filter-slider-grid {
  display: grid;
  gap: 0.72rem;
}

.image-filter-slider-grid label {
  grid-template-columns: minmax(6.8rem, 0.8fr) minmax(0, 1.2fr) 4rem;
  align-items: center;
}

.image-filter-slider-grid output {
  color: #ffefb0;
  font-family: "Web437 IBM EGA 8x14", "Lucida Console", monospace;
  text-align: right;
}

.image-filter-readouts {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding-top: 0.25rem;
}

.image-filter-readouts div {
  display: grid;
  grid-template-columns: minmax(6rem, 0.72fr) minmax(0, 1.28fr);
  gap: 0.6rem;
  padding: 0.48rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.image-filter-readouts dt {
  color: var(--muted);
}

.image-filter-readouts dd {
  margin: 0;
  color: #d8f4ff;
  font-family: "Web437 IBM EGA 8x14", "Lucida Console", monospace;
  overflow-wrap: anywhere;
}

.scene-lab-inspector {
  margin-top: 1rem;
  min-height: calc(100vh - 10rem);
}

.scene-lab-inspect-empty {
  display: grid;
  gap: 0.35rem;
  min-height: calc(100vh - 16rem);
  align-content: center;
  justify-items: center;
  border: 1px solid rgba(57, 57, 79, 0.82);
  border-radius: 8px;
  background: #050708;
  color: var(--text);
}

.scene-lab-inspect-empty[hidden] {
  display: none;
}

.scene-lab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0 0 1rem;
  border-bottom: 1px solid rgba(57, 57, 79, 0.82);
  padding-bottom: 0.75rem;
}

.scene-lab-tab {
  min-height: 2.3rem;
  border-color: rgba(85, 255, 255, 0.18);
  background: #080810;
  color: var(--muted);
}

.scene-lab-tab:hover,
.scene-lab-tab.is-active {
  border-color: rgba(85, 255, 255, 0.56);
  background: #111126;
  color: #ffffff;
}

.scene-lab-panel[hidden] {
  display: none;
}

.scene-lab-inspector .scene-lab-panel {
  min-height: calc(100vh - 14rem);
}

.scene-lab-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(17rem, 21rem);
  gap: 1rem;
  align-items: start;
}

.scene-lab-stage-panel,
.scene-lab-controls {
  min-width: 0;
  border: 1px solid rgba(57, 57, 79, 0.82);
  border-radius: 8px;
  background: #07070d;
}

.scene-lab-stage-panel {
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(85, 255, 255, 0.06);
}

.scene-lab-stage-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid rgba(57, 57, 79, 0.82);
  padding: 0.85rem 1rem;
  background: #0c1216;
}

.scene-lab-stage-header h2 {
  margin: 0;
  color: #ffffff;
  font-size: 1.2rem;
}

.scene-lab-status {
  border: 1px solid rgba(85, 255, 255, 0.22);
  border-radius: 4px;
  padding: 0.35rem 0.5rem;
  background: #05050b;
  color: var(--muted);
  font-size: 0.82rem;
  white-space: nowrap;
}

.scene-lab-canvas {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(72rem, calc(100vh - 17rem));
  background: #05050b;
  image-rendering: pixelated;
}

.scene-lab-backdrop-canvas {
  aspect-ratio: 16 / 9;
  image-rendering: auto;
}

.scene-lab-pixel-mines-canvas {
  min-height: min(54rem, calc(100vh - 18rem));
  image-rendering: pixelated;
}

.scene-lab-scale-panel {
  overflow-x: auto;
}

.scene-lab-scale-compare-grid {
  display: grid;
  grid-template-columns: repeat(2, 1920px);
  gap: 1rem;
  padding: 1rem;
}

.scene-lab-scale-card {
  min-width: 0;
  border: 1px solid rgba(57, 57, 79, 0.82);
  border-radius: 8px;
  background: #030306;
}

.scene-lab-scale-card > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid rgba(57, 57, 79, 0.82);
  padding: 0.75rem 0.85rem;
}

.scene-lab-scale-card h3 {
  margin: 0;
  color: #ffffff;
  font-size: 1rem;
}

.scene-lab-scale-card .scene-lab-backdrop-canvas {
  width: 1920px;
  height: 1080px;
  max-width: none;
  max-height: none;
  margin: 0 auto;
}

.scene-lab-scale-readouts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  border-top: 1px solid rgba(57, 57, 79, 0.82);
  padding: 0.75rem;
}

.scene-lab-video-compare {
  --scene-lab-onion-opacity: 0.72;
  display: block;
  background: #000000;
}

.scene-lab-source-video {
  display: none;
  width: 100%;
  min-height: min(54rem, calc(100vh - 18rem));
  background: #000000;
  object-fit: contain;
}

.scene-lab-output-video {
  min-height: min(54rem, calc(100vh - 18rem));
}

.scene-lab-video-compare[data-compare-mode="source"] .scene-lab-source-video {
  display: block;
}

.scene-lab-video-compare[data-compare-mode="source"] .scene-lab-output-video {
  display: none;
}

.scene-lab-video-compare[data-compare-mode="side-by-side"] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.scene-lab-video-compare[data-compare-mode="side-by-side"] .scene-lab-source-video,
.scene-lab-video-compare[data-compare-mode="side-by-side"] .scene-lab-output-video {
  display: block;
}

.scene-lab-video-compare[data-compare-mode="onion"] {
  position: relative;
}

.scene-lab-video-compare[data-compare-mode="onion"] .scene-lab-source-video,
.scene-lab-video-compare[data-compare-mode="onion"] .scene-lab-output-video {
  display: block;
}

.scene-lab-video-compare[data-compare-mode="onion"] .scene-lab-output-video {
  position: absolute;
  inset: 0;
  opacity: var(--scene-lab-onion-opacity);
  pointer-events: none;
}

.scene-lab-controls {
  display: grid;
  gap: 1rem;
  padding: 1rem;
}

.scene-lab-controls select {
  width: 100%;
}

.scene-lab-controls input[type="number"],
.scene-lab-controls input[type="text"] {
  width: 100%;
}

.scene-lab-controls input[type="range"] {
  padding-inline: 0;
}

.scene-lab-benchmark-output {
  margin: 0;
  border-top: 1px solid rgba(57, 57, 79, 0.82);
  padding: 1rem;
  min-height: 16rem;
  overflow: auto;
  background: #05050b;
  color: #d8d8ff;
  font-size: 0.78rem;
  line-height: 1.45;
  white-space: pre;
}

.scene-lab-readout {
  display: grid;
  gap: 0.2rem;
  border-top: 1px solid rgba(57, 57, 79, 0.82);
  padding-top: 0.85rem;
}

.scene-lab-readout strong {
  color: #ffffff;
}

.scene-lab-file-readout strong,
.scene-lab-file-readout code,
.scene-lab-metadata-readout strong,
.scene-lab-metadata-readout code {
  overflow-wrap: anywhere;
}

.scene-lab-file-readout code,
.scene-lab-metadata-readout code {
  display: block;
  color: #aaaadd;
  font-size: 0.72rem;
  line-height: 1.35;
  white-space: normal;
}

.admin-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0 0 0.85rem;
  border-bottom: 1px solid rgba(85, 255, 255, 0.16);
}

.admin-section-tab {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  border: 1px solid transparent;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  padding: 0.38rem 0.65rem;
  background: rgba(12, 18, 22, 0.62);
  color: var(--muted);
  font-weight: 700;
  text-decoration: none;
}

.admin-section-tab:hover,
.admin-section-tab:focus-visible,
.admin-section-tab.is-active {
  border-color: rgba(85, 255, 255, 0.26);
  background: #0c1216;
  color: #ffffff;
}

.economy-status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.35rem;
  border: 1px solid rgba(170, 170, 221, 0.24);
  border-radius: 999px;
  padding: 0.12rem 0.48rem;
  background: rgba(255, 255, 255, 0.04);
  color: #ddddee;
  font-size: 0.76rem;
  font-weight: 700;
}

.economy-status-badge.is-store,
.economy-status-badge.is-owned {
  border-color: rgba(85, 255, 255, 0.34);
  color: #bff;
}

.economy-status-badge.is-asset,
.economy-status-badge.is-unowned {
  color: var(--muted);
}

.item-labs {
  width: min(100%, 1280px);
  max-width: 1280px;
}

.hat-creator-layout {
  display: grid;
  gap: 1rem;
}

.hat-creator-editor {
  width: 100%;
}

.hat-creator-owned-note {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
  margin: 0.45rem 0 0;
  color: #f8d2d2;
  font-size: 0.88rem;
}

.hat-creator-action-bar {
  position: sticky;
  top: 0.55rem;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border: 1px solid rgba(85, 255, 255, 0.24);
  border-radius: 6px;
  padding: 0.55rem 0.65rem;
  background: rgba(12, 18, 22, 0.96);
  box-shadow: 0 0.75rem 1.4rem rgba(0, 0, 0, 0.28);
}

.hat-creator-action-bar strong {
  display: block;
  color: #ffffff;
  font-size: 0.9rem;
}

.hat-creator-action-bar strong.is-dirty {
  color: #ffff99;
}

.item-lab-layout {
  display: grid;
  grid-template-columns: minmax(15rem, 20rem) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.item-lab-list,
.item-lab-editor {
  min-width: 0;
}

.item-lab-list-heading,
.item-lab-section-heading,
.item-lab-preview-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.9rem;
}

.item-lab-list-heading {
  margin-bottom: 0.75rem;
}

.item-lab-list-heading h2,
.item-lab-section-heading h2,
.item-lab-preview-panel h2 {
  margin: 0;
  color: #ffffff;
  font-size: 1.15rem;
}

.item-lab-card-list {
  display: grid;
  gap: 0.65rem;
}

.item-lab-card {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  gap: 0.7rem;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 0.55rem;
  background: #0c1216;
  text-decoration: none;
}

.item-lab-card:hover,
.item-lab-card.is-selected {
  border-color: rgba(138, 140, 255, 0.72);
  background: #111126;
}

.item-lab-card .character-item-preview {
  width: 4.5rem;
  border: 1px solid rgba(57, 57, 79, 0.7);
  border-radius: 4px;
}

.item-lab-card strong,
.item-lab-card small {
  display: block;
}

.item-lab-card small {
  overflow-wrap: anywhere;
  color: var(--muted);
  font-size: 0.8rem;
}

.item-lab-editor {
  display: grid;
  gap: 1rem;
}

.item-lab-preview-panel {
  justify-content: flex-start;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 0.8rem;
  background: #0c1216;
}

.item-lab-preview-panel .character-item-preview {
  width: 9rem;
  border: 1px solid rgba(57, 57, 79, 0.7);
  border-radius: 4px;
}

.item-lab-recent-strip {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
  border: 1px solid rgba(57, 57, 79, 0.72);
  border-radius: 6px;
  padding: 0.45rem 0.55rem;
  background: #0a1014;
}

.item-lab-recent-heading {
  display: grid;
  gap: 0.1rem;
  min-width: 4.5rem;
}

.item-lab-recent-heading a {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 700;
  text-decoration: none;
}

.item-lab-recent-heading a:hover,
.item-lab-recent-heading a:focus-visible {
  color: #ffffff;
}

.item-lab-recent-list {
  display: flex;
  gap: 0.35rem;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

.item-lab-recent-chip {
  display: grid;
  gap: 0.1rem;
  flex: 0 0 auto;
  width: clamp(7rem, 13vw, 10rem);
  border: 1px solid rgba(85, 255, 255, 0.18);
  border-radius: 5px;
  padding: 0.32rem 0.42rem;
  background: #070710;
  text-decoration: none;
}

.item-lab-recent-chip:hover,
.item-lab-recent-chip:focus-visible,
.item-lab-recent-chip.is-current {
  border-color: #55ffff;
  background: #111126;
}

.item-lab-recent-chip strong,
.item-lab-recent-chip span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.item-lab-recent-chip strong {
  color: #ffffff;
  font-size: 0.76rem;
}

.item-lab-recent-chip span {
  color: var(--muted);
  font-size: 0.66rem;
}

.item-lab-validation-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  min-height: 1.8rem;
  align-items: center;
}

.item-lab-validation-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.45rem;
  border: 1px solid rgba(57, 57, 79, 0.82);
  border-radius: 4px;
  padding: 0.15rem 0.42rem;
  background: #08080f;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 700;
}

.item-lab-validation-badge.is-ok {
  border-color: rgba(85, 255, 255, 0.34);
  color: #ccffff;
}

.item-lab-validation-badge.is-warn {
  border-color: rgba(255, 255, 85, 0.45);
  color: #ffff99;
}

.item-lab-editor textarea {
  min-height: 6rem;
}

.item-lab-workbench {
  display: grid;
  grid-template-columns: minmax(17rem, 0.9fr) minmax(24rem, 1.25fr) minmax(14rem, 0.65fr);
  gap: 1rem;
  align-items: stretch;
  border: 1px solid rgba(85, 255, 255, 0.28);
  border-radius: 8px;
  padding: 0.9rem;
  background:
    linear-gradient(135deg, rgba(85, 255, 255, 0.06), transparent 28rem),
    #07070d;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 85, 0.04);
}

.item-lab-palette-panel,
.item-lab-forge-panel,
.item-lab-transform-panel {
  min-width: 0;
  border: 1px solid rgba(57, 57, 79, 0.82);
  border-radius: 6px;
  background: #0c1216;
}

.item-lab-palette-panel,
.item-lab-transform-panel {
  display: grid;
  align-content: start;
  gap: 0.8rem;
  padding: 0.8rem;
}

.item-lab-palette-panel {
  grid-template-rows: auto auto minmax(0, 1fr);
}

.item-lab-glyph-palette {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(1.65rem, 1fr));
  column-gap: 0.2rem;
  row-gap: 0.28rem;
  align-content: start;
  overflow: visible;
}

.item-lab-palette-tools {
  display: grid;
  gap: 0.45rem;
}

.item-lab-palette-tools input {
  min-height: 2rem;
  padding: 0.35rem 0.5rem;
  font-size: 0.82rem;
}

.item-lab-palette-mode {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.3rem;
}

.item-lab-palette-mode button {
  min-height: 1.85rem;
  padding: 0.25rem 0.4rem;
  font-size: 0.76rem;
}

.item-lab-palette-mode button.is-active {
  border-color: #55ffff;
  color: #ffffff;
}

button.item-lab-palette-glyph {
  min-width: 0;
  min-height: 0;
  border: 0;
  border-radius: 3px;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

button.item-lab-palette-glyph:hover,
button.item-lab-palette-glyph:focus-visible {
  background: rgba(85, 255, 255, 0.12);
  outline: 1px solid rgba(85, 255, 255, 0.7);
  outline-offset: 1px;
}

button.item-lab-palette-glyph canvas {
  display: block;
  width: min(1.42rem, 100%);
  height: auto;
  margin: 0 auto;
  image-rendering: pixelated;
}

.item-lab-forge-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 0.75rem;
  padding: 0.8rem;
}

.item-lab-forge-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 0.75rem;
}

.item-lab-forge-view-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
}

.item-lab-forge-zoom-controls {
  display: grid;
  grid-template-columns: auto minmax(5rem, 9rem) 3.25rem auto auto;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}

.item-lab-forge-zoom-controls button {
  min-width: 2rem;
  min-height: 1.8rem;
  padding: 0.2rem 0.45rem;
}

.item-lab-forge-zoom-controls input[type="range"] {
  width: 100%;
  min-width: 0;
  padding-inline: 0;
}

.item-lab-forge-zoom-controls output {
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 700;
  text-align: center;
}

.item-lab-color-panel {
  display: grid;
  grid-template-columns: auto 4.4rem;
  align-items: end;
  gap: 0.75rem;
  min-width: 0;
}

.item-lab-vga-picker .vga-color-grid {
  grid-template-columns: repeat(16, 1rem);
  gap: 1px;
  width: max-content;
  max-width: 100%;
  max-height: none;
  overflow: visible;
}

.item-lab-vga-picker .vga-color-grid button {
  width: 1rem;
  height: 1rem;
}

.item-lab-active-color-field {
  display: grid;
  gap: 0.25rem;
}

.item-lab-active-color-field span {
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
}

.item-lab-active-color-input {
  width: 100%;
  min-height: 1.8rem;
  padding: 0.2rem 0.35rem;
  font-size: 0.78rem;
}

.item-lab-forge-canvas {
  display: block;
  width: 100%;
  max-height: 34rem;
  aspect-ratio: 1;
  border: 1px solid rgba(85, 255, 255, 0.28);
  border-radius: 6px;
  background: #05050b;
  image-rendering: pixelated;
  cursor: grab;
}

.item-lab-forge-canvas:active {
  cursor: grabbing;
}

.item-lab-mini-previews {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
}

.item-lab-mini-previews figure {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
  margin: 0;
}

.item-lab-mini-previews canvas {
  display: block;
  width: 100%;
  height: auto;
  justify-self: center;
  border: 1px solid rgba(57, 57, 79, 0.82);
  border-radius: 4px;
  background: #05050b;
  image-rendering: pixelated;
}

.item-lab-mini-previews canvas[data-item-lab-mini-preview="store"],
.item-lab-mini-previews canvas[data-item-lab-mini-preview="inventory"] {
  max-width: 5.8rem;
  aspect-ratio: 1;
}

.item-lab-mini-previews canvas[data-item-lab-mini-preview="wide"] {
  max-width: calc(5.8rem * 16 / 9);
  aspect-ratio: 16 / 9;
}

.item-lab-mini-previews figcaption {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 700;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.item-lab-transform-panel strong {
  display: block;
  overflow-wrap: anywhere;
  color: #ffffff;
}

.item-lab-transform-panel input[type="range"] {
  padding-inline: 0;
}

.item-lab-rotation-exact {
  display: grid;
  gap: 0.45rem;
}

.item-lab-rotation-exact label {
  display: grid;
  gap: 0.25rem;
}

.item-lab-rotation-exact label span {
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
}

.item-lab-rotation-presets {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.3rem;
}

.item-lab-rotation-presets button {
  min-width: 0;
  min-height: 1.8rem;
  padding: 0.2rem;
  font-size: 0.7rem;
}

.item-lab-rotation-presets button[aria-pressed="true"] {
  border-color: #ffff55;
  color: #ffff55;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 85, 0.22);
}

.item-lab-layer-panel {
  display: grid;
  gap: 0.45rem;
  padding-top: 0.2rem;
  border-top: 1px solid rgba(85, 255, 255, 0.18);
}

.item-lab-layer-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.item-lab-layer-bulk-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem;
}

.item-lab-layer-bulk-actions button {
  min-height: 1.5rem;
  padding: 0.12rem 0.25rem;
  font-size: 0.62rem;
}

.item-lab-layer-list {
  display: grid;
  gap: 0.3rem;
  max-height: 12rem;
  overflow: auto;
}

.item-lab-layer-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(4.4rem, auto);
  align-items: center;
  gap: 0.35rem;
  border: 1px solid rgba(85, 255, 255, 0.18);
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.22);
}

.item-lab-layer-row.is-selected {
  border-color: #ffff55;
  box-shadow: 0 0 0 1px rgba(255, 255, 85, 0.2);
}

.item-lab-layer-select {
  display: grid;
  grid-template-columns: 1.4rem minmax(0, 1fr);
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
  padding: 0.35rem 0.45rem;
  border: 0;
  background: transparent;
  text-align: left;
}

.item-lab-layer-select strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #ffff55;
  font-family: var(--font-mono);
}

.item-lab-layer-select span {
  min-width: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 0.72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.item-lab-layer-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.2rem;
  padding-right: 0.3rem;
}

.item-lab-layer-controls button {
  min-height: 1.45rem;
  padding: 0.1rem 0.25rem;
  font-size: 0.62rem;
}

.item-lab-weld-light {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 2rem;
  margin-top: 0.4rem;
}

.item-lab-weld-light span {
  display: block;
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 50%;
  background: #555555;
  box-shadow: 0 0 0 transparent;
}

.item-lab-weld-light.is-hot span {
  animation: item-lab-weld-spark 520ms ease-out both;
}

.item-lab-weld-light.is-hot span:nth-child(2) {
  animation-delay: 70ms;
}

.item-lab-weld-light.is-hot span:nth-child(3) {
  animation-delay: 140ms;
}

.item-lab-advanced-fields {
  border: 1px solid rgba(57, 57, 79, 0.82);
  border-radius: 6px;
  padding: 0.65rem;
  background: #0c1216;
}

.item-lab-advanced-fields > summary {
  cursor: pointer;
  color: #ddddee;
  font-weight: 700;
}

.item-lab-advanced-fields label {
  display: block;
  margin-top: 0.7rem;
}

.item-lab-tag-field {
  display: grid;
  gap: 0.5rem;
  color: var(--muted);
  font-weight: 600;
}

.item-lab-field-label,
.item-lab-tag-suggestion-label {
  color: var(--muted);
  font-weight: 700;
}

.item-lab-tag-entry-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 0.45rem;
  align-items: stretch;
  width: min(100%, 44rem);
}

.item-lab-tag-entry-row input {
  min-width: 0;
}

.item-lab-tag-entry-row button {
  min-width: 2.35rem;
  min-height: 2.35rem;
  padding: 0.25rem 0.65rem;
  font-size: 1rem;
}

.item-lab-selected-tag-cloud,
.item-lab-tag-suggestion-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: flex-start;
}

.item-lab-selected-tag-cloud {
  min-height: 2.2rem;
  border: 1px solid rgba(85, 255, 255, 0.2);
  border-radius: 6px;
  padding: 0.45rem;
  background: #070710;
}

.item-lab-selected-tag-cloud:empty::before {
  content: "No tags";
  color: rgba(188, 188, 228, 0.62);
  font-size: 0.78rem;
}

.item-lab-tag-suggestion-block {
  display: grid;
  gap: 0.35rem;
}

.item-lab-selected-tag-cloud button,
.item-lab-tag-suggestion-cloud button {
  min-height: 1.75rem;
  border-color: rgba(85, 255, 255, 0.24);
  padding: 0.18rem 0.5rem;
  background: #070710;
  color: var(--muted);
  font-size: 0.74rem;
}

.item-lab-selected-tag-cloud button:hover,
.item-lab-selected-tag-cloud button:focus-visible,
.item-lab-selected-tag-cloud button.is-selected,
.item-lab-tag-suggestion-cloud button:hover,
.item-lab-tag-suggestion-cloud button:focus-visible {
  border-color: #55ffff;
  background: #111126;
  color: #ffffff;
}

.item-lab-tag-suggestion-cloud button.is-selected {
  border-color: rgba(255, 255, 85, 0.72);
  background: #16160a;
  color: #ffffaa;
}

.asset-tags-admin,
.asset-tag-detail-admin {
  width: min(100%, 1280px);
  max-width: 1280px;
}

.asset-tag-toolbar,
.asset-tag-management-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

.asset-tag-search,
.asset-tag-create-form,
.asset-tag-management-card {
  display: grid;
  gap: 0.4rem;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 0.7rem;
  background: #0c1216;
}

.asset-tag-search > label,
.asset-tag-create-form > label,
.asset-tag-management-card label {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.asset-tag-search-row {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}

.asset-tag-search-row input {
  flex: 1 1 auto;
  min-width: 0;
}

.asset-tag-summary-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: 0.75rem;
}

.asset-tag-summary-strip span {
  border: 1px solid rgba(170, 170, 221, 0.22);
  border-radius: 999px;
  padding: 0.18rem 0.55rem;
  color: var(--muted);
  font-size: 0.78rem;
}

.asset-tag-summary-strip strong {
  color: #ffffff;
}

.asset-tag-table-wrap {
  overflow-x: auto;
}

.asset-tag-table {
  min-width: 920px;
}

.asset-tag-table td:first-child {
  min-width: 12rem;
}

.asset-tag-table td:first-child strong,
.asset-tag-table td:first-child code,
.asset-tag-aliases,
.asset-tag-dependency {
  display: block;
}

.asset-tag-table td:first-child code {
  margin-top: 0.15rem;
  color: #aaaadd;
}

.asset-tag-aliases,
.asset-tag-dependency {
  margin-top: 0.2rem;
  color: var(--muted);
  font-size: 0.74rem;
  line-height: 1.35;
}

.economy-status-badge.is-system {
  border-color: rgba(255, 255, 85, 0.46);
  color: #ffffaa;
}

.asset-tag-system-warning {
  margin-bottom: 0.85rem;
  border: 1px solid rgba(255, 255, 85, 0.42);
  border-radius: 6px;
  padding: 0.75rem;
  background: rgba(50, 48, 12, 0.36);
  color: #ffffbb;
}

.asset-tag-system-warning p,
.asset-tag-system-warning ul {
  margin: 0.35rem 0 0;
}

.asset-tag-management-card h2,
.asset-tag-management-card p {
  margin: 0;
}

.asset-tag-management-card h2 {
  color: #ffffff;
  font-size: 1rem;
}

.asset-tag-management-card p {
  color: var(--muted);
  line-height: 1.4;
}

.asset-tag-assignment-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0.55rem;
  z-index: 4;
  margin-bottom: 0.65rem;
  border: 1px solid rgba(85, 255, 255, 0.24);
  border-radius: 6px;
  padding: 0.55rem 0.65rem;
  background: rgba(12, 18, 22, 0.97);
}

.asset-tag-assignment-toolbar > div:first-child {
  display: grid;
  gap: 0.1rem;
}

.asset-tag-assignment-list {
  display: grid;
  gap: 0.55rem;
}

.asset-tag-assignment-row {
  display: grid;
  grid-template-columns: 5rem minmax(0, 1fr) 6rem 6rem auto;
  gap: 0.65rem;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 0.55rem;
  background: #0c1216;
}

.asset-tag-assignment-row .character-item-preview {
  width: 5rem;
  border: 1px solid rgba(57, 57, 79, 0.7);
  border-radius: 4px;
}

.asset-tag-assignment-main {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
}

.asset-tag-assignment-main > strong {
  color: #ffffff;
}

.asset-tag-assignment-main > code {
  color: #aaaadd;
  font-size: 0.76rem;
}

.asset-tag-assignment-main > p {
  margin: 0;
  color: var(--muted);
  line-height: 1.35;
}

.asset-tag-assignment-check {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  min-height: 2.2rem;
  border: 1px solid rgba(170, 170, 221, 0.2);
  border-radius: 4px;
  padding: 0.35rem 0.5rem;
  font-weight: 700;
}

.asset-tag-assignment-check.is-disabled {
  opacity: 0.45;
}

.item-library-admin {
  width: min(100%, 1280px);
  max-width: 1280px;
}

.item-library-toolbar {
  display: grid;
  grid-template-columns: minmax(12rem, 18rem) minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: end;
  margin-bottom: 0.85rem;
}

.item-library-search {
  display: grid;
  gap: 0.25rem;
}

.item-library-search span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.item-library-search input {
  min-height: 2.15rem;
  padding: 0.4rem 0.55rem;
}

.item-library-filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.item-library-filter-tabs button {
  display: inline-flex;
  gap: 0.35rem;
  align-items: center;
  min-height: 2.15rem;
  padding: 0.32rem 0.55rem;
}

.item-library-filter-tabs button.is-active {
  border-color: #55ffff;
  color: #ffffff;
}

.item-library-filter-tabs span {
  color: var(--muted);
}

.item-library-result-count {
  margin: 0;
  color: var(--muted);
  font-size: 0.82rem;
  white-space: nowrap;
}

.item-library-grid {
  display: grid;
  gap: 0.75rem;
}

.item-library-card {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 0.7rem;
  background: #0c1216;
}

.item-library-card .character-item-preview {
  width: 7rem;
  border: 1px solid rgba(57, 57, 79, 0.7);
  border-radius: 4px;
}

.item-library-main {
  display: grid;
  gap: 0.45rem;
  min-width: 0;
}

.item-library-main h2,
.item-library-main p {
  margin: 0;
}

.item-library-main h2 {
  color: #ffffff;
  font-size: 1rem;
}

.item-library-main p {
  color: var(--muted);
  line-height: 1.4;
}

.item-library-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.5rem;
  align-items: center;
  color: var(--muted);
  font-size: 0.8rem;
}

.item-library-meta code {
  color: #aaaadd;
}

.item-library-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: flex-end;
}

.item-library-actions form {
  margin: 0;
}

.item-library-danger-details {
  min-width: 7rem;
}

.item-library-danger-details > summary {
  display: inline-flex;
  align-items: center;
  min-height: 1.95rem;
  border: 1px solid rgba(242, 140, 140, 0.45);
  border-radius: 4px;
  padding: 0.32rem 0.55rem;
  color: var(--danger);
  cursor: pointer;
  font-weight: 700;
}

.item-library-danger-details form {
  margin-top: 0.4rem;
}

.item-library-empty-filter[hidden] {
  display: none;
}

.item-library-empty-filter {
  margin-top: 0.85rem;
}

.item-lab-delete-dialog {
  width: min(92vw, 34rem);
  border: 1px solid rgba(242, 140, 140, 0.72);
  border-radius: 6px;
  padding: 0;
  background: #0c1216;
  color: var(--text);
  box-shadow: 0 1.4rem 4rem rgba(0, 0, 0, 0.62);
}

.item-lab-delete-dialog::backdrop {
  background: rgba(0, 0, 0, 0.72);
}

.item-lab-delete-dialog-panel {
  display: grid;
  gap: 0.85rem;
  padding: 1rem;
}

.item-lab-delete-dialog-panel h2,
.item-lab-delete-dialog-panel p {
  margin: 0;
}

.item-lab-delete-dialog-panel h2 {
  color: #ffffff;
  font-size: 1.15rem;
}

.item-lab-delete-dialog-panel p {
  color: #f8d2d2;
  line-height: 1.5;
}

@keyframes item-lab-weld-spark {
  0% {
    background: #55ffff;
    box-shadow: 0 0 0 rgba(85, 255, 255, 0.9);
    transform: scale(0.72);
  }
  45% {
    background: #ffff55;
    box-shadow: 0 0 18px rgba(255, 255, 85, 0.85);
    transform: scale(1.35);
  }
  100% {
    background: #555555;
    box-shadow: 0 0 0 transparent;
    transform: scale(1);
  }
}

.check-row {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 2.45rem;
}

.check-row input {
  width: auto;
}

.item-lab-section {
  display: grid;
  gap: 0.75rem;
  border-top: 1px solid var(--line);
  padding-top: 1rem;
}

.item-lab-section-heading {
  align-items: flex-start;
}

.item-lab-section-heading p {
  max-width: 34rem;
  margin: 0;
  text-align: right;
}

.item-lab-frame-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.item-lab-glyph-table-wrap {
  overflow-x: auto;
}

.item-lab-glyph-table input,
.item-lab-glyph-table select {
  min-width: 5rem;
  padding: 0.45rem 0.5rem;
}

.item-lab-glyph-table .item-lab-glyph-char,
.item-lab-glyph-table .item-lab-glyph-code {
  min-width: 4rem;
}

.store-inventory-admin {
  width: min(100%, 1280px);
  max-width: 1280px;
}

.store-inventory-list {
  display: grid;
  gap: 0.85rem;
}

.store-inventory-row {
  display: grid;
  grid-template-columns: 7rem minmax(15rem, 1fr) minmax(8rem, 11rem) minmax(6rem, 8rem) minmax(5.5rem, max-content);
  gap: 0.85rem;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0.75rem;
  background: #0c1216;
}

.store-inventory-row .character-item-preview {
  width: 7rem;
  border: 1px solid rgba(57, 57, 79, 0.7);
  border-radius: 4px;
}

.store-inventory-main {
  min-width: 0;
}

.store-inventory-main h2 {
  margin: 0;
  color: #ffffff;
  font-size: 1.05rem;
}

.store-inventory-main p {
  margin: 0.45rem 0 0;
  color: #c4c4f2;
}

.store-inventory-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 0.5rem;
  color: var(--muted);
  font-size: 0.86rem;
}

.store-inventory-row input[type="number"] {
  min-width: 0;
}

.store-inventory-row label {
  min-width: 0;
}

.store-inventory-row input,
.store-inventory-row select {
  width: 100%;
  max-width: 100%;
}

.store-inventory-sale-toggle {
  align-self: end;
}

.store-inventory-advanced {
  grid-column: 2 / -1;
  border-top: 1px solid rgba(85, 255, 255, 0.14);
  padding-top: 0.55rem;
}

.store-inventory-advanced > summary {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
  color: #ddddee;
  cursor: pointer;
  font-weight: 700;
}

.store-inventory-advanced > summary span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 600;
}

.store-inventory-advanced-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(8rem, 1fr));
  gap: 0.65rem;
  margin-top: 0.65rem;
}

.store-inventory-advanced-grid .wide {
  grid-column: span 2;
}

.store-inventory-actions {
  margin-top: 1rem;
}

.validation {
  color: #ffc0c0;
  font-size: 0.92rem;
  font-weight: 700;
}

.validation:empty {
  display: none;
}

.validation:not(:empty) {
  display: block;
}

.widget-editor {
  border-top: 1px solid var(--line);
  padding-top: 1rem;
}

.widget-editor h2 {
  margin: 0;
  font-size: 1.2rem;
}

.widget-editor textarea {
  min-height: 12rem;
}

.widget-settings-typed {
  display: grid;
  gap: 0.65rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 6px;
  padding: 0.8rem;
  background: #08080d;
}

.widget-settings-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.widget-settings-grid .wide {
  grid-column: 1 / -1;
}

.widget-json-details > summary {
  color: #dadaff;
  cursor: pointer;
  font-weight: 700;
}

.masthead-slogan-filter {
  grid-template-columns: minmax(18rem, 1fr) auto;
}

body.admin-surface {
  --admin-dense-gap: 0.5rem;
  --admin-dense-pad: 0.55rem;
  font-size: 14px;
}

body.admin-surface .admin-shell {
  grid-template-columns: 236px minmax(0, 1fr);
}

body.admin-surface .admin-sidebar-brand {
  gap: 0.12rem;
  padding: 0.75rem 0.8rem;
}

body.admin-surface .admin-sidebar-brand a {
  font-size: 0.98rem;
}

body.admin-surface .admin-sidebar-brand span {
  font-size: 0.76rem;
}

body.admin-surface .admin-nav {
  gap: 0.55rem;
  padding: 0.65rem;
}

body.admin-surface .admin-nav-section {
  gap: 0.12rem;
}

body.admin-surface .admin-nav-section h2 {
  margin-bottom: 0.08rem;
  font-size: 0.66rem;
}

body.admin-surface .admin-nav-link {
  min-height: 1.72rem;
  padding: 0.24rem 0.42rem;
  font-size: 0.82rem;
  line-height: 1.15;
}

body.admin-surface .admin-sidebar-footer {
  gap: 0.2rem;
  padding: 0.55rem 0.65rem 0.65rem;
}

body.admin-surface .admin-main {
  padding: 0.85rem 1rem 1.5rem;
}

body.admin-surface .admin-notice {
  margin-bottom: 0.6rem;
}

.choppleverse-availability-admin {
  max-width: 1200px;
}

.choppleverse-availability-admin .admin-page-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.9rem;
}

.choppleverse-availability-admin .admin-page-header h1,
.choppleverse-availability-admin .admin-page-header p {
  margin: 0.2rem 0;
}

.choppleverse-availability-admin .admin-metrics-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.6rem;
  margin-bottom: 0.8rem;
}

.choppleverse-availability-admin .admin-metric-card {
  display: grid;
  gap: 0.2rem;
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 0.65rem;
  background: var(--panel-2);
}

.choppleverse-availability-admin .admin-metric-card strong {
  overflow-wrap: anywhere;
  font-size: 1rem;
}

.choppleverse-availability-admin .admin-card {
  margin-top: 0.75rem;
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 0.8rem;
  background: rgba(8, 8, 13, 0.52);
}

.choppleverse-availability-admin .admin-card > :first-child,
.choppleverse-availability-admin .admin-card .button-row h2 {
  margin-top: 0;
}

.choppleverse-availability-admin .admin-card > :last-child {
  margin-bottom: 0;
}

.choppleverse-availability-admin .admin-form-grid {
  display: grid;
  gap: 0.55rem;
  max-width: 760px;
}

body.admin-surface .choppleverse-availability-form textarea {
  min-height: 5.5rem;
}

.choppleverse-disable-dialog {
  width: min(92vw, 34rem);
  border: 1px solid rgba(242, 140, 140, 0.72);
  border-radius: 6px;
  padding: 0;
  background: #0c1216;
  color: var(--text);
  box-shadow: 0 1.4rem 4rem rgba(0, 0, 0, 0.62);
}

.choppleverse-disable-dialog::backdrop {
  background: rgba(0, 0, 0, 0.72);
}

.choppleverse-disable-dialog-panel {
  display: grid;
  gap: 0.85rem;
  padding: 1rem;
}

.choppleverse-disable-dialog-panel h2,
.choppleverse-disable-dialog-panel p {
  margin: 0;
}

.choppleverse-disable-dialog-panel h2 {
  color: #ffffff;
  font-size: 1.15rem;
}

.choppleverse-disable-dialog-panel p {
  color: #f8d2d2;
  line-height: 1.5;
}

.choppleverse-availability-admin .table-scroll {
  max-width: 100%;
  overflow-x: auto;
}

body.admin-surface .admin-panel {
  border-radius: 6px;
  padding: 0.8rem;
}

body.admin-surface .admin-panel h1 {
  font-size: clamp(1.25rem, 1.5vw, 1.65rem);
  line-height: 1.1;
}

body.admin-surface .admin-titlebar,
body.admin-surface .button-row,
body.admin-surface .actions {
  gap: var(--admin-dense-gap);
}

body.admin-surface .admin-titlebar {
  margin-bottom: 0.7rem;
}

body.admin-surface button:not(.link-button),
body.admin-surface .button {
  min-height: 1.95rem;
  border-radius: 4px;
  padding: 0.34rem 0.6rem;
  font-size: 0.84rem;
  line-height: 1.15;
}

body.admin-surface button.item-lab-palette-glyph {
  min-height: 0;
  border: 0;
  padding: 0;
  background: transparent;
  font-size: inherit;
}

body.admin-surface .item-lab-vga-picker .vga-color-grid button {
  width: 1rem;
  height: 1rem;
  min-height: 0;
  padding: 0;
}

body.admin-surface .item-lab-layer-controls button {
  min-height: 1.45rem;
  padding: 0.1rem 0.25rem;
  font-size: 0.62rem;
}

body.admin-surface .item-lab-selected-tag-cloud button,
body.admin-surface .item-lab-tag-suggestion-cloud button {
  min-height: 1.75rem;
  padding: 0.18rem 0.5rem;
  font-size: 0.74rem;
}

body.admin-surface .item-lab-tag-entry-row button {
  min-height: 2.15rem;
  padding: 0.2rem 0.58rem;
}

body.admin-surface .link-button {
  min-height: 0;
  border: 0;
  padding: 0;
  background: transparent;
}

body.admin-surface input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body.admin-surface select {
  min-height: 1.95rem;
  border-radius: 4px;
  padding: 0.36rem 0.52rem;
  font-size: 0.84rem;
  line-height: 1.2;
}

body.admin-surface textarea {
  border-radius: 4px;
  padding: 0.5rem 0.6rem;
  font-size: 0.84rem;
  line-height: 1.4;
}

body.admin-surface label,
body.admin-surface summary {
  line-height: 1.25;
}

body.admin-surface .admin-table th,
body.admin-surface .admin-table td {
  padding: 0.42rem 0.5rem;
  font-size: 0.84rem;
  line-height: 1.3;
}

body.admin-surface .admin-table th {
  font-size: 0.68rem;
}

body.admin-surface .admin-filter-bar,
body.admin-surface .media-filter-bar {
  gap: 0.45rem;
  margin-bottom: 0.6rem;
}

body.admin-surface .admin-actions-row,
body.admin-surface .store-inventory-actions {
  gap: 0.45rem;
  margin-bottom: 0.6rem;
}

body.admin-surface .admin-pagination {
  gap: 0.45rem;
  margin-top: 0.6rem;
}

body.admin-surface .form-grid,
body.admin-surface .editor-form {
  gap: 0.6rem;
}

body.admin-surface .admin-dashboard,
body.admin-surface .dashboard-grid,
body.admin-surface .admin-lab-grid,
body.admin-surface .animation-asset-groups,
body.admin-surface .animation-asset-release,
body.admin-surface .store-inventory-list {
  gap: 0.55rem;
}

body.admin-surface .dashboard-section,
body.admin-surface .admin-lab-card,
body.admin-surface .dashboard-list-item,
body.admin-surface .dashboard-warning {
  border-radius: 5px;
  padding: 0.55rem;
}

body.admin-surface .dashboard-section {
  gap: 0.45rem;
}

body.admin-surface .dashboard-section h2,
body.admin-surface .admin-lab-card h2,
body.admin-surface .widget-editor h2,
body.admin-surface .store-inventory-main h2 {
  font-size: 0.98rem;
}

body.admin-surface .dashboard-list,
body.admin-surface .dashboard-warning-list,
body.admin-surface .admin-lab-card,
body.admin-surface .media-library-detail,
body.admin-surface .widget-settings-typed {
  gap: 0.38rem;
}

body.admin-surface .dashboard-list-item,
body.admin-surface .dashboard-warning {
  gap: 0.6rem;
}

body.admin-surface .dashboard-list-item p,
body.admin-surface .dashboard-warning p,
body.admin-surface .admin-lab-card p,
body.admin-surface .store-inventory-main p {
  margin-top: 0.18rem;
  line-height: 1.35;
}

body.admin-surface .admin-lab-card {
  min-height: 8.5rem;
}

body.admin-surface .media-library-grid {
  gap: 0.5rem;
}

body.admin-surface .media-library-item {
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 0.55rem;
  border-radius: 5px;
  padding: 0.5rem;
}

body.admin-surface .media-library-preview {
  width: 84px;
  border-radius: 4px;
  font-size: 0.72rem;
}

body.admin-surface .media-library-heading,
body.admin-surface .asset-meta-line,
body.admin-surface .store-inventory-meta {
  gap: 0.35rem;
}

body.admin-surface .media-metadata-details {
  padding-top: 0.3rem;
}

body.admin-surface .media-metadata-details > summary,
body.admin-surface .widget-json-details > summary {
  font-size: 0.82rem;
}

body.admin-surface .store-inventory-row {
  grid-template-columns: 5.4rem minmax(15rem, 1fr) minmax(7rem, 9rem) minmax(5.5rem, 7rem) minmax(5rem, max-content);
  gap: 0.55rem;
  border-radius: 5px;
  padding: 0.5rem;
}

body.admin-surface .store-inventory-row .character-item-preview {
  width: 5.4rem;
}

body.admin-surface .store-inventory-meta {
  margin-top: 0.3rem;
  font-size: 0.78rem;
}

body.admin-surface .store-inventory-advanced-grid {
  gap: 0.45rem;
}

body.admin-surface .widget-editor {
  padding-top: 0.65rem;
}

body.admin-surface .widget-settings-typed {
  border-radius: 5px;
  padding: 0.55rem;
}

body.admin-surface .widget-settings-grid {
  gap: 0.5rem;
}

body.admin-surface .status-grid {
  gap: 0.45rem;
}

body.admin-surface .status-grid > div,
body.admin-surface .dashboard-metric {
  border-radius: 5px;
  padding: 0.55rem;
}

body.admin-surface .aim-dedup-pass-table td {
  vertical-align: top;
}

body.admin-surface .aim-dedup-pass-table td span,
body.admin-surface .aim-dedup-pass-table td strong {
  display: block;
}

body.admin-surface .admin-two-column-grid {
  gap: 0.65rem;
}

body.admin-surface .metric-label,
body.admin-surface .validation {
  font-size: 0.78rem;
}

@media (max-width: 760px) {
  body.admin-surface {
    min-width: 0;
  }

  .admin-shell {
    display: block;
  }

  .admin-sidebar {
    position: static;
    height: auto;
    border-right: 0;
    border-bottom: 1px solid #2d2d3f;
  }

  .admin-nav {
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    max-height: 18rem;
  }

  .admin-sidebar-footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0;
  }

  .admin-main {
    padding: 1rem;
  }

  .site-header {
    top: 0;
    width: 100%;
    margin-top: 0;
  }

  .site-header-inner {
    align-items: center;
    flex-direction: row;
    gap: 0.75rem;
    width: min(100% - 1.5rem, 1200px);
    padding: 0.85rem 0;
  }

  .account-status {
    justify-content: flex-end;
  }

  .brand-name {
    max-width: calc(100vw - 11rem);
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .account-status-link {
    padding-inline: 0.45rem;
  }

  .account-status-name {
    max-width: 34vw;
  }

  .admin-stats-panel {
    right: 0.75rem;
    bottom: 0.75rem;
    width: min(17rem, calc(100vw - 1.5rem));
    font-size: 0.72rem;
  }

  .admin-stats-panel dl {
    gap: 0.35rem;
  }

  .admin-stats-panel dd {
    font-size: 0.96rem;
  }

  .operator-bar-main,
  .operator-bar-status {
    width: min(100% - 1.5rem, 1200px);
  }

  .operator-bar-main {
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.35rem 0;
  }

  .operator-bar-toggle {
    display: inline-flex;
    min-height: 28px;
    margin-left: auto;
    padding: 0.25rem 0.5rem;
    font-size: 0.76rem;
  }

  .operator-bar-items {
    display: none;
    order: 3;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem;
  }

  .operator-bar-items.is-open {
    display: grid;
  }

  .operator-bar-items a,
  .operator-bar-items span {
    justify-content: center;
    min-height: 34px;
  }

  .operator-bar-currency {
    margin-left: 0;
  }

  .operator-bar-status {
    padding-bottom: 0.45rem;
  }

  .shednet-context-strip {
    grid-template-columns: 1fr;
  }

  .shednet-messenger-layout {
    grid-template-columns: 1fr;
  }

  .shednet-messenger-login {
    position: static;
    width: auto;
    margin: 0.55rem;
  }

  .shednet-messenger-shell.is-signing-required:not(.is-signed-on) .shednet-messenger-workspace {
    display: none;
  }

  .shednet-im-titlebar-main,
  .shednet-im-window-actions,
  .shednet-desk-legacy-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .shednet-im-thread.is-active {
    grid-template-rows: auto minmax(13rem, auto) auto auto;
  }

  .shednet-im-transcript {
    max-height: none;
  }

  .shednet-im-send-row {
    align-items: stretch;
  }

  .shednet-panel-heading,
  .shednet-event-heading {
    display: grid;
  }

  .shednet-decision-summary {
    grid-template-columns: 1fr;
  }

  .shednet-now-signals {
    grid-template-columns: 1fr;
  }

  .shednet-status-pill {
    width: max-content;
  }

  .shednet-application-case summary {
    grid-template-columns: 3.8rem minmax(0, 1fr) 1rem;
  }

  .shednet-application-case summary::after {
    grid-column: 3;
    grid-row: 1;
  }

  .shednet-application-portrait {
    width: 3.5rem;
    height: 3.5rem;
  }

  .shednet-application-meter {
    grid-column: 1 / -1;
    border-left: 0;
    border-top: 1px solid rgba(85, 255, 255, 0.18);
    padding-top: 0.45rem;
    padding-left: 0;
  }

  .shednet-applicant-list > li {
    grid-template-columns: 3.15rem minmax(0, 1fr);
  }

  .shednet-applicant-portrait {
    width: 2.85rem;
    height: 2.85rem;
  }

  .legacy-masthead {
    height: 89px;
    min-height: 89px;
    width: min(100% - 1.5rem, 1200px);
    margin-top: 0.55rem;
  }

  .legacy-masthead img {
    min-height: 89px;
    object-position: 62% center;
  }

  .legacy-masthead div {
    width: 100%;
    height: 89px;
    min-height: 89px;
    padding: 0.58rem;
  }

  .legacy-splash-canvas {
    filter:
      drop-shadow(2px 2px 0 #3d2600)
      drop-shadow(0 0 4px rgba(255, 255, 85, 0.42));
  }

  .masthead-gem-line {
    right: 0.15rem;
    width: 78%;
  }

  .masthead-gem-slots {
    grid-template-columns: repeat(12, 1.18rem);
    gap: 0.03rem;
    padding-inline: 0.1rem;
  }

  .masthead-gem-slot,
  .masthead-gem-slot .hidden-gem {
    width: 1.18rem;
  }

  .page-shell {
    width: min(100% - 1.5rem, 1200px);
    padding-top: 1.5rem;
    padding-bottom: 3rem;
  }

  .reading-preferences-shell {
    width: min(100% - 1.5rem, 1200px);
  }

  .reading-preferences-header {
    align-items: start;
    flex-direction: column;
  }

  .reading-preferences-header h1 {
    font-size: 2.35rem;
  }

  .account-back-link {
    order: 0;
  }

  .reading-preferences-workbench {
    grid-template-columns: 1fr;
  }

  .reading-speed-control {
    grid-template-columns: 1fr;
    gap: 0.45rem;
  }

  .reading-speed-control output {
    text-align: left;
  }

  .account-preference-summary {
    grid-template-columns: 1fr;
  }

  .reading-preferences-demo-large,
  .reading-preferences-demo-large .reading-preferences-demo-canvas {
    min-height: 0;
  }

  .page-shell.article-shell {
    width: min(100% - 1.5rem, 1200px);
  }

  .shednet-progress-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shednet-panel-heading,
  .shednet-seal-panel {
    align-items: stretch;
    flex-direction: column;
  }

  .shednet-chopfile-identity {
    grid-template-columns: 1fr;
  }

  .shednet-effects-layout,
  .shednet-plan-effects {
    grid-template-columns: 1fr;
  }

  .inventory-appearance-grid {
    grid-template-columns: 1fr;
  }

  .shednet-chopfile-portrait-frame,
  .shednet-chopfile-portrait canvas {
    min-height: 240px;
  }

  .shednet-map-shell {
    padding: 0.55rem;
  }

  .shednet-map-toolbar,
  .shednet-map-region-heading {
    display: grid;
    text-align: left;
  }

  .shednet-map-toolbar-actions {
    justify-content: stretch;
  }

  .shednet-map-toolbar-actions .button {
    justify-content: center;
    width: 100%;
  }

  .shednet-map-region-heading p {
    max-width: none;
    text-align: left;
  }

  .shednet-map-workbench {
    grid-template-columns: 1fr;
  }

  .shednet-map-discovery-row {
    grid-template-columns: 1fr;
  }

  .shednet-map-discovery-row .shednet-token-list {
    justify-content: flex-start;
  }

  .shednet-map-inspector {
    position: static;
    max-height: none;
    overflow: visible;
  }

  .shednet-map-field {
    min-height: 390px;
  }

  .shednet-map-node {
    width: 5.25rem;
    min-height: 3.35rem;
    padding: 0.3rem 0.34rem;
  }

  .shednet-map-node.is-role-civic,
  .shednet-map-node.is-role-housing,
  .shednet-map-node.is-role-region {
    width: 5rem;
  }

  .shednet-map-node-label {
    font-size: 0.68rem;
  }

  .shednet-map-node-meta,
  .shednet-map-node-glyph,
  .shednet-map-route-label,
  .shednet-map-boundary {
    font-size: 0.62rem;
  }

  .shednet-map-node-meta {
    display: none;
  }

  .shednet-map-status-grid,
  .shednet-map-ledger-row {
    grid-template-columns: 1fr;
  }

  .shednet-map-records-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .shednet-map-filing-link {
    width: 100%;
    justify-content: center;
  }

  .shednet-map-action-stack,
  .shednet-map-intent-form,
  .shednet-map-intent-form button {
    width: 100%;
  }

  .shednet-location-body,
  .shednet-location-hero,
  .shednet-location-copy-grid,
  .shednet-location-grid {
    grid-template-columns: 1fr;
  }

  .shednet-location-main,
  .shednet-location-rail {
    grid-column: 1;
    grid-row: auto;
  }

  .shednet-location-art {
    min-height: 0;
  }

  .shednet-location-title-band {
    display: grid;
    align-items: start;
  }

  .shednet-location-title-band .shednet-status-pill {
    width: max-content;
  }

  .shednet-location-art-marker {
    right: 0.65rem;
    top: 0.65rem;
  }

  .shednet-location-action-strip {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shednet-location-status-grid {
    grid-template-columns: 1fr;
  }

  .shednet-location-schedule-row {
    grid-template-columns: 1fr;
  }

  .page-shell.has-sidebar {
    grid-template-columns: 1fr;
  }

  .archive-search-form {
    grid-template-columns: 1fr;
  }

  .post-row,
  .post-row.has-card-image {
    grid-template-columns: 1fr;
    padding: 1.1rem;
  }

  .post-card-image {
    width: 100%;
    max-height: 16rem;
  }

  .post-card-image img {
    object-fit: contain;
  }

  .archive-header h1,
  .content-header h1 {
    font-size: clamp(1.65rem, 9vw, 2.4rem);
  }

  .site-footer {
    align-items: flex-start;
    flex-direction: column;
    width: min(100% - 1.5rem, 1200px);
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .editor-panel .admin-titlebar,
  .markdown-heading,
  .editor-tools-row,
  .editor-primary-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .editor-primary-actions button,
  .editor-primary-actions .button,
  .editor-mode-tabs,
  .media-panel > summary.button {
    width: 100%;
  }

  .editor-mode-tabs button {
    flex: 1 1 0;
  }

  .media-panel .asset-tools {
    position: static;
    width: 100%;
    max-height: none;
    margin-top: 0.5rem;
  }

  .admin-filter-bar,
  .comment-detail-grid,
  .media-filter-bar,
  .media-metadata-form {
    grid-template-columns: 1fr;
  }

  .media-library-item {
    grid-template-columns: 1fr;
  }

  .media-library-preview {
    width: 100%;
    max-height: 18rem;
  }

  .settings-edit-label {
    display: block;
  }

  .post-settings-panel > summary {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-table {
    display: block;
    overflow-x: auto;
  }

  .status-grid {
    grid-template-columns: 1fr;
  }

  .admin-two-column-grid {
    grid-template-columns: 1fr;
  }

  .economy-labs-preview {
    grid-template-columns: 1fr;
  }

  .economy-inline-demo-grid {
    grid-template-columns: 1fr;
  }

  .economy-lab-targets {
    grid-template-columns: 1fr;
  }

  .chop-lab-grid,
  .chop-choice-grid {
    grid-template-columns: 1fr;
  }

  .chop-choice-bank {
    grid-template-columns: 1fr;
  }

  .chop-choice-bank > p {
    grid-column: auto;
  }

  .chop-flow-progress {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chop-flow-controls {
    grid-template-columns: 1fr;
  }

  .chop-flow-controls span {
    text-align: center;
  }

  .chop-option-list form,
  .chop-offered-list form {
    grid-template-columns: 1fr;
  }

  .chop-identity-form,
  .chop-attribute-form,
  .chop-attribute-game-board,
  .chop-sheet-columns {
    grid-template-columns: 1fr;
  }

  .economy-gem-table {
    min-width: 840px;
  }

  .store-header {
    flex-direction: column;
  }

  .store-grid {
    grid-template-columns: 1fr;
  }

  .item-lab-layout,
  .item-lab-frame-grid,
  .item-lab-workbench,
  .item-library-card,
  .item-library-toolbar,
  .image-filter-layout,
  .image-filter-preview-grid,
  .llm-lab-workbench,
  .llm-lab-prompt-grid,
  .llm-lab-comparison-grid,
  .scene-lab-layout {
    grid-template-columns: 1fr;
  }

  .asset-tag-toolbar,
  .asset-tag-management-grid {
    grid-template-columns: 1fr;
  }

  .asset-tag-search-row,
  .asset-tag-assignment-toolbar {
    align-items: stretch;
  }

  .asset-tag-assignment-toolbar {
    position: static;
  }

  .asset-tag-assignment-row {
    grid-template-columns: 4.5rem minmax(0, 1fr);
  }

  .asset-tag-assignment-row .character-item-preview {
    width: 4.5rem;
  }

  .asset-tag-assignment-check,
  .asset-tag-assignment-row > .button {
    grid-column: 1 / -1;
  }

  .item-lab-section-heading,
  .item-lab-preview-panel,
  .hat-creator-action-bar,
  .image-filter-stage-header,
  .scene-lab-stage-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .hat-creator-action-bar {
    position: static;
  }

  .item-lab-recent-strip {
    grid-template-columns: 1fr;
  }

  .item-lab-forge-toolbar,
  .item-lab-color-panel {
    grid-template-columns: 1fr;
  }

  .item-lab-forge-view-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .item-lab-forge-zoom-controls {
    grid-template-columns: auto minmax(4rem, 1fr) 3rem auto auto;
  }

  .item-lab-mini-previews {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .item-lab-vga-picker .vga-color-grid {
    grid-template-columns: repeat(16, minmax(0, 1fr));
    width: 100%;
  }

  .item-lab-vga-picker .vga-color-grid button {
    width: auto;
    height: auto;
  }

  .item-library-result-count {
    white-space: normal;
  }

  .image-filter-stage-header output,
  .scene-lab-status {
    white-space: normal;
  }

  .scene-lab-canvas {
    min-height: 0;
  }

  .item-lab-section-heading p {
    text-align: left;
  }

  .store-inventory-row,
  body.admin-surface .store-inventory-row {
    grid-template-columns: 5.5rem minmax(0, 1fr);
  }

  .store-inventory-row label,
  .store-inventory-row .check-row,
  .store-inventory-advanced,
  body.admin-surface .store-inventory-row label,
  body.admin-surface .store-inventory-row .check-row,
  body.admin-surface .store-inventory-advanced {
    grid-column: 1 / -1;
  }

  .store-inventory-advanced-grid {
    grid-template-columns: 1fr;
  }

  .store-inventory-advanced-grid .wide {
    grid-column: auto;
  }

  .store-inventory-row .character-item-preview,
  body.admin-surface .store-inventory-row .character-item-preview {
    width: 5.5rem;
  }
}
.join-page {
  width: min(100%, 1120px);
}

.join-header {
  margin: 0 0 0.85rem;
}

.join-header h1 {
  margin: 0;
  font-size: clamp(1.65rem, 3.2vw, 2.45rem);
  line-height: 1;
}

.join-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(17rem, 0.8fr);
  gap: 1rem;
  align-items: stretch;
}

.join-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  padding: 0.95rem 1rem 1rem;
}

.join-panel h2 {
  margin: 0 0 0.7rem;
  font-size: clamp(1.25rem, 2vw, 1.55rem);
  line-height: 1.08;
}

.join-panel .muted {
  margin: 0 0 0.85rem;
}

.join-panel .subscribe-form {
  margin: 0;
  border: 0;
  padding: 0;
  background: transparent;
}

.account-panel {
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 1rem;
}

.account-panel p {
  color: var(--muted);
  margin: 0;
}

.account-panel .button {
  align-self: end;
  text-align: center;
}

.join-panel-footnote {
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 0.9rem;
  margin: 1rem 0 0;
  padding-top: 0.75rem;
}

.field-hint {
  color: var(--muted);
  display: block;
  font-size: 0.9rem;
  margin-top: -0.35rem;
}

.frequency-options {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  display: grid;
  gap: 0.5rem;
  margin: 0.6rem 0 0.85rem;
  padding: 0.7rem;
}

.frequency-options legend {
  padding: 0 0.25rem;
}

.frequency-options label {
  align-items: center;
  border: 1px solid transparent;
  border-radius: var(--radius);
  display: flex;
  gap: 0.5rem;
  margin: 0;
  padding: 0.42rem 0.5rem;
}

.frequency-options label:hover {
  border-color: var(--line);
  background: rgba(138, 140, 255, 0.06);
}

.frequency-options input[type="radio"] {
  flex: 0 0 auto;
  margin: 0;
  width: auto;
  accent-color: var(--accent);
}

.subscriber-account-upgrade {
  border-top: 1px solid var(--line);
  margin-top: 1.5rem;
  padding-top: 1.25rem;
}

.subscriber-account-upgrade > p {
  color: var(--muted);
}

.join-signed-in {
  display: grid;
  gap: 0.85rem;
  max-width: 42rem;
}

.join-signed-in p {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin: 0;
  color: var(--muted);
}

.join-gem {
  --pixel-svg-color: var(--economy-gem-color);
  flex: 0 0 auto;
}

@media (max-width: 760px) {
  .join-header {
    margin-bottom: 0.75rem;
  }

  .join-layout {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 980px) {
  .speech-lab-layout {
    grid-template-columns: 1fr;
  }

  .speech-lab-controls {
    order: -1;
  }
}

@media (max-width: 620px) {
  .speech-lab-stage-header,
  .speech-lab-slider-grid label,
  .speech-lab-metrics div {
    grid-template-columns: 1fr;
  }

  .speech-lab-stage-header {
    display: grid;
  }

  .speech-lab-stage-header output,
  .speech-lab-slider-grid output {
    text-align: left;
  }

  .speech-lab-canvas {
    min-height: 17rem;
  }
}
.margins-panel {
    border: 1px solid rgba(240, 212, 154, 0.32);
    background:
        linear-gradient(180deg, rgba(240, 212, 154, 0.07), rgba(120, 217, 255, 0.035)),
        color-mix(in srgb, var(--surface-color) 94%, #08080d);
    padding: 0.9rem;
    margin: 1rem 0 1.2rem;
    border-radius: 7px;
}

#margins-summary {
    scroll-margin-top: calc(var(--site-header-height) + var(--operator-bar-height) + 1rem);
}

.margins-panel-header,
.margins-office-panel .shednet-panel-heading {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.margins-ledger,
.margins-payout-row {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.margins-ledger span,
.margins-payout-row span,
.margins-standing,
.margin-comment header span {
    border: 1px solid rgba(138, 140, 255, 0.32);
    padding: .25rem .5rem;
    background: rgba(5, 5, 10, 0.55);
    border-radius: 5px;
}

.margins-standing-row {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: .85rem 0;
}

.margins-standing {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.margins-standing.is-closed {
    opacity: .55;
}

.margins-mini-list,
.margins-comment-list,
.margins-hook-list {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
    display: grid;
    gap: .75rem;
}

.margins-mini-list li,
.margins-hook-list li {
    border-left: 3px solid var(--border-color);
    padding-left: .75rem;
}

.margins-mini-list p,
.margins-hook-list p {
    margin: .25rem 0 0;
}

.margins-actions {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
}

.margins-best-remark,
.margins-index-best {
    margin: .85rem 0;
    border-left: 2px solid rgba(240, 212, 154, 0.42);
    padding-left: .75rem;
}

.margins-best-remark strong,
.margins-index-best strong {
    display: block;
    margin-top: .2rem;
    color: #f0d49a;
}

.margins-best-remark p,
.margins-index-best p {
    margin: .35rem 0 0;
}

.margins-index-list {
    display: grid;
    gap: 1rem;
}

.margins-index-item.is-cold {
    border-color: rgba(181, 181, 234, 0.18);
}

.margins-index-item.is-cold .shednet-status-pill {
    border-color: rgba(181, 181, 234, 0.32);
    color: var(--muted);
}

.margins-entry-form {
    display: grid;
    grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr);
    gap: .75rem 1rem;
    align-items: center;
}

.margins-entry-form button {
    grid-column: 2;
    justify-self: start;
}

.margin-comment {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: .75rem;
    align-items: flex-start;
    border: 1px solid var(--border-color);
    background: color-mix(in srgb, var(--surface-color) 92%, #1b1824);
    padding: .75rem;
}

.margin-comment-avatar {
    width: 3rem;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border: 1px solid var(--border-color);
    background: var(--background-color);
    font-weight: 700;
    text-transform: uppercase;
}

.margin-comment header {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: .35rem;
}

.margin-comment p {
    margin: 0;
}

.margins-score-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
    gap: .5rem;
    margin: 1rem 0;
}

.margins-score-grid div {
    border: 1px solid var(--border-color);
    background: var(--background-color);
    padding: .5rem;
    display: flex;
    justify-content: space-between;
    gap: .5rem;
}

@media (max-width: 640px) {
    .margins-panel-header,
    .margins-office-panel .shednet-panel-heading {
        display: block;
    }

    .margins-entry-form {
        grid-template-columns: 1fr;
    }

    .margins-entry-form button {
        grid-column: 1;
    }
}
.comment-standing,
.comment-findings {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.5rem;
    font-size: 0.9rem;
}

.comment-findings .inline-form {
    display: inline-flex;
    margin: 0;
}

.comment-findings button {
    min-height: 2rem;
}

.comment-finding-note {
    margin-top: 0.5rem;
}

.findings-notices {
    display: grid;
    gap: 0.5rem;
    padding-left: 1rem;
}

.findings-notices li {
    display: grid;
    gap: 0.15rem;
}

.finding-detail-list {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.35rem 1rem;
}

.finding-detail-list dt {
    font-weight: 700;
}

.shednet-chat-emoji {
    display: inline-grid;
    width: 1.35em;
    height: 1.35em;
    margin: 0 0.06em;
    vertical-align: -0.28em;
    place-items: center;
    overflow: hidden;
}

.shednet-chat-emoji canvas {
    width: 1.35em;
    height: 1.35em;
    display: block;
}

.emoji-lab {
    display: grid;
    gap: 1rem;
}

body:has(.emoji-lab) .admin-stats-panel {
    display: none;
}

.emoji-lab-toolbar {
    margin-top: 0.25rem;
}

.emoji-lab-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    align-items: end;
}

.emoji-lab-controls label,
.emoji-lab-scrubber {
    display: grid;
    gap: 0.25rem;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
}

.emoji-lab-scrubber input {
    width: min(36rem, 52vw);
}

.emoji-lab-source-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.emoji-lab-source-list a {
    border: 1px solid rgba(85, 255, 255, 0.18);
    border-radius: var(--radius-sm);
    padding: 0.38rem 0.5rem;
    background: rgba(0, 0, 0, 0.22);
    color: #55ffff;
    font-size: 0.78rem;
}

.emoji-lab-table-wrap {
    overflow-x: auto;
}

.emoji-lab-table {
    width: 100%;
    min-width: 58rem;
    border-collapse: separate;
    border-spacing: 0 0.55rem;
}

.emoji-lab-table th,
.emoji-lab-table td {
    vertical-align: top;
    border-top: 1px solid rgba(85, 255, 255, 0.16);
    border-bottom: 1px solid rgba(85, 255, 255, 0.16);
    padding: 0.65rem;
    background: rgba(0, 0, 0, 0.2);
}

.emoji-lab-table th:first-child,
.emoji-lab-table td:first-child {
    border-left: 1px solid rgba(85, 255, 255, 0.16);
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.emoji-lab-table th:last-child,
.emoji-lab-table td:last-child {
    border-right: 1px solid rgba(85, 255, 255, 0.16);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.emoji-lab-name,
.emoji-lab-row-review,
.emoji-lab-table [data-emoji-selected-review] {
    display: block;
}

.emoji-lab-name {
    color: #ffffff;
    font-size: 1rem;
}

.emoji-lab-codes {
    display: flex;
    flex-wrap: wrap;
    gap: 0.28rem;
    margin: 0.35rem 0;
}

.emoji-lab-codes code,
.emoji-lab-attempt code,
.emoji-lab-table [data-emoji-selected] {
    color: #ffdf7e;
    font-size: 0.78rem;
}

.emoji-lab-row-review,
.emoji-lab-table [data-emoji-selected-review],
.emoji-lab-attempt span {
    color: var(--muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.emoji-lab-attempts {
    display: grid;
    grid-template-columns: repeat(2, minmax(16rem, 1fr));
    gap: 0.65rem;
}

.emoji-lab-attempt {
    display: grid;
    grid-template-columns: auto 5.8rem minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    min-width: 0;
    border: 1px solid rgba(240, 212, 154, 0.16);
    border-radius: var(--radius-sm);
    padding: 0.5rem;
    background: rgba(5, 5, 9, 0.34);
    cursor: pointer;
}

.emoji-lab-attempt.is-selected {
    border-color: rgba(85, 255, 85, 0.5);
    background: linear-gradient(90deg, rgba(85, 255, 85, 0.1), transparent 58%), rgba(5, 5, 9, 0.46);
}

.emoji-lab-attempt input {
    align-self: center;
}

.emoji-lab-preview {
    width: 5.2rem;
    min-width: 5.2rem;
    height: 5.2rem;
    pointer-events: none;
}

.emoji-lab-preview .shednet-location-presence-frame,
.emoji-lab-preview canvas {
    width: 100%;
    height: 100%;
}

.emoji-lab-attempt-body {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.emoji-lab-attempt-body strong {
    color: #ffffff;
}

.emoji-lab-export {
    max-height: 24rem;
    overflow: auto;
    margin: 0;
    border: 1px solid rgba(85, 255, 255, 0.18);
    border-radius: var(--radius-sm);
    padding: 0.75rem;
    background: rgba(0, 0, 0, 0.32);
    color: #d8f8ff;
    font-size: 0.78rem;
    line-height: 1.35;
}

@media (max-width: 900px) {
    .emoji-lab-scrubber input {
        width: min(100%, 20rem);
    }

    .emoji-lab-table {
        min-width: 0;
    }

    .emoji-lab-table thead {
        display: none;
    }

    .emoji-lab-table,
    .emoji-lab-table tbody,
    .emoji-lab-table tr,
    .emoji-lab-table th,
    .emoji-lab-table td {
        display: block;
        width: 100%;
    }

    .emoji-lab-table th,
    .emoji-lab-table td,
    .emoji-lab-table th:first-child,
    .emoji-lab-table td:first-child,
    .emoji-lab-table th:last-child,
    .emoji-lab-table td:last-child {
        border-radius: 0;
    }

    .emoji-lab-attempts {
        grid-template-columns: 1fr;
    }
}

/* Store Manager */
.store-inventory-admin {
  width: min(100%, 1380px);
  max-width: 1380px;
  padding-bottom: 17rem;
}

.store-inventory-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: 0.65rem;
}

.store-inventory-summary span {
  border: 1px solid rgba(85, 255, 255, 0.18);
  border-radius: var(--radius-sm);
  padding: 0.42rem 0.58rem;
  background: rgba(8, 15, 20, 0.84);
  color: var(--muted);
  font-size: 0.76rem;
}

.store-inventory-summary strong {
  color: #ffffff;
}

.store-inventory-toolbar {
  display: grid;
  grid-template-columns: minmax(14rem, 1.5fr) minmax(9rem, 0.7fr) minmax(10rem, 0.8fr);
  gap: 0.55rem;
  align-items: end;
  margin-bottom: 0.65rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 0.65rem;
  background: rgba(5, 9, 14, 0.82);
}

.store-inventory-toolbar label,
.store-inventory-bulk label {
  display: grid;
  gap: 0.22rem;
  min-width: 0;
}

.store-inventory-toolbar label > span,
.store-inventory-bulk label > span:first-child,
.store-inventory-tags > span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
}

.store-inventory-toolbar input,
.store-inventory-toolbar select,
.store-inventory-bulk input,
.store-inventory-bulk select {
  width: 100%;
  min-width: 0;
}

.store-inventory-filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  grid-column: 1 / -2;
}

.store-inventory-filter-tabs button {
  min-height: 1.9rem;
  padding: 0.28rem 0.55rem;
  font-size: 0.72rem;
}

.store-inventory-filter-tabs button.is-active {
  border-color: var(--accent);
  background: rgba(85, 255, 255, 0.1);
  color: #ffffff;
}

.store-inventory-result-count {
  justify-self: end;
  margin: 0;
  color: var(--muted);
  font-size: 0.76rem;
}

.store-inventory-bulk {
  display: grid;
  gap: 0.55rem;
  margin-bottom: 0.75rem;
  border: 1px solid rgba(138, 140, 255, 0.34);
  border-radius: var(--radius-sm);
  padding: 0.65rem;
  background: rgba(10, 10, 24, 0.72);
}

.store-inventory-bulk.has-selection {
  border-color: rgba(85, 255, 255, 0.48);
  box-shadow: inset 0 0 0 1px rgba(85, 255, 255, 0.08);
}

.store-inventory-bulk-heading,
.store-inventory-bulk-controls,
.store-inventory-inline-control {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: end;
}

.store-inventory-bulk-heading strong {
  margin-right: auto;
  color: #ffffff;
}

.store-inventory-bulk-heading .store-inventory-select-visible {
  display: flex;
  flex-direction: row;
  gap: 0.35rem;
  align-items: center;
}

.store-inventory-bulk-heading .store-inventory-select-visible input {
  width: auto;
}

.store-inventory-bulk-controls > label {
  flex: 1 1 13rem;
}

.store-inventory-inline-control {
  flex-wrap: nowrap;
}

.store-inventory-inline-control > :first-child {
  flex: 1 1 auto;
}

.store-inventory-bulk > p {
  margin: 0;
  font-size: 0.72rem;
}

.store-inventory-groups {
  display: grid;
  gap: 0.85rem;
}

.store-inventory-group {
  display: grid;
  gap: 0.55rem;
}

.store-inventory-group-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid rgba(85, 255, 255, 0.2);
  padding: 0.2rem 0.25rem 0.45rem;
}

.store-inventory-group-heading h2 {
  margin: 0.08rem 0;
  color: #ffffff;
  font-size: 1.08rem;
}

.store-inventory-group-heading p {
  margin: 0;
  color: var(--muted);
  font-size: 0.76rem;
}

.store-inventory-list,
body.admin-surface .store-inventory-list {
  display: grid;
  gap: 0.55rem;
}

.store-inventory-row,
body.admin-surface .store-inventory-row {
  display: grid;
  grid-template-columns: 1.5rem 5.25rem minmax(16rem, 1fr) 2.2rem;
  gap: 0.55rem;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 0.55rem;
  background: #0c1216;
}

.store-inventory-row.is-policy-managed {
  border-color: rgba(240, 212, 154, 0.38);
  background: linear-gradient(90deg, rgba(240, 212, 154, 0.06), transparent 40%), #0c1216;
}

.store-inventory-select-row {
  display: grid;
  place-items: start center;
  padding-top: 0.2rem;
}

.store-inventory-row .character-item-preview,
body.admin-surface .store-inventory-row .character-item-preview {
  grid-column: 2;
  width: 5.25rem;
  border: 1px solid rgba(57, 57, 79, 0.7);
  border-radius: 4px;
  background: #050509;
}

.store-inventory-main {
  grid-column: 3;
}

.store-inventory-name-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
}

.store-inventory-main h3 {
  margin: 0;
  color: #ffffff;
  font-size: 0.98rem;
}

.store-inventory-description {
  margin-top: 0.25rem;
}

.store-inventory-description summary {
  color: var(--muted);
  cursor: pointer;
  font-size: 0.72rem;
}

.store-inventory-description p {
  margin: 0.3rem 0 0;
  color: #c4c4f2;
  line-height: 1.35;
}

.store-inventory-meta {
  margin-top: 0.35rem;
}

.store-inventory-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.4rem;
}

.store-inventory-row-actions .button,
.store-inventory-row-actions button {
  min-height: 1.75rem;
  padding: 0.2rem 0.45rem;
  font-size: 0.68rem;
}

.store-inventory-order {
  grid-column: 4;
  display: grid;
  gap: 0.2rem;
  justify-items: center;
}

.store-inventory-order button {
  width: 2rem;
  min-width: 2rem;
  min-height: 1.65rem;
  padding: 0;
}

.store-inventory-order span {
  color: var(--muted);
  font-size: 0.64rem;
}

.store-inventory-primary-fields,
.store-inventory-policy,
.store-inventory-advanced {
  grid-column: 3 / -1;
}

.store-inventory-primary-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(7rem, 1fr)) minmax(6rem, auto);
  gap: 0.5rem;
  align-items: end;
  border-top: 1px solid rgba(85, 255, 255, 0.13);
  padding-top: 0.5rem;
}

.store-inventory-primary-fields label,
.store-inventory-advanced-grid label,
.store-inventory-tags {
  display: grid;
  gap: 0.22rem;
  min-width: 0;
}

.store-inventory-primary-fields label > span,
.store-inventory-advanced-grid label > span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
}

.store-inventory-primary-fields input,
.store-inventory-primary-fields select,
.store-inventory-advanced-grid input,
.store-inventory-advanced-grid select {
  width: 100%;
  min-width: 0;
}

.store-inventory-sale-toggle {
  align-self: end;
  min-height: 2.35rem;
}

.store-inventory-policy {
  border: 1px solid rgba(240, 212, 154, 0.3);
  border-radius: var(--radius-sm);
  padding: 0.55rem;
  background: rgba(240, 212, 154, 0.05);
}

.store-inventory-policy > strong {
  color: var(--accent-2);
}

.store-inventory-policy > p {
  margin: 0.28rem 0 0.45rem;
  color: #ddddee;
  font-size: 0.76rem;
}

.store-inventory-policy dl,
.store-offer-preview-card dl {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0;
}

.store-inventory-policy dl div,
.store-offer-preview-card dl div {
  border-left: 2px solid rgba(240, 212, 154, 0.28);
  padding-left: 0.45rem;
}

.store-inventory-policy dt,
.store-offer-preview-card dt {
  color: var(--muted);
  font-size: 0.62rem;
  font-weight: 800;
  text-transform: uppercase;
}

.store-inventory-policy dd,
.store-offer-preview-card dd {
  margin: 0;
  color: #ffffff;
  font-size: 0.74rem;
}

.store-inventory-advanced {
  border-top: 1px solid rgba(85, 255, 255, 0.13);
  padding-top: 0.45rem;
}

.store-inventory-advanced > summary {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
}

.store-inventory-advanced-grid,
body.admin-surface .store-inventory-advanced-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(8rem, 1fr));
  gap: 0.5rem;
  margin-top: 0.55rem;
}

.store-inventory-tags {
  grid-column: 1 / -1;
}

.store-inventory-tag-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  min-height: 1.7rem;
}

.store-inventory-tag-chips button {
  min-height: 1.6rem;
  border-color: rgba(138, 140, 255, 0.48);
  padding: 0.16rem 0.4rem;
  background: rgba(138, 140, 255, 0.1);
  font-size: 0.68rem;
}

.store-inventory-tag-picker select {
  max-width: 20rem;
}

.store-inventory-tags > a {
  width: fit-content;
  color: var(--muted);
  font-size: 0.68rem;
}

.store-inventory-savebar {
  position: sticky;
  bottom: 0.75rem;
  z-index: 85;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
  border: 1px solid rgba(240, 212, 154, 0.55);
  border-radius: var(--radius-sm);
  padding: 0.6rem 0.7rem;
  background: rgba(5, 5, 9, 0.97);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(8px);
}

.store-inventory-savebar > div:first-child {
  display: grid;
  gap: 0.08rem;
}

.store-inventory-savebar strong {
  color: #bdbde6;
}

.store-inventory-savebar strong.is-dirty {
  color: #ffff55;
}

body:has(.store-inventory-admin) .admin-stats-panel {
  display: none;
}

.store-offer-preview-dialog {
  width: min(42rem, calc(100vw - 2rem));
  border: 1px solid rgba(85, 255, 255, 0.42);
  border-radius: var(--radius);
  padding: 0;
  background: #080c12;
  color: var(--text);
}

.store-offer-preview-dialog::backdrop {
  background: rgba(0, 0, 0, 0.72);
}

.store-offer-preview-panel {
  display: grid;
  gap: 0.8rem;
  padding: 0.85rem;
}

.store-offer-preview-card {
  display: grid;
  grid-template-columns: 10rem minmax(0, 1fr);
  gap: 0.8rem;
  align-items: start;
}

.store-offer-preview-card canvas {
  width: 10rem;
  border: 1px solid rgba(57, 57, 79, 0.8);
  background: #050509;
  image-rendering: pixelated;
}

.store-offer-preview-card h2 {
  margin: 0.35rem 0;
  color: #ffffff;
}

.store-offer-preview-card p {
  color: #c4c4f2;
}

@media (max-width: 1050px) {
  .store-inventory-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .store-inventory-search,
  .store-inventory-filter-tabs {
    grid-column: 1 / -1;
  }

  .store-inventory-result-count {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .store-inventory-primary-fields {
    grid-template-columns: repeat(2, minmax(7rem, 1fr));
  }
}

@media (max-width: 720px) {
  .store-inventory-admin {
    padding-bottom: 9rem;
  }

  .store-inventory-toolbar,
  .store-inventory-primary-fields,
  .store-inventory-advanced-grid,
  body.admin-surface .store-inventory-advanced-grid {
    grid-template-columns: 1fr;
  }

  .store-inventory-search,
  .store-inventory-filter-tabs,
  .store-inventory-result-count {
    grid-column: auto;
  }

  .store-inventory-row,
  body.admin-surface .store-inventory-row {
    grid-template-columns: 1.4rem 4.5rem minmax(0, 1fr);
  }

  .store-inventory-row .character-item-preview,
  body.admin-surface .store-inventory-row .character-item-preview {
    width: 4.5rem;
  }

  .store-inventory-main {
    grid-column: 3;
  }

  .store-inventory-order {
    grid-column: 2;
    grid-row: 2;
    grid-template-columns: repeat(3, auto);
    align-items: center;
  }

  .store-inventory-primary-fields,
  .store-inventory-policy,
  .store-inventory-advanced {
    grid-column: 1 / -1;
  }

  .store-inventory-savebar {
    align-items: stretch;
    flex-direction: column;
  }

  .store-offer-preview-card {
    grid-template-columns: 1fr;
  }
}

/* Account access */

.account-status.is-anonymous {
  border: 0;
  padding: 0;
  background: transparent;
}

.auth-actions {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.auth-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.45rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0.48rem 0.78rem;
  color: var(--text);
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.auth-action.is-secondary {
  background: rgba(11, 11, 22, 0.88);
}

.auth-action.is-primary {
  border-color: #a9aaff;
  background: var(--accent);
  box-shadow: 0 0 0 1px rgba(138, 140, 255, 0.18), 0 8px 22px rgba(0, 0, 0, 0.28);
  color: #080812;
}

.auth-action:hover {
  border-color: #c5c6ff;
  background: #20205c;
  color: #ffffff;
}

.auth-action.is-primary:hover {
  background: #a9aaff;
  color: #050509;
}

.page-shell.auth-page-shell {
  width: min(100% - 2rem, 1200px);
  padding-block: clamp(1.5rem, 7vh, 4.5rem) 5rem;
}

.auth-page {
  display: grid;
  place-items: start center;
  width: 100%;
}

.auth-card {
  width: min(100%, 480px);
  overflow: hidden;
  border: 1px solid #454562;
  border-radius: 7px;
  background:
    linear-gradient(145deg, rgba(138, 140, 255, 0.07), transparent 42%),
    #050509;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.46);
}

.auth-card.auth-card-wide {
  width: min(100%, 540px);
}

.auth-mode-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-bottom: 1px solid var(--line);
  background: #080810;
}

.auth-mode-switch a {
  position: relative;
  padding: 0.78rem 1rem;
  color: var(--muted);
  font-size: 0.9rem;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
}

.auth-mode-switch a + a {
  border-left: 1px solid var(--line);
}

.auth-mode-switch a:hover {
  background: #11112a;
  color: #ffffff;
}

.auth-mode-switch a.is-current {
  background: rgba(138, 140, 255, 0.13);
  color: #ffffff;
}

.auth-mode-switch a.is-current::after {
  position: absolute;
  right: 1rem;
  bottom: -1px;
  left: 1rem;
  height: 2px;
  background: var(--accent);
  content: "";
}

.auth-card-header {
  padding: 1.65rem 1.75rem 1.15rem;
}

.auth-eyebrow {
  margin: 0 0 0.35rem;
  color: var(--accent-2);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.auth-card-header h1 {
  margin: 0;
  font-size: clamp(2rem, 7vw, 2.75rem);
  line-height: 1;
}

.auth-card-header > p:last-child {
  margin: 0.8rem 0 0;
  color: #c9c9f2;
  line-height: 1.55;
}

.auth-notice,
.auth-form-note {
  border: 1px solid rgba(240, 212, 154, 0.38);
  border-radius: var(--radius);
  background: rgba(240, 212, 154, 0.07);
  color: #e9ddbd;
}

.auth-notice {
  margin: 0 1.75rem 1.15rem;
  padding: 0.72rem 0.8rem;
}

.auth-form {
  display: grid;
  gap: 1.05rem;
  margin: 0;
  padding: 0 1.75rem 1.65rem;
}

.auth-validation-summary:empty,
.auth-field .validation:empty {
  display: none;
}

.auth-validation-summary:not(:empty) {
  border: 1px solid rgba(242, 140, 140, 0.48);
  border-radius: var(--radius);
  padding: 0.65rem 0.75rem;
  background: rgba(242, 140, 140, 0.08);
}

.auth-validation-summary ul {
  margin: 0;
  padding-left: 1.2rem;
}

.auth-field {
  display: grid;
  gap: 0.42rem;
}

.auth-field-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

.auth-field-heading a {
  flex: 0 0 auto;
  font-size: 0.82rem;
}

.auth-field input,
.auth-field select {
  min-height: 3.05rem;
  background: #080810;
}

.auth-field .field-hint {
  margin-top: -0.08rem;
  color: #a9a9d9;
  font-size: 0.8rem;
  line-height: 1.45;
}

.auth-optional {
  color: #9292bd;
  font-size: 0.74rem;
  font-weight: 600;
}

.auth-password-control {
  position: relative;
}

.auth-password-control input {
  padding-right: 4.8rem;
}

.auth-password-control button {
  position: absolute;
  top: 50%;
  right: 0.42rem;
  min-height: 2.15rem;
  border-color: transparent;
  padding: 0.3rem 0.65rem;
  background: transparent;
  color: var(--accent);
  font-size: 0.78rem;
  transform: translateY(-50%);
}

.auth-password-control button:hover {
  background: #171735;
  color: #ffffff;
}

.auth-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  color: #c9c9ee;
  font-size: 0.88rem;
  line-height: 1.45;
}

.auth-checkbox input {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  margin-top: 0.15rem;
}

.auth-form-note {
  margin: 0;
  padding: 0.72rem 0.8rem;
  font-size: 0.84rem;
  line-height: 1.5;
}

.auth-submit {
  width: 100%;
  min-height: 3rem;
  border-color: #a9aaff;
  background: var(--accent);
  color: #080812;
  font-weight: 800;
}

.auth-submit:hover {
  background: #a9aaff;
  color: #050509;
}

.auth-card-footer {
  display: grid;
  gap: 0.35rem;
  border-top: 1px solid var(--line);
  padding: 1.05rem 1.75rem 1.2rem;
  background: rgba(8, 8, 16, 0.76);
  text-align: center;
}

.auth-card-footer p {
  margin: 0;
}

.auth-card-footer a {
  font-weight: 800;
}

.auth-support-link {
  font-size: 0.8rem;
}

.auth-status-card {
  padding: 2rem;
  text-align: center;
}

.auth-status-card .auth-card-header {
  padding: 0;
}

.auth-status-glyph {
  display: grid;
  place-items: center;
  width: 3.4rem;
  height: 3.4rem;
  margin: 0 auto 1.25rem;
  border: 1px solid var(--accent);
  border-radius: 50%;
  background: rgba(138, 140, 255, 0.12);
  color: var(--accent-2);
  font-size: 1.35rem;
  font-weight: 800;
}

.auth-status-card > .auth-form-note {
  margin-top: 1.2rem;
  text-align: left;
}

.auth-status-actions {
  display: grid;
  gap: 0.65rem;
  margin-top: 1.2rem;
}

@media (max-width: 560px) {
  .auth-action {
    min-height: 2.25rem;
    padding-inline: 0.58rem;
    font-size: 0.78rem;
  }

  .auth-actions {
    gap: 0.32rem;
  }

  .page-shell.auth-page-shell {
    width: min(100% - 1.5rem, 1200px);
    padding-block: 1.25rem 3.5rem;
  }

  .auth-card-header,
  .auth-form,
  .auth-card-footer {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
  }

  .auth-notice {
    margin-right: 1.2rem;
    margin-left: 1.2rem;
  }

  .auth-card-header h1 {
    font-size: 2.1rem;
  }

  .auth-status-card {
    padding: 1.5rem 1.2rem;
  }
}