:root {
  --bullen-bg: #050505;
  --bullen-surface: #0a0a0a;
  --bullen-surface-raised: #101010;
  --bullen-text: #f5f3ee;
  --bullen-muted: rgba(245, 243, 238, 0.5);
  --bullen-brand: #c7a869;
  --bullen-brand-light: #e8d9ae;
  --bullen-border: rgba(199, 168, 105, 0.18);
  --bullen-success: #5fd39a;
  --bullen-warning: #e7b85c;
  --bullen-danger: #e0685f;
  --bullen-focus: #f3cf72;
  --bullen-font-display: Poppins, Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bullen-font-data: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --bullen-gutter: clamp(16px, 3vw, 36px);
  --bullen-shell-width: 1120px;
  /* The public header is one House-wide rail. Page content can choose its own
     shell width without moving the brand or changing navigation spacing. */
  --bullen-header-shell-width: 1440px;
  --bullen-header-height: 64px;
  --bullen-page-gap: clamp(26px, 3vw, 44px);
  --bullen-motion-fast: 120ms;
  --bullen-motion-normal: 220ms;
  /* Jupiter's modal reads these custom properties from the page root. Keeping
     them here prevents a new public page from falling back to Jupiter blue. */
  --jupiter-plugin-primary: 199, 168, 105;
  --jupiter-plugin-background: 5, 5, 5;
  --jupiter-plugin-primaryText: 245, 243, 238;
  --jupiter-plugin-warning: 224, 104, 95;
  --jupiter-plugin-interactive: 31, 27, 18;
  --jupiter-plugin-module: 13, 13, 13;
}

html {
  background: var(--bullen-bg);
  color-scheme: dark;
  scrollbar-gutter: stable;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Page identity is written by the tiny inline boot script before the first
   stylesheet is evaluated. This lets the browser reserve the finished shell
   geometry before it can paint an older page-specific layout. */
/* Keep the House rail fixed in place between documents. Only the page payload
   waits for fonts and fades in; the shared navigation itself never blinks. */
html.bullen-booting body > :not(.bullen-site-shell):not(.bullen-skip) {
  opacity: 0;
  visibility: hidden;
}

html.bullen-ready body > :not(.bullen-site-shell):not(.bullen-skip) {
  opacity: 1;
  visibility: visible;
  transition: opacity 150ms ease-out;
}

body {
  overflow-wrap: break-word;
}

button,
a,
input,
select,
textarea { -webkit-tap-highlight-color: transparent; }

button,
[role="button"] { touch-action: manipulation; }

.bullen-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html[data-bullen-page]:not([data-bullen-page="index"]) body:not(.transparent) {
  padding-top: calc(var(--bullen-header-height) + var(--bullen-page-gap)) !important;
  background: var(--bullen-bg) !important;
  color: var(--bullen-text);
  font-family: var(--bullen-font-data) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html[data-bullen-page="stats"] body:not(.transparent) #stage {
  height: calc(100vh - var(--bullen-header-height) - var(--bullen-page-gap));
}

.bullen-skip {
  position: fixed;
  z-index: 2147483647;
  top: 10px;
  left: 10px;
  padding: 10px 14px;
  color: var(--bullen-bg);
  background: var(--bullen-focus);
  border: 1px solid var(--bullen-text);
  font: 700 11px/1 var(--bullen-font-data);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transform: translateY(-180%);
  transition: transform var(--bullen-motion-fast) ease;
}

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

.bullen-site-shell {
  position: fixed;
  z-index: 1200;
  inset: 0 0 auto;
  width: 100%;
  height: var(--bullen-header-height);
  margin: 0;
  padding: 0 var(--bullen-gutter);
  border-bottom: 1px solid var(--bullen-border);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 62%),
    rgba(5, 5, 5, 0.84);
  -webkit-backdrop-filter: blur(20px) saturate(125%);
  backdrop-filter: blur(20px) saturate(125%);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.24);
  color: var(--bullen-text);
  font: 400 10px/1.3 var(--bullen-font-data);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  isolation: isolate;
  box-sizing: border-box;
}

.bullen-site-shell * { box-sizing: border-box; }

.bullen-site-bar {
  position: relative;
  width: min(100%, var(--bullen-header-shell-width));
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.bullen-site-shell a {
  color: var(--bullen-muted);
  text-decoration: none;
  transition: color var(--bullen-motion-fast) ease, border-color var(--bullen-motion-fast) ease;
}

.bullen-site-shell a:hover,
.bullen-site-shell a[aria-current="page"] { color: var(--bullen-brand-light); }

.bullen-site-brand {
  flex: 0 0 214px;
  color: var(--bullen-brand) !important;
  font-family: var(--bullen-font-display) !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.24em;
  white-space: nowrap;
}

.bullen-site-brand span {
  color: var(--bullen-muted);
  font: 400 9px/1 var(--bullen-font-data);
  letter-spacing: 0.1em;
}

.bullen-site-nav {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(10px, 1.6vw, 20px);
  overflow: visible;
}

.bullen-site-nav > a,
.bullen-nav-group > summary {
  position: relative;
  padding: 23px 1px 22px;
  white-space: nowrap;
}

.bullen-site-nav > a::after,
.bullen-nav-group > summary::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform var(--bullen-motion-fast) ease;
}

.bullen-site-nav > a:hover::after,
.bullen-site-nav > a[aria-current="page"]::after,
.bullen-nav-group:hover > summary::before,
.bullen-nav-group[open] > summary::before,
.bullen-nav-group.is-active > summary::before { transform: scaleX(1); }

.bullen-nav-group {
  position: relative;
  height: 100%;
}

.bullen-nav-group > summary {
  display: flex;
  height: 100%;
  align-items: center;
  gap: 7px;
  color: var(--bullen-muted);
  cursor: pointer;
  list-style: none;
  transition: color var(--bullen-motion-fast) ease;
}

.bullen-nav-group > summary::-webkit-details-marker { display: none; }
.bullen-nav-group > summary::after {
  content: '';
  width: 5px;
  height: 5px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform var(--bullen-motion-fast) ease;
}

.bullen-nav-group:hover > summary,
.bullen-nav-group[open] > summary,
.bullen-nav-group.is-active > summary { color: var(--bullen-brand-light); }
.bullen-nav-group[open] > summary::after { transform: translateY(1px) rotate(225deg); }

.bullen-nav-group-menu {
  position: absolute;
  z-index: 5;
  top: calc(var(--bullen-header-height) + 2px);
  left: 50%;
  display: grid;
  width: max-content;
  min-width: 188px;
  padding: 8px;
  border: 0;
  background: rgba(5, 5, 5, 0.92);
  -webkit-backdrop-filter: blur(18px) saturate(112%);
  backdrop-filter: blur(18px) saturate(112%);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5);
  transform: translateX(-50%);
}

.bullen-nav-group-menu a,
.bullen-site-shell .jumpto-item {
  display: flex;
  min-height: 42px;
  align-items: center;
  padding: 11px 16px;
  border: 0;
  color: var(--bullen-muted);
  font: 400 12px/1.35 var(--bullen-font-data);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.bullen-nav-group-menu a:hover,
.bullen-site-shell .jumpto-item:hover {
  color: var(--bullen-brand-light);
  background: rgba(199, 168, 105, 0.07);
}

.bullen-site-nav a.bullen-site-sister {
  color: var(--bullen-brand);
}

.bullen-mobile-nav-directory { display: none; }

.bullen-site-actions {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(10px, 1.6vw, 20px);
}

.bullen-site-aux {
  flex: 0 0 78px;
  min-width: 78px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* Public pages without a secondary header control should not reserve an
   invisible 78px column. That dead rail was enough to push House Objects
   out of view on compact desktop windows. */
.bullen-site-aux:empty { display: none; }

.bullen-home-shell {
  padding-top: env(safe-area-inset-top, 0px);
  height: calc(var(--bullen-header-height) + env(safe-area-inset-top, 0px));
}

.bullen-site-shell .jumpto-widget {
  position: relative;
  inset: auto;
  z-index: 2;
  flex: 0 0 auto;
}

.bullen-site-shell .jumpto-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 0;
  color: var(--bullen-muted);
  background: transparent;
  border: 0;
  font: 400 10px/1.3 var(--bullen-font-data);
  letter-spacing: 0.14em;
  transition: color var(--bullen-motion-fast) ease;
}

/* The home page supplied this geometry in its page-local stylesheet. Generated
   Jump To controls on every other page must own it in the shared shell or an
   unconstrained SVG expands to its intrinsic viewport size. */
.bullen-site-shell .jumpto-chevron {
  display: block;
  flex: 0 0 8px;
  width: 8px;
  height: 12px;
  transform: rotate(90deg);
  transition: transform var(--bullen-motion-normal) ease;
}

.bullen-site-shell .jumpto-widget.open .jumpto-chevron {
  transform: rotate(-90deg);
}

.bullen-site-shell .jumpto-btn:hover,
.bullen-site-shell .jumpto-widget.open .jumpto-btn {
  color: var(--bullen-brand-light);
  background: transparent;
}

.bullen-site-shell .jumpto-menu {
  position: fixed;
  z-index: 3;
  top: calc(var(--bullen-header-height) + env(safe-area-inset-top, 0px) + 2px);
  right: max(var(--bullen-gutter), calc((100vw - var(--bullen-header-shell-width)) / 2));
  display: block;
  min-width: 220px;
  max-height: min(70vh, 560px);
  padding: 8px;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 0;
  background: rgba(5, 5, 5, 0.92);
  -webkit-backdrop-filter: blur(18px) saturate(112%);
  backdrop-filter: blur(18px) saturate(112%);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 140ms ease, transform 140ms ease, visibility 0s linear 140ms;
}

.bullen-site-shell .jumpto-widget.open .jumpto-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
}

.bullen-site-shell .jumpto-group-label {
  padding: 7px 10px 9px;
  color: var(--bullen-muted);
  font-size: 8px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.bullen-site-shell .jumpto-item {
  justify-content: space-between;
  gap: 10px;
}

.bullen-site-shell .jumpto-item-ext {
  flex-shrink: 0;
  opacity: 0.6;
}

.bullen-site-shell .jumpto-divider {
  height: 1px;
  margin: 8px 0;
  background: var(--bullen-border);
}

[data-bullen-main],
[id^="bullen-section-"] {
  scroll-margin-top: calc(var(--bullen-header-height) + var(--bullen-page-gap));
}

.bullen-nav-toggle {
  display: none;
  width: 34px;
  height: 34px;
  padding: 8px;
  border: 1px solid var(--bullen-border);
  background: rgba(5, 5, 5, 0.78);
  color: var(--bullen-brand-light);
  cursor: pointer;
}

.bullen-nav-toggle span {
  display: block;
  width: 16px;
  height: 1px;
  margin: 3px auto;
  background: currentColor;
  transition: transform var(--bullen-motion-normal) ease, opacity var(--bullen-motion-fast) ease;
}

.bullen-site-shell.nav-open .bullen-nav-toggle span:nth-child(1) { transform: translateY(4px) rotate(45deg); }
.bullen-site-shell.nav-open .bullen-nav-toggle span:nth-child(2) { opacity: 0; }
.bullen-site-shell.nav-open .bullen-nav-toggle span:nth-child(3) { transform: translateY(-4px) rotate(-45deg); }

.bullen-site-shell.is-admin {
  border-color: rgba(224, 104, 95, 0.35);
}

.bullen-site-admin-label {
  color: var(--bullen-danger);
  white-space: nowrap;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--bullen-focus) !important;
  outline-offset: 3px !important;
}

/* Programmatic focus can establish an accessible starting point without making
   the focused action look preselected. The class is removed on first blur, so
   subsequent keyboard focus keeps the standard visible House focus ring. */
:where(a, button, input, select, textarea, [tabindex]).bullen-auto-focus-neutral:focus {
  outline: none !important;
  outline-offset: 0 !important;
}

[data-bullen-main]:focus { outline: none; }

/* A full eleven-destination rail cannot remain legible on tablets and small
   laptop split views. Switch to the complete menu before the first item can
   become horizontally clipped and unreachable. */
@media (min-width: 821px) and (max-width: 1100px) {
  .bullen-site-brand {
    flex-basis: auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .bullen-site-actions {
    margin-left: auto;
    gap: 9px;
  }

  .bullen-site-nav {
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    width: min(310px, calc(100vw - (var(--bullen-gutter) * 2)));
    max-height: min(66vh, 470px);
    padding: 10px;
    border: 1px solid var(--bullen-border);
    background: rgba(5, 5, 5, 0.97);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    overflow-y: auto;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
  }

  .bullen-site-shell.nav-open .bullen-site-nav { display: flex; }
  .bullen-nav-group { display: none; }
  .bullen-mobile-nav-directory { display: contents; }
  .bullen-site-nav a { padding: 12px 10px; border-bottom: 1px solid var(--bullen-border); }
  .bullen-site-nav a::after { display: none; }
  .bullen-site-nav > :last-child { border-bottom: 0; }
  .bullen-nav-toggle { display: block; }
  .bullen-site-aux { flex-basis: auto; min-width: 0; }
}

@media (max-width: 820px) {
  :root {
    --bullen-header-height: 58px;
    --bullen-page-gap: 24px;
  }

  html[data-bullen-page="index"] body .hero-mast { display: none !important; }

  .bullen-site-shell {
    /* Home and standalone pages share the same iPhone safe-area rail. */
    padding-top: env(safe-area-inset-top, 0px);
    height: calc(var(--bullen-header-height) + env(safe-area-inset-top, 0px));
    padding-right: max(var(--bullen-gutter), env(safe-area-inset-right, 0px));
    padding-left: max(var(--bullen-gutter), env(safe-area-inset-left, 0px));
    background: rgba(5, 5, 5, 0.9);
  }

  html[data-bullen-page]:not([data-bullen-page="index"]) body:not(.transparent) {
    padding-top: calc(var(--bullen-header-height) + env(safe-area-inset-top, 0px) + var(--bullen-page-gap)) !important;
  }

  /* Safari's browser bars opening/closing must not resize the hero or stage
     underneath a finger. Small viewport units remain stable while scrolling. */
  @supports (height: 100svh) {
    html[data-bullen-page] body { min-height: 100svh; }

    html[data-bullen-page="stats"] body:not(.transparent) #stage {
      height: calc(100svh - var(--bullen-header-height) - env(safe-area-inset-top, 0px) - var(--bullen-page-gap));
    }
  }

  html[data-bullen-page="index"] .hero {
    /* Width defines the composition, not browser-specific toolbar heights.
       Content may still grow naturally for larger text/accessibility settings. */
    min-height: clamp(620px, 172vw, 860px);
    padding-top: clamp(38px, 10.32vw, 52px);
    padding-bottom: 24px;
  }
  html[data-bullen-page="index"] .hero .scroll-cue { display: none; }

  .bullen-site-bar { gap: 10px; }

  .bullen-site-brand {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .bullen-site-actions {
    flex: 0 0 auto;
    margin-left: auto;
    gap: 9px;
  }

  .bullen-site-nav {
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    width: min(310px, calc(100vw - (var(--bullen-gutter) * 2)));
    max-height: min(66vh, 470px);
    padding: 10px;
    border: 1px solid var(--bullen-border);
    background: rgba(5, 5, 5, 0.97);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    overflow-y: auto;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
  }

  .bullen-site-shell.nav-open .bullen-site-nav { display: flex; }
  .bullen-nav-group { display: none; }
  .bullen-mobile-nav-directory { display: contents; }
  .bullen-site-nav a { padding: 12px 10px; border-bottom: 1px solid var(--bullen-border); }
  .bullen-site-nav a::after { display: none; }
  .bullen-site-nav > :last-child { border-bottom: 0; }
  .bullen-nav-toggle { display: block; }

  .bullen-site-aux { flex-basis: auto; min-width: 0; }
  .bullen-site-aux:empty { display: none; }

  :where(button, [role="button"], input, select, textarea) {
    min-height: 44px;
  }

  .bullen-nav-toggle {
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 12px;
  }

  .bullen-site-shell .jumpto-btn {
    box-sizing: border-box;
    justify-content: center;
    width: 112px;
    min-width: 112px;
    height: 44px;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid var(--bullen-border);
    background: rgba(5, 5, 5, 0.78);
    color: var(--bullen-brand-light);
    font-size: 11px;
  }
  .bullen-site-shell .jumpto-btn:hover,
  .bullen-site-shell .jumpto-widget.open .jumpto-btn {
    color: var(--bullen-brand-light);
    background: rgba(199, 168, 105, 0.08);
  }

  /* Both mobile dropdowns use one surface, inset and scrolling boundary. */
  .bullen-site-shell .jumpto-menu,
  .bullen-site-shell .bullen-site-nav {
    position: fixed;
    z-index: 3;
    top: calc(var(--bullen-header-height) + env(safe-area-inset-top, 0px) + 1px);
    right: max(var(--bullen-gutter), env(safe-area-inset-right, 0px));
    width: min(310px, calc(100vw - (var(--bullen-gutter) * 2)));
    min-width: 0;
    max-height: min(66vh, 470px);
    padding: 10px;
    border: 0;
    background: rgba(5, 5, 5, 0.97);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
    overscroll-behavior: contain;
  }

  /* Match Jump To's actual type and rows, not the smaller header-rail font. */
  .bullen-site-shell .jumpto-item,
  .bullen-site-shell .bullen-site-nav a {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 10px;
    border: 0;
    font: 400 12px/1.35 var(--bullen-font-data);
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  .bullen-site-shell .bullen-site-nav a:hover {
    color: var(--bullen-brand-light);
    background: rgba(199, 168, 105, 0.07);
  }
}

@media (max-width: 360px) {
  .bullen-site-brand { font-size: 10px; letter-spacing: 0.18em; }
  .bullen-site-brand span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html.bullen-ready body > :not(.bullen-site-shell):not(.bullen-skip) { transition: none; }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Shared House Object burn registry. The allocation ledger reports deposits
   committed to the public burn escrow; the supply endpoints remain the sole
   authority for tokens actually destroyed. */
.house-burn-registry {
  --house-border: rgba(199, 168, 105, 0.22);
  width: min(920px, 100%);
  margin: 24px auto 0;
  padding: 1px;
  border: 1px solid var(--house-border);
  background: rgba(199, 168, 105, 0.08);
  color: var(--bullen-text, #f5f3ee);
  font-family: var(--bullen-font-data, 'Space Mono', ui-monospace, monospace);
}
.house-burn-registry__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 15px;
  background: #050505;
  border-bottom: 1px solid var(--house-border);
}
.house-burn-registry__title {
  color: var(--bullen-brand, #c7a869);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.house-burn-registry__state {
  color: rgba(245, 243, 238, 0.42);
  font-size: 9px;
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-align: right;
}
.house-burn-registry__metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
}
.house-burn-registry__metric {
  min-width: 0;
  padding: 14px 15px;
  background: #050505;
}
.house-burn-registry__metric b {
  display: block;
  color: #e8d9ae;
  font-size: clamp(14px, 1.7vw, 21px);
  font-weight: 400;
  line-height: 1.2;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.house-burn-registry__metric span {
  display: block;
  margin-top: 5px;
  color: rgba(245, 243, 238, 0.38);
  font-size: 8.5px;
  line-height: 1.45;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.house-burn-registry__note {
  padding: 12px 15px;
  background: #050505;
  border-top: 1px solid var(--house-border);
  color: rgba(245, 243, 238, 0.42);
  font: 400 10px/1.7 var(--bullen-font-data, 'Space Mono', ui-monospace, monospace);
  letter-spacing: 0.02em;
}
.house-burn-registry__note a { color: var(--bullen-brand, #c7a869); }
.house-burn-registry[data-state="unavailable"] { border-color: rgba(245, 243, 238, 0.14); }
.house-burn-registry--compact { margin-top: 0; width: 100%; }
.house-burn-registry--compact .house-burn-registry__head { padding: 9px 12px; }
.house-burn-registry--compact .house-burn-registry__metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.house-burn-registry--compact .house-burn-registry__metric { padding: 9px 12px; }
.house-burn-registry--compact .house-burn-registry__metric b { font-size: clamp(12px, 1.35vw, 17px); }
.house-burn-registry--compact .house-burn-registry__note { display: none; }

@media (max-width: 620px) {
  .house-burn-registry__head { align-items: flex-start; flex-direction: column; gap: 5px; }
  .house-burn-registry__state { text-align: left; }
  .house-burn-registry__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .house-burn-registry--compact .house-burn-registry__metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .house-burn-registry__metric { padding: 12px; }
}