@malilion/block-ui-react 0.2.0 → 0.4.0

package/dist/styles.css

@@ -1415,6 +1415,46 @@
 .block-slider-RnmGA:active::-webkit-slider-thumb {
   filter: brightness(1.15);
 }
+.block-wrapper-b-npH {
+  display: flex;
+  align-items: stretch;
+  gap: var(--block-space-1);
+}
+
+.block-input-cg-Fv {
+  flex: 1;
+  min-width: 0;
+  height: var(--block-size-control-md);
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+}
+
+.block-button-8xOEk {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: var(--block-size-control-md);
+  padding: 0;
+  color: var(--block-text);
+  background-color: var(--block-surface-alt);
+  border: var(--block-border-width-thin) solid var(--block-border);
+  box-shadow: var(--block-shadow-bevel);
+  cursor: pointer;
+}
+
+.block-button-8xOEk:hover:not(:disabled) {
+  background-color: var(--block-slot-hover);
+}
+
+.block-button-8xOEk:active:not(:disabled) {
+  box-shadow: var(--block-shadow-inset);
+}
+
+.block-button-8xOEk:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
 .block-root-Adx9O {
   display: flex;
   align-items: center;
@@ -2095,773 +2135,2423 @@ div.block-slot-ZIG6g:not([role="gridcell"]):not([tabindex]) {
     gap: var(--block-space-2);
   }
 }
-.block-bar-e9RBk {
-  display: inline-flex;
+.block-table-a0LJB {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: var(--block-space-4);
+  width: 100%;
+}
+
+.block-inputs-I-GAD {
+  display: flex;
+  flex-direction: column;
   align-items: center;
   gap: var(--block-space-2);
-  max-width: 100%;
 }
 
-.block-icons-25NvT {
+.block-book-D57aD {
   display: inline-flex;
-  flex-wrap: wrap;
-  gap: 1px;
+  animation: block-block-enchant-float--jtUO 2.4s steps(4, end) infinite;
 }
 
-.block-bar-e9RBk[data-direction="rtl"] .block-icons-25NvT {
-  flex-direction: row-reverse;
+.block-slots-g3QIR {
+  display: flex;
+  gap: var(--block-space-2);
 }
 
-.block-unit-CLPoq {
-  position: relative;
+.block-ghost-pApTJ {
   display: inline-flex;
+  opacity: 0.3;
+  filter: grayscale(1);
 }
 
-.block-unit-CLPoq > span > svg {
-  display: block;
+.block-options-Ltd-N {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: var(--block-space-1);
+  min-width: min(280px, 100%);
+  max-width: 420px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 
-.block-empty-n2SMZ {
-  display: inline-flex;
-  filter: grayscale(1) brightness(0.32);
+.block-option-4ABZ0 {
+  display: flex;
+  align-items: center;
+  gap: var(--block-space-2);
+  width: 100%;
+  min-height: 52px;
+  padding: var(--block-space-1) var(--block-space-2);
+  font: inherit;
+  text-align: left;
+  color: var(--block-text);
+  background-color: var(--block-surface-alt);
+  border: var(--block-border-width) solid var(--block-border);
+  box-shadow: var(--block-shadow-bevel);
+  cursor: pointer;
 }
 
-.block-full-35AX1 {
-  position: absolute;
-  inset: 0;
+.block-option-4ABZ0:hover:not([aria-disabled]) {
+  background-color: color-mix(in srgb, var(--block-amethyst) 30%, var(--block-surface-alt));
+}
+
+.block-option-4ABZ0:focus-visible {
+  outline: 3px solid var(--block-focus);
+  outline-offset: 2px;
+}
+
+.block-option-4ABZ0[aria-disabled] {
+  cursor: not-allowed;
+  background-color: var(--block-slot);
+  box-shadow: var(--block-shadow-inset);
+}
+
+.block-cost-Oa1TX {
   display: inline-flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  width: 16px;
 }
 
-.block-unit-CLPoq[data-fill="half"] .block-full-35AX1 {
-  clip-path: inset(0 50% 0 0);
+.block-option-4ABZ0[aria-disabled] .block-cost-Oa1TX {
+  opacity: 0.4;
+  filter: grayscale(1);
 }
 
-.block-bar-e9RBk[data-direction="rtl"] .block-unit-CLPoq[data-fill="half"] .block-full-35AX1 {
-  clip-path: inset(0 0 0 50%);
+.block-text-lV2OT {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
 }
 
-.block-bar-e9RBk[data-low] .block-unit-CLPoq {
-  animation: block-low-blink-LRhrZ 640ms steps(1, end) infinite;
+.block-runes-vN-aO {
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-xs);
+  letter-spacing: var(--block-letter-spacing-wider);
+  color: var(--block-text-muted);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: clip;
 }
 
-.block-bar-e9RBk[data-low] .block-unit-CLPoq:nth-child(even) {
-  animation-delay: 160ms;
+.block-clue-ytNPz {
+  font-size: var(--block-font-size-sm);
+  overflow-wrap: anywhere;
 }
 
-.block-text-QcHAg {
+.block-option-4ABZ0[data-blocker="level"] .block-clue-ytNPz,
+.block-option-4ABZ0[data-blocker="lapis"] .block-clue-ytNPz,
+.block-option-4ABZ0[data-blocker="disabled"] .block-clue-ytNPz,
+.block-option-4ABZ0[data-blocker="noItem"] .block-clue-ytNPz {
+  color: var(--block-text-muted);
+}
+
+.block-level-PlTnE {
   flex-shrink: 0;
+  min-width: 2ch;
   font-family: var(--block-font-display);
-  font-size: var(--block-font-size-sm);
+  font-size: var(--block-font-size-lg);
+  font-weight: var(--block-font-weight-bold);
+  text-align: right;
+  color: var(--block-emerald-light);
+  text-shadow: var(--block-shadow-text);
+}
+
+.block-option-4ABZ0[data-blocker="level"] .block-level-PlTnE {
+  color: var(--block-redstone-light);
+}
+
+.block-option-4ABZ0[data-blocker="noItem"] .block-level-PlTnE,
+.block-option-4ABZ0[data-blocker="disabled"] .block-level-PlTnE {
   color: var(--block-text-muted);
 }
 
-@keyframes block-low-blink-LRhrZ {
+@keyframes block-block-enchant-float--jtUO {
   50% {
-    transform: translateY(-2px);
+    transform: translateY(-3px);
   }
 }
-.block-xp-YV5BV {
+.block-stand-BRIZQ {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 2px;
+  gap: var(--block-space-3);
   width: 100%;
-  min-width: 120px;
 }
 
-.block-level-r52QH {
-  font-family: var(--block-font-display);
-  font-size: var(--block-font-size-lg);
-  font-weight: var(--block-font-weight-bold);
-  line-height: 1;
-  color: var(--block-emerald-light);
-  text-shadow:
-    2px 0 0 var(--block-black),
-    -2px 0 0 var(--block-black),
-    0 2px 0 var(--block-black),
-    0 -2px 0 var(--block-black);
+.block-layout-9PWQR {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  gap: var(--block-space-4);
 }
 
-.block-track-LVWM8 {
+.block-fuel-RmOp7 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--block-space-1);
+}
+
+.block-gauge-xF-dA {
   position: relative;
-  width: 100%;
-  height: 12px;
+  width: 40px;
+  height: 8px;
   background-color: var(--block-black);
   border: var(--block-border-width-thin) solid var(--block-border);
   overflow: hidden;
 }
 
-.block-fill-Z698q {
+.block-gaugeFill-Ef3Tz {
   position: absolute;
   inset: 0 auto 0 0;
-  width: var(--block-xp);
-  background-color: var(--block-emerald);
-  box-shadow:
-    inset 0 2px 0 var(--block-emerald-light),
-    inset 0 -2px 0 var(--block-emerald-dark);
+  width: var(--block-brew-fuel);
+  background-color: var(--block-lava);
+  box-shadow: inset 0 2px 0 var(--block-gold-light);
   transition: width var(--block-duration-normal) steps(4, end);
 }
 
-/* Pixel segment dividers. */
-.block-segments-lzQbg {
-  position: absolute;
-  inset: 0;
-  background-image: repeating-linear-gradient(
-    to right,
-    transparent 0 calc(100% / 18 - 2px),
-    var(--block-black) calc(100% / 18 - 2px) calc(100% / 18)
-  );
-  opacity: 0.55;
-}
-
-.block-value-DBW19 {
-  align-self: flex-end;
-  font-family: var(--block-font-display);
-  font-size: var(--block-font-size-xs);
-  color: var(--block-text-muted);
-}
-.block-hud-jwV-u {
+.block-center-ohWeq {
   display: flex;
   flex-direction: column;
-  gap: var(--block-space-2);
-  width: 100%;
+  align-items: center;
+  gap: var(--block-space-1);
 }
 
-.block-bars-vQzIX {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-end;
-  justify-content: space-between;
-  gap: var(--block-space-2) var(--block-space-6);
+/* Vertical progress bar that fills top to bottom, like bubbles sinking into the bottles. */
+.block-progress-PF3zt {
+  position: relative;
+  width: 12px;
+  height: 32px;
+  background-color: var(--block-black);
+  border: var(--block-border-width-thin) solid var(--block-border);
+  overflow: hidden;
 }
 
-.block-left-u5hvf,
-.block-right-30p8- {
-  display: flex;
-  flex-direction: column;
-  gap: var(--block-space-1);
+.block-progressFill-9wVvX {
+  position: absolute;
+  inset: 0 0 auto;
+  height: var(--block-brew-progress);
+  background-color: var(--block-text-primary);
+  box-shadow: inset -2px 0 0 var(--block-text-muted);
+  transition: height var(--block-duration-normal) steps(4, end);
 }
 
-.block-right-30p8- {
-  align-items: flex-end;
-  margin-left: auto;
-}
-.block-card-2kvf0 {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  padding: 4px;
-  color: var(--block-text);
-  background-color: var(--block-mat);
-  border: var(--block-border-width) solid var(--block-border);
-  box-shadow:
-    inset 3px 3px 0 var(--block-mat-light),
-    inset -3px -3px 0 var(--block-mat-dark),
-    var(--block-shadow-drop);
+.block-stand-BRIZQ[data-state="complete"] .block-progressFill-9wVvX {
+  background-color: var(--block-gold-light);
 }
 
-.block-header-A2utE {
+.block-bottles-LvzD3 {
   display: flex;
-  align-items: center;
   gap: var(--block-space-2);
-  padding: var(--block-space-1) var(--block-space-2) var(--block-space-2);
 }
 
-.block-label-XwdBX {
-  flex: 1;
+/* Side bottles sit a little higher, like the stand's arms. */
+.block-bottles-LvzD3 > :first-child,
+.block-bottles-LvzD3 > :last-child {
+  margin-top: calc(-1 * var(--block-space-4));
+}
+
+.block-ghost-o5t8r {
+  display: inline-flex;
+  color: var(--block-text-muted);
+  opacity: 0.3;
+  filter: grayscale(1);
+}
+
+.block-status-XF19N {
   margin: 0;
+  min-height: 1.4em;
   font-family: var(--block-font-display);
-  font-size: var(--block-font-size-md);
-  font-weight: var(--block-font-weight-bold);
-  letter-spacing: var(--block-letter-spacing-wide);
+  font-size: var(--block-font-size-sm);
   text-transform: uppercase;
-  color: var(--block-mat-on);
-  text-shadow: var(--block-mat-text-shadow);
+  color: var(--block-text-muted);
 }
 
-.block-headerAction-ALYZH {
-  display: flex;
-  margin-left: auto;
+.block-stand-BRIZQ[data-state="noFuel"] .block-status-XF19N {
+  color: var(--block-redstone-light);
 }
 
-.block-body-znyfw {
-  flex: 1;
+.block-stand-BRIZQ[data-state="complete"] .block-status-XF19N {
+  color: var(--block-gold-light);
+}
+
+@media (max-width: 767.98px) {
+  .block-layout-9PWQR {
+    gap: var(--block-space-2);
+  }
+}
+.block-anvil-jWvPa {
   display: flex;
   flex-direction: column;
+  align-items: center;
   gap: var(--block-space-3);
-  padding: var(--block-space-3);
-  background-color: color-mix(in srgb, var(--block-mat-dark) 35%, var(--block-surface-alt));
-  border: var(--block-border-width-thin) solid var(--block-border);
-  box-shadow: inset 2px 2px 0 var(--block-shadow-bevel-dark);
+  width: 100%;
 }
 
-.block-footer-dDt5t {
+.block-header-Yvk6R {
   display: flex;
-  justify-content: center;
+  align-items: flex-end;
   gap: var(--block-space-2);
-  padding: var(--block-space-2) var(--block-space-2) var(--block-space-1);
+  width: 100%;
+  max-width: 400px;
 }
 
-.block-footer-dDt5t > * {
-  flex: 1;
-  max-width: 220px;
+.block-icon-XFJky {
+  display: inline-flex;
+  flex-shrink: 0;
+  margin-bottom: var(--block-space-1);
 }
-.block-root-rTdSF {
-  display: flex;
-  flex-direction: column;
-  gap: var(--block-space-1);
-  width: 100%;
+
+.block-name-hNDBk {
+  flex: 1;
   min-width: 0;
 }
 
-.block-header-2IURR {
+.block-layout-0WcH9 {
   display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: var(--block-space-2);
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: var(--block-space-3);
 }
 
-.block-label-W1HZY {
-  font-size: var(--block-font-size-sm);
-  color: var(--block-text);
+.block-symbol-5f6uA {
+  display: inline-flex;
+  color: var(--block-text-muted);
 }
 
-.block-value-A8pmI {
+.block-cost-f9Afr {
+  margin: 0;
   font-family: var(--block-font-display);
   font-size: var(--block-font-size-sm);
-  color: var(--block-text-muted);
+  color: var(--block-emerald-light);
+  text-shadow: var(--block-shadow-text);
 }
 
-.block-track-DZH38 {
-  --progress-h: 16px;
+.block-anvil-jWvPa[data-cost="unaffordable"] .block-cost-f9Afr,
+.block-anvil-jWvPa[data-cost="tooExpensive"] .block-cost-f9Afr {
+  color: var(--block-redstone-light);
+}
 
-  position: relative;
+@media (max-width: 767.98px) {
+  .block-layout-0WcH9 {
+    gap: var(--block-space-2);
+  }
+}
+.block-trading-9AePS {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: center;
+  gap: var(--block-space-4);
   width: 100%;
-  height: var(--progress-h);
-  background-color: var(--block-slot);
-  border: var(--block-border-width-thin) solid var(--block-border);
-  box-shadow: inset 0 3px 0 var(--block-shadow-bevel-dark);
-  overflow: hidden;
 }
 
-.block-track-DZH38[data-size="sm"] {
-  --progress-h: 10px;
+.block-list-zd51- {
+  display: flex;
+  flex-direction: column;
+  gap: var(--block-space-1);
+  width: 220px;
+  max-width: 100%;
+  max-height: 360px;
+  margin: 0;
+  padding: var(--block-space-1);
+  overflow-y: auto;
+  list-style: none;
+  background-color: var(--block-slot);
+  border: var(--block-border-width-thin) solid var(--block-border);
+  box-shadow: var(--block-shadow-inset);
 }
 
-.block-track-DZH38[data-size="lg"] {
-  --progress-h: 24px;
+.block-offer-ROBvP {
+  display: flex;
+  align-items: center;
+  min-height: 44px;
+  padding: var(--block-space-1);
+  background-color: var(--block-surface-alt);
+  border: var(--block-border-width-thin) solid var(--block-border);
+  cursor: pointer;
 }
 
-.block-fill-5cIAT {
-  position: absolute;
-  inset: 0 auto 0 0;
-  width: var(--block-progress);
-  background-color: var(--block-mat);
-  box-shadow:
-    inset 0 3px 0 var(--block-mat-light),
-    inset 0 -3px 0 var(--block-mat-dark);
-  transition: width var(--block-duration-normal) steps(4, end);
+.block-offer-ROBvP:hover {
+  background-color: var(--block-slot-hover);
 }
 
-.block-segments-cL-Dr {
-  position: absolute;
-  inset: 0;
-  background-image: repeating-linear-gradient(
-    to right,
-    transparent 0 14px,
-    color-mix(in srgb, var(--block-black) 45%, transparent) 14px 16px
-  );
-  pointer-events: none;
+.block-offer-ROBvP[aria-selected="true"] {
+  background-color: color-mix(in srgb, var(--block-emerald) 28%, var(--block-surface-alt));
+  border-color: var(--block-emerald-light);
 }
 
-.block-track-DZH38[data-indeterminate] .block-fill-5cIAT {
-  width: 30%;
-  animation: block-indeterminate-Uy5MO 1200ms steps(10, end) infinite;
+.block-offer-ROBvP:focus-visible {
+  outline: 3px solid var(--block-focus);
+  outline-offset: -3px;
 }
 
-@keyframes block-indeterminate-Uy5MO {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(340%);
-  }
-}
-/* Shared layout pieces for the game cards. */
-.block-card-EOeNx {
-  height: 100%;
+.block-offerItems-gJHRi {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--block-space-1);
 }
 
-.block-headline-GkjHe {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--block-space-3);
+.block-offer-ROBvP[data-sold-out] .block-offerItems-gJHRi {
+  opacity: 0.55;
 }
 
-.block-iconBox-Ckho6 {
+/* Small item previews inside an offer. */
+.block-mini-fzMQ6 {
   display: inline-flex;
+  width: 32px;
+  height: 32px;
   align-items: center;
   justify-content: center;
-  flex-shrink: 0;
-  width: 48px;
-  height: 48px;
-  background-color: var(--block-slot);
-  border: var(--block-border-width-thin) solid var(--block-border);
-  box-shadow: var(--block-shadow-inset);
 }
 
-.block-iconBox-Ckho6 > img {
+.block-mini-fzMQ6 > * {
   width: 100%;
   height: 100%;
-  object-fit: cover;
-  image-rendering: pixelated;
 }
 
-.block-titleBlock-8DyMl {
+.block-offerArrow-9Wjt3 {
+  display: inline-flex;
+  color: var(--block-text-muted);
+}
+
+.block-offer-ROBvP[data-sold-out] .block-offerArrow-9Wjt3 {
+  color: var(--block-redstone-light);
+}
+
+.block-detail-ZDTTP {
   display: flex;
   flex-direction: column;
-  gap: 2px;
-  min-width: 0;
+  align-items: center;
+  gap: var(--block-space-3);
+  min-width: min(280px, 100%);
 }
 
-.block-title-kwXGU {
-  margin: 0;
-  font-size: var(--block-font-size-lg);
-  font-weight: var(--block-font-weight-bold);
-  line-height: var(--block-line-height-tight);
-  overflow-wrap: anywhere;
+.block-villager-POPq8 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--block-space-1);
+  width: 100%;
 }
 
-.block-description-ESnpt,
-.block-meta-jL5R2 {
+.block-profession-Y1tNJ {
   margin: 0;
-  font-size: var(--block-font-size-sm);
-  color: var(--block-text-muted);
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-md);
+  font-weight: var(--block-font-weight-bold);
+  text-transform: uppercase;
+  text-shadow: var(--block-shadow-text);
 }
 
-.block-rewards-muPCu {
+.block-level-WOr3P {
   display: flex;
-  flex-wrap: wrap;
+  flex-direction: column;
   align-items: center;
-  gap: var(--block-space-2) var(--block-space-3);
+  gap: 2px;
+  width: 100%;
+  max-width: 220px;
 }
 
-.block-rewardsLabel-5Kzrg {
+.block-levelName-opsL3 {
+  font-family: var(--block-font-display);
   font-size: var(--block-font-size-xs);
   color: var(--block-text-muted);
-  text-transform: uppercase;
 }
 
-.block-rewardList-N2s-L {
+.block-levelBar-JzGvv {
+  position: relative;
+  width: 100%;
+  height: 8px;
+  background-color: var(--block-black);
+  border: var(--block-border-width-thin) solid var(--block-border);
+  overflow: hidden;
+}
+
+.block-levelFill-lo1c3 {
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: var(--block-trade-xp);
+  background-color: var(--block-emerald);
+  box-shadow: inset 0 2px 0 var(--block-emerald-light);
+}
+
+.block-exchange-5nemV {
   display: flex;
-  flex-wrap: wrap;
+  align-items: center;
   gap: var(--block-space-3);
-  margin: 0;
-  padding: 0;
-  list-style: none;
 }
 
-.block-reward-hXJgg {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--block-space-1);
-  font-family: var(--block-font-display);
-  font-size: var(--block-font-size-sm);
+.block-payment-hE-Np {
+  display: flex;
+  gap: var(--block-space-2);
 }
 
-.block-unit-n9dta {
-  font-family: var(--block-font-body);
-  font-size: var(--block-font-size-xs);
+.block-arrow-l5HHm {
+  display: inline-flex;
   color: var(--block-text-muted);
 }
 
-.block-stats-DMGyM {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  gap: var(--block-space-1) var(--block-space-3);
-  margin: 0;
-  font-size: var(--block-font-size-sm);
+.block-arrow-l5HHm[data-sold-out] {
+  color: var(--block-redstone-light);
 }
 
-.block-stats-DMGyM dt {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--block-space-1);
-  color: var(--block-text-muted);
+@media (max-width: 767.98px) {
+  .block-list-zd51- {
+    width: 100%;
+    max-height: 200px;
+  }
+
+  .block-exchange-5nemV {
+    gap: var(--block-space-2);
+  }
+}
+.block-book-vGdij {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  gap: var(--block-space-4);
+  width: 100%;
 }
 
-.block-stats-DMGyM dd {
-  margin: 0;
-  text-align: right;
-  font-weight: var(--block-font-weight-medium);
+.block-browser-1j4Ie {
+  display: flex;
+  flex: 1 1 320px;
+  flex-direction: column;
+  gap: var(--block-space-2);
+  min-width: 0;
 }
 
-.block-locked-YBL3N .block-iconBox-Ckho6 {
-  filter: grayscale(1) brightness(0.6);
+.block-filters-JOYhT {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--block-space-2);
 }
 
-.block-statRow-FmINt {
-  display: contents;
+.block-categories-r-P5z {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--block-space-1);
 }
-.block-badge-GHG0w {
+
+.block-category-LWhjw {
   display: inline-flex;
   align-items: center;
   gap: var(--block-space-1);
-  min-height: 28px;
-  padding: 2px var(--block-space-2);
-  font-size: var(--block-font-size-sm);
-  font-weight: var(--block-font-weight-medium);
-  line-height: 1.2;
-  white-space: nowrap;
+  min-height: 32px;
+  padding: 0 var(--block-space-2);
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-xs);
+  text-transform: uppercase;
+  color: var(--block-text-muted);
+  background-color: var(--block-surface-alt);
+  border: var(--block-border-width-thin) solid var(--block-border);
+  box-shadow: inset 2px 2px 0 var(--block-shadow-bevel-light);
+  cursor: pointer;
+}
+
+.block-category-LWhjw:hover {
   color: var(--block-text);
-  background-color: color-mix(in srgb, var(--block-mat) 22%, var(--block-surface-alt));
+}
+
+.block-category-LWhjw[aria-pressed="true"] {
+  color: var(--block-text);
+  background-color: var(--block-surface);
+  border-color: var(--block-text-muted);
+}
+
+.block-category-LWhjw:focus-visible {
+  outline: 3px solid var(--block-focus);
+  outline-offset: 2px;
+}
+
+.block-categoryIcon-yPuZV {
+  display: inline-flex;
+}
+
+.block-count-LKB07 {
+  margin: 0;
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-xs);
+  color: var(--block-text-muted);
+}
+
+.block-grid-9zscA {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(var(--block-size-slot-md), 1fr));
+  gap: var(--block-space-1);
+  max-height: 260px;
+  margin: 0;
+  padding: var(--block-space-1);
+  overflow-y: auto;
+  list-style: none;
+  background-color: var(--block-slot);
   border: var(--block-border-width-thin) solid var(--block-border);
-  box-shadow:
-    inset 2px 2px 0 color-mix(in srgb, var(--block-mat-light) 25%, transparent),
-    inset -2px -2px 0 var(--block-shadow-bevel-dark);
+  box-shadow: var(--block-shadow-inset);
 }
 
-.block-badge-GHG0w[data-size="sm"] {
-  min-height: 22px;
-  padding: 0 var(--block-space-1);
+/* Missing ingredients: the slot glows redstone instead of looking normal. */
+.block-recipe-pTIKN[data-craftable="false"] {
+  background-color: color-mix(in srgb, var(--block-redstone) 35%, var(--block-slot));
+}
+
+.block-empty-tQQcq {
+  margin: 0;
+  padding: var(--block-space-4);
+  text-align: center;
+  color: var(--block-text-muted);
+}
+
+.block-detail-cDd-n {
+  display: flex;
+  flex: 0 1 260px;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--block-space-3);
+}
+
+.block-title-z3TI4 {
+  margin: 0;
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-md);
+  text-align: center;
+  text-transform: uppercase;
+  text-shadow: var(--block-shadow-text);
+}
+
+.block-preview-KuJ5C {
+  display: flex;
+  align-items: center;
+  gap: var(--block-space-2);
+}
+
+.block-pattern-LX2EB {
+  display: grid;
+  grid-template-columns: repeat(3, auto);
+  gap: 2px;
+}
+
+.block-arrow-40igD {
+  display: inline-flex;
+  color: var(--block-text-muted);
+}
+
+.block-missing-5DpuD {
+  margin: 0;
+  font-family: var(--block-font-display);
   font-size: var(--block-font-size-xs);
+  color: var(--block-redstone-light);
+}
+.block-bar-e9RBk {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--block-space-2);
+  max-width: 100%;
 }
 
-.block-dot-935Xm {
-  width: 10px;
-  height: 10px;
-  flex-shrink: 0;
-  background-color: var(--block-mat);
-  box-shadow:
-    inset -2px -2px 0 var(--block-mat-dark),
-    0 0 0 1px var(--block-border);
+.block-icons-25NvT {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 1px;
 }
 
-.block-icon-DviqX {
+.block-bar-e9RBk[data-direction="rtl"] .block-icons-25NvT {
+  flex-direction: row-reverse;
+}
+
+.block-unit-CLPoq {
+  position: relative;
   display: inline-flex;
-  color: var(--block-mat);
 }
 
-.block-label-gpIKX {
-  padding-top: 1px;
+.block-unit-CLPoq > span > svg {
+  display: block;
 }
-.block-signal-hbcww {
+
+.block-empty-n2SMZ {
   display: inline-flex;
-  align-items: flex-end;
-  gap: 2px;
-  height: 20px;
-  margin-left: auto;
-  flex-shrink: 0;
+  filter: grayscale(1) brightness(0.32);
 }
 
-.block-bar-Av3KK {
-  width: 4px;
-  background-color: var(--block-slot);
-  box-shadow: 0 0 0 1px var(--block-border);
+.block-full-35AX1 {
+  position: absolute;
+  inset: 0;
+  display: inline-flex;
 }
 
-.block-bar-Av3KK:nth-child(1) {
-  height: 5px;
+.block-unit-CLPoq[data-fill="half"] .block-full-35AX1 {
+  clip-path: inset(0 50% 0 0);
 }
 
-.block-bar-Av3KK:nth-child(2) {
-  height: 10px;
+.block-bar-e9RBk[data-direction="rtl"] .block-unit-CLPoq[data-fill="half"] .block-full-35AX1 {
+  clip-path: inset(0 0 0 50%);
 }
 
-.block-bar-Av3KK:nth-child(3) {
-  height: 15px;
+.block-bar-e9RBk[data-low] .block-unit-CLPoq {
+  animation: block-low-blink-LRhrZ 640ms steps(1, end) infinite;
 }
 
-.block-bar-Av3KK:nth-child(4) {
-  height: 20px;
+.block-bar-e9RBk[data-low] .block-unit-CLPoq:nth-child(even) {
+  animation-delay: 160ms;
 }
 
-.block-signal-hbcww[data-quality="good"] .block-bar-Av3KK[data-on] {
-  background-color: var(--block-emerald);
+.block-text-QcHAg {
+  flex-shrink: 0;
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-sm);
+  color: var(--block-text-muted);
 }
 
-.block-signal-hbcww[data-quality="fair"] .block-bar-Av3KK[data-on] {
-  background-color: var(--block-gold);
+@keyframes block-low-blink-LRhrZ {
+  50% {
+    transform: translateY(-2px);
+  }
+}
+.block-xp-YV5BV {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2px;
+  width: 100%;
+  min-width: 120px;
 }
 
-.block-signal-hbcww[data-quality="poor"] .block-bar-Av3KK[data-on] {
-  background-color: var(--block-redstone-light);
+.block-level-r52QH {
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-lg);
+  font-weight: var(--block-font-weight-bold);
+  line-height: 1;
+  color: var(--block-emerald-light);
+  text-shadow:
+    2px 0 0 var(--block-black),
+    -2px 0 0 var(--block-black),
+    0 2px 0 var(--block-black),
+    0 -2px 0 var(--block-black);
 }
-.block-preview-JwGTv {
+
+.block-track-LVWM8 {
   position: relative;
-  aspect-ratio: 16 / 7;
-  overflow: hidden;
+  width: 100%;
+  height: 12px;
+  background-color: var(--block-black);
   border: var(--block-border-width-thin) solid var(--block-border);
-  background-color: var(--block-water-dark);
+  overflow: hidden;
 }
 
-.block-image-y0FZl {
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  image-rendering: pixelated;
+.block-fill-Z698q {
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: var(--block-xp);
+  background-color: var(--block-emerald);
+  box-shadow:
+    inset 0 2px 0 var(--block-emerald-light),
+    inset 0 -2px 0 var(--block-emerald-dark);
+  transition: width var(--block-duration-normal) steps(4, end);
 }
 
-/* Original pixel landscape: sky, hills, grass and dirt layers. */
-.block-landscape-6j8Il {
+/* Pixel segment dividers. */
+.block-segments-lzQbg {
   position: absolute;
   inset: 0;
-  background:
-    linear-gradient(
-      to bottom,
-      transparent 0 58%,
-      var(--block-grass) 58% 66%,
-      var(--block-grass-dark) 66% 70%,
-      var(--block-dirt) 70% 86%,
-      var(--block-stone-dark) 86% 100%
-    ),
-    linear-gradient(
-        to right,
-        transparent 0 8%,
-        var(--block-grass-dark) 8% 22%,
-        transparent 22% 54%,
-        var(--block-grass-dark) 54% 76%,
-        transparent 76%
-      )
-      0 46% / 100% 12% no-repeat,
-    linear-gradient(
-        to right,
-        transparent 0 12%,
-        var(--block-grass) 12% 18%,
-        transparent 18% 60%,
-        var(--block-grass) 60% 70%,
-        transparent 70%
-      )
-      0 36% / 100% 10% no-repeat,
-    linear-gradient(to bottom, var(--block-water-light), var(--block-water) 60%);
+  background-image: repeating-linear-gradient(
+    to right,
+    transparent 0 calc(100% / 18 - 2px),
+    var(--block-black) calc(100% / 18 - 2px) calc(100% / 18)
+  );
+  opacity: 0.55;
+}
+
+.block-value-DBW19 {
+  align-self: flex-end;
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-xs);
+  color: var(--block-text-muted);
+}
+.block-hud-jwV-u {
+  display: flex;
+  flex-direction: column;
+  gap: var(--block-space-2);
+  width: 100%;
+}
+
+.block-bars-vQzIX {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: var(--block-space-2) var(--block-space-6);
+}
+
+.block-left-u5hvf,
+.block-right-30p8- {
+  display: flex;
+  flex-direction: column;
+  gap: var(--block-space-1);
+}
+
+.block-right-30p8- {
+  align-items: flex-end;
+  margin-left: auto;
+}
+.block-boss-lFT3g {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--block-space-1);
+  width: 100%;
+  max-width: 480px;
+  margin-inline: auto;
+}
+
+.block-title-3wFxE {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--block-space-2);
+  max-width: 100%;
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-md);
+  font-weight: var(--block-font-weight-bold);
+  line-height: var(--block-line-height-tight);
+  text-align: center;
+  color: var(--block-text);
+  text-shadow: var(--block-shadow-text);
+  overflow-wrap: anywhere;
+}
+
+.block-icon-NcxTM {
+  display: inline-flex;
+  flex-shrink: 0;
+}
+
+.block-percent-hKJqC {
+  color: var(--block-text-muted);
+  font-variant-numeric: tabular-nums;
+}
+
+.block-track-7nV8B {
+  position: relative;
+  width: 100%;
+  height: 12px;
+  background-color: var(--block-mat-dark);
+  border: var(--block-border-width-thin) solid var(--block-black);
+  overflow: hidden;
+}
+
+.block-fill-NNtpd {
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: var(--block-boss-fill);
+  background-color: var(--block-mat);
+  box-shadow:
+    inset 0 2px 0 var(--block-mat-light),
+    inset 0 -2px 0 color-mix(in srgb, var(--block-mat-dark) 70%, transparent);
+  transition: width var(--block-duration-normal) steps(6, end);
+}
+
+/* Notches: thin dark dividers every 1/n of the bar. */
+.block-track-7nV8B[data-segments]::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background-image: repeating-linear-gradient(
+    to right,
+    transparent 0 calc(100% / var(--block-boss-segments) - 2px),
+    var(--block-black) calc(100% / var(--block-boss-segments) - 2px)
+      calc(100% / var(--block-boss-segments))
+  );
+  opacity: 0.6;
+  pointer-events: none;
+}
+.block-scoreboard-2KTaQ {
+  display: inline-flex;
+  flex-direction: column;
+  min-width: 180px;
+  max-width: 100%;
+  padding: var(--block-space-1) var(--block-space-2) var(--block-space-2);
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-sm);
+  color: var(--block-text-primary);
+  text-shadow: var(--block-shadow-text);
+  background-color: color-mix(in srgb, var(--block-obsidian-dark) 82%, transparent);
+  border: var(--block-border-width-thin) solid var(--block-black);
+}
+
+.block-table-4kliz {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.block-title-6zX-U {
+  padding: var(--block-space-1) 0 var(--block-space-2);
+  font-size: var(--block-font-size-md);
+  font-weight: var(--block-font-weight-bold);
+  text-align: center;
+  color: var(--block-gold-light);
+  overflow-wrap: anywhere;
+}
+
+.block-row-gK5cA > * {
+  padding: 2px 0;
+  vertical-align: baseline;
+}
+
+.block-rank-TJ44y {
+  width: 1%;
+  padding-right: var(--block-space-2);
+  color: var(--block-text-secondary);
+  font-variant-numeric: tabular-nums;
+  text-align: right;
+}
+
+.block-name-H8EuJ {
+  font-weight: var(--block-font-weight-regular);
+  text-align: left;
+  overflow-wrap: anywhere;
+}
+
+.block-score-C7mhx {
+  padding-left: var(--block-space-4);
+  text-align: right;
+  white-space: nowrap;
+  color: var(--block-redstone-light);
+  font-variant-numeric: tabular-nums;
+}
+
+.block-row-gK5cA[data-highlighted] > * {
+  background-color: color-mix(in srgb, var(--block-emerald) 30%, transparent);
+}
+
+.block-row-gK5cA[data-highlighted] .block-name-H8EuJ {
+  color: var(--block-emerald-light);
+}
+
+.block-empty-1FO3R {
+  padding: var(--block-space-2) 0;
+  text-align: center;
+  color: var(--block-text-secondary);
+}
+
+.block-more-3TTcW {
+  margin: var(--block-space-1) 0 0;
+  font-size: var(--block-font-size-xs);
+  text-align: right;
+  color: var(--block-text-secondary);
+}
+/*
+ * Shared look of the small HUD read-outs (CoordinatesHUD, BiomeIndicator,
+ * DayNightIndicator, WeatherIndicator): a dark, semi-transparent obsidian chip
+ * that stays legible over any game scene or theme.
+ */
+.block-chip-w274k {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--block-space-2);
+  min-height: 32px;
+  padding: var(--block-space-1) var(--block-space-2);
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-sm);
+  line-height: var(--block-line-height-tight);
+  color: var(--block-text-primary);
+  text-shadow: var(--block-shadow-text);
+  background-color: color-mix(in srgb, var(--block-obsidian-dark) 88%, transparent);
+  border: var(--block-border-width-thin) solid var(--block-black);
+  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--block-obsidian-light) 70%, transparent);
+}
+
+.block-chip-w274k[data-size="sm"] {
+  min-height: 24px;
+  padding: 2px var(--block-space-1);
+  font-size: var(--block-font-size-xs);
+}
+
+.block-chip-w274k[data-size="lg"] {
+  min-height: 44px;
+  padding: var(--block-space-2) var(--block-space-3);
+  font-size: var(--block-font-size-md);
+}
+
+.block-icon-fd7cr {
+  display: inline-flex;
+  flex-shrink: 0;
+  image-rendering: pixelated;
+}
+
+.block-label-GMz9X {
+  color: var(--block-text-secondary);
+}
+
+.block-value-ZxJD0 {
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+.block-coordinates-1uGGW {
+  flex-wrap: wrap;
+  column-gap: var(--block-space-3);
+}
+
+.block-axes-pVJgT {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: var(--block-space-3);
+}
+
+.block-axis-WP6By {
+  white-space: nowrap;
+}
+
+.block-facing-1uYGb {
+  white-space: nowrap;
+  text-transform: capitalize;
+}
+
+.block-copy-NFw0D {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 44px;
+  min-height: 24px;
+  margin-left: auto;
+  padding: 0 var(--block-space-2);
+  font: inherit;
+  font-size: var(--block-font-size-xs);
+  text-transform: uppercase;
+  color: var(--block-text-primary);
+  background-color: var(--block-obsidian-light);
+  border: var(--block-border-width-thin) solid var(--block-black);
+  box-shadow: inset 2px 2px 0 color-mix(in srgb, var(--block-white) 15%, transparent);
+  cursor: pointer;
+}
+
+.block-copy-NFw0D:hover {
+  background-color: color-mix(in srgb, var(--block-obsidian-light) 70%, var(--block-white));
+}
+
+.block-copy-NFw0D:focus-visible {
+  outline: 3px solid var(--block-focus);
+  outline-offset: 2px;
+}
+/* A stripe in the biome's material on the leading edge. */
+.block-biome-XfC9T {
+  border-left: 4px solid var(--block-mat);
+}
+
+.block-name-lZN2g {
+  color: var(--block-text-primary);
+}
+.block-dayNight-LObYN {
+  gap: var(--block-space-3);
+}
+
+/* Sky arc: the body travels along a half ellipse above the horizon. */
+.block-dial-R5NuO {
+  --dial-w: 56px;
+  --dial-h: 28px;
+  position: relative;
+  flex-shrink: 0;
+  width: var(--dial-w);
+  height: var(--dial-h);
+  overflow: hidden;
+  background: linear-gradient(
+    to top,
+    color-mix(in srgb, var(--block-water) 60%, transparent),
+    color-mix(in srgb, var(--block-water-dark) 30%, transparent)
+  );
+  border-bottom: 2px solid var(--block-grass);
+}
+
+.block-dayNight-LObYN[data-phase="night"] .block-dial-R5NuO {
+  background: linear-gradient(
+    to top,
+    color-mix(in srgb, var(--block-obsidian-light) 80%, transparent),
+    color-mix(in srgb, var(--block-black) 60%, transparent)
+  );
+}
+
+.block-dayNight-LObYN[data-phase="dawn"] .block-dial-R5NuO,
+.block-dayNight-LObYN[data-phase="dusk"] .block-dial-R5NuO {
+  background: linear-gradient(
+    to top,
+    color-mix(in srgb, var(--block-lava) 70%, transparent),
+    color-mix(in srgb, var(--block-amethyst-dark) 50%, transparent)
+  );
+}
+
+.block-dayNight-LObYN[data-size="lg"] .block-dial-R5NuO {
+  --dial-w: 80px;
+  --dial-h: 40px;
+}
+
+.block-dayNight-LObYN[data-size="sm"] .block-dial-R5NuO {
+  --dial-w: 40px;
+  --dial-h: 20px;
+}
+
+.block-horizon-QANfm {
+  position: absolute;
+  inset: auto 0 0;
+  height: 2px;
+  background-color: var(--block-grass-dark);
+}
+
+.block-body-9QH1O {
+  position: absolute;
+  left: calc(var(--block-dial-x) * (var(--dial-w) - 16px));
+  bottom: calc(var(--block-dial-y) * (var(--dial-h) - 16px) - 4px);
+  display: inline-flex;
+  image-rendering: pixelated;
+  transition:
+    left var(--block-duration-normal) var(--block-ease-step),
+    bottom var(--block-duration-normal) var(--block-ease-step);
+}
+
+.block-text-ZOb1z {
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: var(--block-space-2);
+}
+
+.block-phase-nm6iH {
+  color: var(--block-gold-light);
+}
+
+.block-dayNight-LObYN[data-phase="night"] .block-phase-nm6iH {
+  color: var(--block-diamond-light);
+}
+.block-weather-7zqS2[data-weather="rain"] .block-icon-sAoQZ,
+.block-weather-7zqS2[data-weather="snow"] .block-icon-sAoQZ {
+  animation: block-block-weather-drift-CfW9y 1.2s steps(2, end) infinite;
+}
+
+.block-weather-7zqS2[data-weather="thunder"] .block-icon-sAoQZ {
+  animation: block-block-weather-flash-vbjyP 2.4s steps(1, end) infinite;
+}
+
+.block-weather-7zqS2[data-weather="thunder"] .block-name-GjdrU {
+  color: var(--block-gold-light);
+}
+
+.block-weather-7zqS2[data-weather="snow"] .block-name-GjdrU {
+  color: var(--block-diamond-light);
+}
+
+/* Two-frame pixel drift; reduced motion stops it (base.css). */
+@keyframes block-block-weather-drift-CfW9y {
+  from {
+    transform: translateY(0);
+  }
+  to {
+    transform: translateY(2px);
+  }
+}
+
+@keyframes block-block-weather-flash-vbjyP {
+  0%,
+  90% {
+    filter: none;
+  }
+  92% {
+    filter: brightness(1.8);
+  }
+}
+.block-map-QzhiQ {
+  --map-size: 128px;
+  position: relative;
+  width: var(--map-size);
+  height: var(--map-size);
+  margin: 0;
+  flex-shrink: 0;
+  overflow: hidden;
+  background-color: var(--block-black);
+  border: var(--block-border-width) solid var(--block-border);
+  box-shadow: var(--block-shadow-bevel);
+}
+
+.block-map-QzhiQ[data-size="sm"] {
+  --map-size: 96px;
+}
+
+.block-map-QzhiQ[data-size="lg"] {
+  --map-size: 192px;
+}
+
+.block-map-QzhiQ[data-shape="round"] {
+  border-radius: 50%;
+}
+
+.block-svg-VlTbt {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.block-svg-VlTbt [data-terrain="grass"] {
+  fill: var(--block-grass);
+}
+
+.block-svg-VlTbt [data-terrain="forest"] {
+  fill: var(--block-grass-dark);
+}
+
+.block-svg-VlTbt [data-terrain="dirt"] {
+  fill: var(--block-dirt);
+}
+
+.block-svg-VlTbt [data-terrain="sand"] {
+  fill: var(--block-sand);
+}
+
+.block-svg-VlTbt [data-terrain="water"] {
+  fill: var(--block-water);
+}
+
+.block-svg-VlTbt [data-terrain="stone"] {
+  fill: var(--block-stone);
+}
+
+.block-svg-VlTbt [data-terrain="snow"] {
+  fill: var(--block-white);
+}
+
+.block-svg-VlTbt [data-terrain="lava"] {
+  fill: var(--block-lava);
+}
+
+.block-svg-VlTbt [data-terrain="unknown"] {
+  fill: var(--block-black);
+}
+
+.block-marker-ovenA {
+  stroke: var(--block-black);
+  stroke-width: 0.3;
+}
+
+.block-marker-ovenA[data-kind="home"] {
+  fill: var(--block-gold-light);
+}
+
+.block-marker-ovenA[data-kind="player"] {
+  fill: var(--block-diamond-light);
+}
+
+.block-marker-ovenA[data-kind="death"] {
+  fill: var(--block-redstone-light);
+}
+
+.block-marker-ovenA[data-kind="poi"] {
+  fill: var(--block-amethyst-light);
+}
+
+.block-player-4KZP- {
+  fill: var(--block-white);
+  stroke: var(--block-black);
+  stroke-width: 0.3;
+  stroke-linejoin: round;
+}
+
+.block-north-lfYMy {
+  position: absolute;
+  top: 2px;
+  left: 50%;
+  transform: translateX(-50%);
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-xs);
+  font-weight: var(--block-font-weight-bold);
+  line-height: 1;
+  color: var(--block-redstone-light);
+  text-shadow: var(--block-shadow-text);
+}
+.block-card-2kvf0 {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  padding: 4px;
+  color: var(--block-text);
+  background-color: var(--block-mat);
+  border: var(--block-border-width) solid var(--block-border);
+  box-shadow:
+    inset 3px 3px 0 var(--block-mat-light),
+    inset -3px -3px 0 var(--block-mat-dark),
+    var(--block-shadow-drop);
+}
+
+.block-header-A2utE {
+  display: flex;
+  align-items: center;
+  gap: var(--block-space-2);
+  padding: var(--block-space-1) var(--block-space-2) var(--block-space-2);
+}
+
+.block-label-XwdBX {
+  flex: 1;
+  margin: 0;
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-md);
+  font-weight: var(--block-font-weight-bold);
+  letter-spacing: var(--block-letter-spacing-wide);
+  text-transform: uppercase;
+  color: var(--block-mat-on);
+  text-shadow: var(--block-mat-text-shadow);
+}
+
+.block-headerAction-ALYZH {
+  display: flex;
+  margin-left: auto;
+}
+
+.block-body-znyfw {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: var(--block-space-3);
+  padding: var(--block-space-3);
+  background-color: color-mix(in srgb, var(--block-mat-dark) 35%, var(--block-surface-alt));
+  border: var(--block-border-width-thin) solid var(--block-border);
+  box-shadow: inset 2px 2px 0 var(--block-shadow-bevel-dark);
+}
+
+.block-footer-dDt5t {
+  display: flex;
+  justify-content: center;
+  gap: var(--block-space-2);
+  padding: var(--block-space-2) var(--block-space-2) var(--block-space-1);
+}
+
+.block-footer-dDt5t > * {
+  flex: 1;
+  max-width: 220px;
+}
+.block-root-rTdSF {
+  display: flex;
+  flex-direction: column;
+  gap: var(--block-space-1);
+  width: 100%;
+  min-width: 0;
+}
+
+.block-header-2IURR {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: var(--block-space-2);
+}
+
+.block-label-W1HZY {
+  font-size: var(--block-font-size-sm);
+  color: var(--block-text);
+}
+
+.block-value-A8pmI {
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-sm);
+  color: var(--block-text-muted);
+}
+
+.block-track-DZH38 {
+  --progress-h: 16px;
+
+  position: relative;
+  width: 100%;
+  height: var(--progress-h);
+  background-color: var(--block-slot);
+  border: var(--block-border-width-thin) solid var(--block-border);
+  box-shadow: inset 0 3px 0 var(--block-shadow-bevel-dark);
+  overflow: hidden;
+}
+
+.block-track-DZH38[data-size="sm"] {
+  --progress-h: 10px;
+}
+
+.block-track-DZH38[data-size="lg"] {
+  --progress-h: 24px;
+}
+
+.block-fill-5cIAT {
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: var(--block-progress);
+  background-color: var(--block-mat);
+  box-shadow:
+    inset 0 3px 0 var(--block-mat-light),
+    inset 0 -3px 0 var(--block-mat-dark);
+  transition: width var(--block-duration-normal) steps(4, end);
+}
+
+.block-segments-cL-Dr {
+  position: absolute;
+  inset: 0;
+  background-image: repeating-linear-gradient(
+    to right,
+    transparent 0 14px,
+    color-mix(in srgb, var(--block-black) 45%, transparent) 14px 16px
+  );
+  pointer-events: none;
+}
+
+.block-track-DZH38[data-indeterminate] .block-fill-5cIAT {
+  width: 30%;
+  animation: block-indeterminate-Uy5MO 1200ms steps(10, end) infinite;
+}
+
+@keyframes block-indeterminate-Uy5MO {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(340%);
+  }
+}
+/* Shared layout pieces for the game cards. */
+.block-card-EOeNx {
+  height: 100%;
+}
+
+.block-headline-GkjHe {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--block-space-3);
+}
+
+.block-iconBox-Ckho6 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 48px;
+  height: 48px;
+  background-color: var(--block-slot);
+  border: var(--block-border-width-thin) solid var(--block-border);
+  box-shadow: var(--block-shadow-inset);
+}
+
+.block-iconBox-Ckho6 > img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  image-rendering: pixelated;
+}
+
+.block-titleBlock-8DyMl {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.block-title-kwXGU {
+  margin: 0;
+  font-size: var(--block-font-size-lg);
+  font-weight: var(--block-font-weight-bold);
+  line-height: var(--block-line-height-tight);
+  overflow-wrap: anywhere;
+}
+
+.block-description-ESnpt,
+.block-meta-jL5R2 {
+  margin: 0;
+  font-size: var(--block-font-size-sm);
+  color: var(--block-text-muted);
+}
+
+.block-rewards-muPCu {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--block-space-2) var(--block-space-3);
+}
+
+.block-rewardsLabel-5Kzrg {
+  font-size: var(--block-font-size-xs);
+  color: var(--block-text-muted);
+  text-transform: uppercase;
+}
+
+.block-rewardList-N2s-L {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--block-space-3);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.block-reward-hXJgg {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--block-space-1);
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-sm);
+}
+
+.block-unit-n9dta {
+  font-family: var(--block-font-body);
+  font-size: var(--block-font-size-xs);
+  color: var(--block-text-muted);
+}
+
+.block-stats-DMGyM {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: var(--block-space-1) var(--block-space-3);
+  margin: 0;
+  font-size: var(--block-font-size-sm);
+}
+
+.block-stats-DMGyM dt {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--block-space-1);
+  color: var(--block-text-muted);
+}
+
+.block-stats-DMGyM dd {
+  margin: 0;
+  text-align: right;
+  font-weight: var(--block-font-weight-medium);
+}
+
+.block-locked-YBL3N .block-iconBox-Ckho6 {
+  filter: grayscale(1) brightness(0.6);
+}
+
+.block-statRow-FmINt {
+  display: contents;
+}
+.block-badge-GHG0w {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--block-space-1);
+  min-height: 28px;
+  padding: 2px var(--block-space-2);
+  font-size: var(--block-font-size-sm);
+  font-weight: var(--block-font-weight-medium);
+  line-height: 1.2;
+  white-space: nowrap;
+  color: var(--block-text);
+  background-color: color-mix(in srgb, var(--block-mat) 22%, var(--block-surface-alt));
+  border: var(--block-border-width-thin) solid var(--block-border);
+  box-shadow:
+    inset 2px 2px 0 color-mix(in srgb, var(--block-mat-light) 25%, transparent),
+    inset -2px -2px 0 var(--block-shadow-bevel-dark);
+}
+
+.block-badge-GHG0w[data-size="sm"] {
+  min-height: 22px;
+  padding: 0 var(--block-space-1);
+  font-size: var(--block-font-size-xs);
+}
+
+.block-dot-935Xm {
+  width: 10px;
+  height: 10px;
+  flex-shrink: 0;
+  background-color: var(--block-mat);
+  box-shadow:
+    inset -2px -2px 0 var(--block-mat-dark),
+    0 0 0 1px var(--block-border);
+}
+
+.block-icon-DviqX {
+  display: inline-flex;
+  color: var(--block-mat);
+}
+
+.block-label-gpIKX {
+  padding-top: 1px;
+}
+.block-signal-hbcww {
+  display: inline-flex;
+  align-items: flex-end;
+  gap: 2px;
+  height: 20px;
+  margin-left: auto;
+  flex-shrink: 0;
+}
+
+.block-bar-Av3KK {
+  width: 4px;
+  background-color: var(--block-slot);
+  box-shadow: 0 0 0 1px var(--block-border);
+}
+
+.block-bar-Av3KK:nth-child(1) {
+  height: 5px;
+}
+
+.block-bar-Av3KK:nth-child(2) {
+  height: 10px;
+}
+
+.block-bar-Av3KK:nth-child(3) {
+  height: 15px;
+}
+
+.block-bar-Av3KK:nth-child(4) {
+  height: 20px;
+}
+
+.block-signal-hbcww[data-quality="good"] .block-bar-Av3KK[data-on] {
+  background-color: var(--block-emerald);
+}
+
+.block-signal-hbcww[data-quality="fair"] .block-bar-Av3KK[data-on] {
+  background-color: var(--block-gold);
+}
+
+.block-signal-hbcww[data-quality="poor"] .block-bar-Av3KK[data-on] {
+  background-color: var(--block-redstone-light);
+}
+.block-preview-JwGTv {
+  position: relative;
+  aspect-ratio: 16 / 7;
+  overflow: hidden;
+  border: var(--block-border-width-thin) solid var(--block-border);
+  background-color: var(--block-water-dark);
+}
+
+.block-image-y0FZl {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  image-rendering: pixelated;
+}
+
+/* Original pixel landscape: sky, hills, grass and dirt layers. */
+.block-landscape-6j8Il {
+  position: absolute;
+  inset: 0;
+  background:
+    linear-gradient(
+      to bottom,
+      transparent 0 58%,
+      var(--block-grass) 58% 66%,
+      var(--block-grass-dark) 66% 70%,
+      var(--block-dirt) 70% 86%,
+      var(--block-stone-dark) 86% 100%
+    ),
+    linear-gradient(
+        to right,
+        transparent 0 8%,
+        var(--block-grass-dark) 8% 22%,
+        transparent 22% 54%,
+        var(--block-grass-dark) 54% 76%,
+        transparent 76%
+      )
+      0 46% / 100% 12% no-repeat,
+    linear-gradient(
+        to right,
+        transparent 0 12%,
+        var(--block-grass) 12% 18%,
+        transparent 18% 60%,
+        var(--block-grass) 60% 70%,
+        transparent 70%
+      )
+      0 36% / 100% 10% no-repeat,
+    linear-gradient(to bottom, var(--block-water-light), var(--block-water) 60%);
+  image-rendering: pixelated;
+}
+
+.block-info-0sYPF {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: var(--block-space-3);
+}
+
+.block-play-3bOpR {
+  flex-shrink: 0;
+}
+/* Shared layout of ServerBrowser and WorldBrowser: toolbar, count and card list. */
+.block-browser-I1wXs {
+  display: flex;
+  flex-direction: column;
+  gap: var(--block-space-3);
+  width: 100%;
+}
+
+.block-toolbar-ScAO4 {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  gap: var(--block-space-3);
+}
+
+.block-search-Uc1Av {
+  flex: 1 1 220px;
+  min-width: 0;
+}
+
+.block-filter-KJVyB {
+  flex: 0 1 180px;
+}
+
+.block-actions-dvQVT {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--block-space-2);
+  margin-left: auto;
+}
+
+.block-count-iZmBJ {
+  margin: 0;
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-xs);
+  text-transform: uppercase;
+  color: var(--block-text-muted);
+}
+
+.block-list-TU-pd {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
+  gap: var(--block-space-3);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.block-list-TU-pd > li {
+  display: flex;
+  min-width: 0;
+}
+
+.block-list-TU-pd > li > * {
+  flex: 1;
+}
+
+.block-empty-GFa5k {
+  margin: 0;
+  padding: var(--block-space-6);
+  text-align: center;
+  color: var(--block-text-muted);
+  background-color: var(--block-slot);
+  border: var(--block-border-width-thin) dashed var(--block-border);
+}
+.block-anchor-3LOJ3 {
+  display: inline-flex;
+  vertical-align: middle;
+}
+
+.block-tooltip-K9Jn9 {
+  position: fixed;
+  top: var(--block-float-y, 0);
+  left: var(--block-float-x, 0);
+  z-index: var(--block-z-tooltip);
+  width: max-content;
+  max-width: min(280px, calc(100vw - var(--block-space-4)));
+  padding: var(--block-space-1) var(--block-space-2);
+  font-family: var(--block-font-body);
+  font-size: var(--block-font-size-sm);
+  font-weight: var(--block-font-weight-medium);
+  line-height: var(--block-line-height-tight);
+  text-align: left;
+  text-transform: none;
+  white-space: normal;
+  color: var(--block-text-primary);
+  background-color: var(--block-obsidian-dark);
+  border: var(--block-border-width-thin) solid var(--block-black);
+  box-shadow:
+    inset 0 0 0 2px var(--block-obsidian-light),
+    var(--block-shadow-drop);
+}
+
+.block-tooltip-K9Jn9[hidden] {
+  display: none;
+}
+
+.block-tooltip-K9Jn9[data-size="sm"] {
+  max-width: min(200px, calc(100vw - var(--block-space-4)));
+}
+
+/* Pixel arrow, aligned with the anchor's center even when the box slides. */
+.block-tooltip-K9Jn9::after {
+  content: "";
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background-color: var(--block-obsidian-light);
+}
+
+.block-tooltip-K9Jn9[data-placement="top"]::after,
+.block-tooltip-K9Jn9[data-placement="bottom"]::after {
+  left: calc(var(--block-float-arrow, 50%) - 4px);
+}
+
+.block-tooltip-K9Jn9[data-placement="left"]::after,
+.block-tooltip-K9Jn9[data-placement="right"]::after {
+  top: calc(var(--block-float-arrow, 50%) - 4px);
+}
+
+.block-tooltip-K9Jn9[data-placement="top"]::after {
+  top: 100%;
+  clip-path: polygon(0 0, 100% 0, 50% 100%);
+}
+
+.block-tooltip-K9Jn9[data-placement="bottom"]::after {
+  bottom: 100%;
+  clip-path: polygon(50% 0, 100% 100%, 0 100%);
+}
+
+.block-tooltip-K9Jn9[data-placement="left"]::after {
+  left: 100%;
+  clip-path: polygon(0 0, 100% 50%, 0 100%);
+}
+
+.block-tooltip-K9Jn9[data-placement="right"]::after {
+  right: 100%;
+  clip-path: polygon(100% 0, 100% 100%, 0 50%);
+}
+.block-wrapper-tQfa- {
+  max-width: 100%;
+  overflow-x: auto;
+  background-color: var(--block-surface);
+  border: var(--block-border-width) solid var(--block-border);
+  box-shadow: var(--block-shadow-bevel);
+  scrollbar-width: thin;
+}
+
+.block-wrapper-tQfa-:focus-visible {
+  outline: 3px solid var(--block-focus);
+  outline-offset: 2px;
+}
+
+.block-table-x1Qnx {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: var(--block-font-size-sm);
+  color: var(--block-text);
+  font-variant-numeric: tabular-nums;
+}
+
+.block-caption-T-Obe {
+  padding: var(--block-space-2) var(--block-space-3);
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-md);
+  font-weight: var(--block-font-weight-bold);
+  letter-spacing: var(--block-letter-spacing-wide);
+  text-align: left;
+  text-transform: uppercase;
+  text-shadow: var(--block-shadow-text);
+  background-color: var(--block-surface-header);
+  border-bottom: var(--block-border-width-thin) solid var(--block-border);
+}
+
+.block-col-L7kx6 {
+  width: var(--block-table-col-width);
+}
+
+.block-headerCell-LQKy8 {
+  padding: var(--block-space-2) var(--block-space-3);
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-xs);
+  font-weight: var(--block-font-weight-bold);
+  letter-spacing: var(--block-letter-spacing-wide);
+  text-transform: uppercase;
+  white-space: nowrap;
+  color: var(--block-text-muted);
+  background-color: var(--block-surface-alt);
+  border-bottom: var(--block-border-width) solid var(--block-border);
+}
+
+.block-sticky-M7fKZ {
+  overflow: visible;
+}
+
+.block-sticky-M7fKZ .block-headerCell-LQKy8 {
+  position: sticky;
+  top: 0;
+  z-index: var(--block-z-sticky);
+}
+
+.block-cell-yLLKH {
+  padding: var(--block-space-2) var(--block-space-3);
+  border-bottom: var(--block-border-width-thin) solid var(--block-shadow-bevel-dark);
+  vertical-align: middle;
+}
+
+.block-table-x1Qnx[data-size="sm"] .block-headerCell-LQKy8,
+.block-table-x1Qnx[data-size="sm"] .block-cell-yLLKH {
+  padding: var(--block-space-1) var(--block-space-2);
+}
+
+.block-rowHeader-cYBI3 {
+  font-weight: var(--block-font-weight-bold);
+  text-align: left;
+}
+
+.block-row-cNM95:last-child .block-cell-yLLKH {
+  border-bottom: 0;
+}
+
+.block-table-x1Qnx[data-striped] .block-row-cNM95:nth-child(even) {
+  background-color: color-mix(in srgb, var(--block-surface-alt) 70%, transparent);
+}
+
+.block-row-cNM95:hover {
+  background-color: var(--block-slot-hover);
+}
+
+.block-table-x1Qnx [data-align="start"] {
+  text-align: start;
+}
+
+.block-table-x1Qnx [data-align="center"] {
+  text-align: center;
+}
+
+.block-table-x1Qnx [data-align="end"] {
+  text-align: end;
+}
+
+.block-sortButton-Lr2ri {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--block-space-1);
+  margin: calc(-1 * var(--block-space-1));
+  padding: var(--block-space-1);
+  font: inherit;
+  letter-spacing: inherit;
+  text-transform: inherit;
+  color: inherit;
+  background: none;
+  border: 0;
+  cursor: pointer;
+}
+
+.block-sortButton-Lr2ri:hover,
+.block-sortButton-Lr2ri[data-direction] {
+  color: var(--block-text);
+}
+
+.block-sortButton-Lr2ri:focus-visible {
+  outline: 3px solid var(--block-focus);
+  outline-offset: 0;
+}
+
+.block-sortIcon-tm-Vg {
+  display: inline-flex;
+  opacity: 0.35;
+}
+
+.block-sortButton-Lr2ri[data-direction] .block-sortIcon-tm-Vg {
+  opacity: 1;
+}
+
+.block-empty-B21lk {
+  padding: var(--block-space-6) var(--block-space-3);
+  text-align: center;
+  color: var(--block-text-muted);
+}
+.block-tree-t4d9e {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--block-space-3);
+  width: 100%;
+}
+
+.block-points-l5jMV {
+  margin: 0;
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-sm);
+  text-transform: uppercase;
+  color: var(--block-text-muted);
+}
+
+.block-points-l5jMV strong {
+  color: var(--block-emerald-light);
+}
+
+.block-board-n1kUI {
+  --cell: 64px;
+  position: relative;
+  width: calc(var(--block-skill-columns) * var(--cell));
+  max-width: 100%;
+  aspect-ratio: var(--block-skill-columns) / var(--block-skill-rows);
+}
+
+.block-lines-tJ0wI {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.block-lines-tJ0wI line {
+  stroke: var(--block-border);
+  stroke-width: 4;
+}
+
+.block-lines-tJ0wI line[data-lit] {
+  stroke: var(--block-emerald);
+}
+
+.block-nodes-DQOOP {
+  position: relative;
+  display: grid;
+  grid-template-columns: repeat(var(--block-skill-columns), 1fr);
+  grid-template-rows: repeat(var(--block-skill-rows), 1fr);
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.block-cell-LDgL6 {
+  grid-row: var(--block-skill-row);
+  grid-column: var(--block-skill-col);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.block-node-91mfm {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: min(48px, 80%);
+  aspect-ratio: 1;
+  padding: 0;
+  background-color: var(--block-slot);
+  border: var(--block-border-width) solid var(--block-border);
+  box-shadow: var(--block-shadow-inset);
+  cursor: pointer;
+}
+
+.block-node-91mfm[data-state="available"] {
+  background-color: var(--block-surface-alt);
+  border-color: var(--block-gold);
+  box-shadow: var(--block-shadow-bevel);
+}
+
+.block-node-91mfm[data-state="unlocked"] {
+  background-color: color-mix(in srgb, var(--block-emerald) 35%, var(--block-surface-alt));
+  border-color: var(--block-emerald-light);
+  box-shadow:
+    var(--block-shadow-bevel),
+    0 0 0 2px color-mix(in srgb, var(--block-emerald-light) 40%, transparent);
+}
+
+.block-node-91mfm[aria-pressed="true"] {
+  outline: 3px solid var(--block-text);
+  outline-offset: 2px;
+}
+
+.block-node-91mfm:focus-visible {
+  outline: 3px solid var(--block-focus);
+  outline-offset: 2px;
+}
+
+.block-icon-BuZf1 {
+  display: inline-flex;
+  width: 70%;
+  height: 70%;
+}
+
+.block-icon-BuZf1 > * {
+  width: 100%;
+  height: 100%;
+}
+
+.block-node-91mfm[data-state="locked"] .block-icon-BuZf1 {
+  opacity: 0.45;
+  filter: grayscale(1);
+}
+
+.block-detail-RJItE {
+  width: 100%;
+  max-width: 420px;
+  min-height: 72px;
+  padding: var(--block-space-2) var(--block-space-3);
+  background-color: var(--block-surface-alt);
+  border: var(--block-border-width-thin) solid var(--block-border);
+  box-shadow: var(--block-shadow-bevel);
+}
+
+.block-detail-RJItE > * + * {
+  margin-top: var(--block-space-2);
+}
+
+.block-name-rX7DZ {
+  margin: 0;
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-md);
+  text-transform: uppercase;
+}
+
+.block-state-sNumz {
+  margin-left: var(--block-space-1);
+  font-size: var(--block-font-size-xs);
+  color: var(--block-text-muted);
+}
+
+.block-state-sNumz[data-state="unlocked"] {
+  color: var(--block-emerald-light);
+}
+
+.block-state-sNumz[data-state="available"] {
+  color: var(--block-gold-light);
+}
+
+.block-description-dDvD4 {
+  margin: 0;
+  font-size: var(--block-font-size-sm);
+  color: var(--block-text-muted);
+}
+
+.block-requires-Vg1oB {
+  margin: 0;
+  font-size: var(--block-font-size-sm);
+  /* Lightened so it stays above 4.5:1 on every theme's panel colour. */
+  color: color-mix(in srgb, var(--block-redstone-light) 65%, var(--block-white));
+}
+.block-avatar-9s1vM {
+  --avatar-size: 32px;
+  position: relative;
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: var(--avatar-size);
+  height: var(--avatar-size);
+  color: var(--block-mat-on);
+  background-color: var(--block-mat);
+  border: var(--block-border-width-thin) solid var(--block-black);
+  box-shadow:
+    inset 2px 2px 0 var(--block-mat-light),
+    inset -2px -2px 0 var(--block-mat-dark);
+  vertical-align: middle;
+}
+
+.block-avatar-9s1vM[data-size="sm"] {
+  --avatar-size: 24px;
+}
+
+.block-avatar-9s1vM[data-size="lg"] {
+  --avatar-size: 48px;
+}
+
+.block-avatar-9s1vM[data-size="xl"] {
+  --avatar-size: 64px;
+}
+
+.block-image-RZELF {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
   image-rendering: pixelated;
 }
 
-.block-info-0sYPF {
-  display: flex;
-  align-items: flex-end;
-  justify-content: space-between;
-  gap: var(--block-space-3);
+.block-icon-mq-FE {
+  display: inline-flex;
+  width: 70%;
+  height: 70%;
 }
 
-.block-play-3bOpR {
-  flex-shrink: 0;
+.block-icon-mq-FE > * {
+  width: 100%;
+  height: 100%;
 }
-.block-anchor-3LOJ3 {
-  display: inline-flex;
-  vertical-align: middle;
+
+.block-initials-siD-X {
+  font-family: var(--block-font-display);
+  font-size: calc(var(--avatar-size) * 0.4);
+  font-weight: var(--block-font-weight-bold);
+  line-height: 1;
+  text-shadow: var(--block-mat-text-shadow, none);
 }
 
-.block-tooltip-K9Jn9 {
-  position: fixed;
-  top: var(--block-float-y, 0);
-  left: var(--block-float-x, 0);
-  z-index: var(--block-z-tooltip);
-  width: max-content;
-  max-width: min(280px, calc(100vw - var(--block-space-4)));
-  padding: var(--block-space-1) var(--block-space-2);
-  font-family: var(--block-font-body);
+/* Presence dot, a quarter of the avatar, in the bottom-right corner. */
+.block-status-CalIQ {
+  position: absolute;
+  right: -3px;
+  bottom: -3px;
+  width: max(8px, calc(var(--avatar-size) * 0.3));
+  height: max(8px, calc(var(--avatar-size) * 0.3));
+  border: 2px solid var(--block-black);
+}
+
+.block-status-CalIQ[data-status="online"] {
+  background-color: var(--block-emerald-light);
+}
+
+.block-status-CalIQ[data-status="away"] {
+  background-color: var(--block-gold-light);
+}
+
+.block-status-CalIQ[data-status="busy"] {
+  background-color: var(--block-redstone-light);
+}
+
+.block-status-CalIQ[data-status="offline"] {
+  background-color: var(--block-stone);
+}
+.block-chat-Q0XDo {
+  --chat-height: 240px;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 560px;
   font-size: var(--block-font-size-sm);
-  font-weight: var(--block-font-weight-medium);
-  line-height: var(--block-line-height-tight);
-  text-align: left;
-  text-transform: none;
-  white-space: normal;
   color: var(--block-text-primary);
-  background-color: var(--block-obsidian-dark);
+  background-color: color-mix(in srgb, var(--block-obsidian-dark) 80%, transparent);
   border: var(--block-border-width-thin) solid var(--block-black);
-  box-shadow:
-    inset 0 0 0 2px var(--block-obsidian-light),
-    var(--block-shadow-drop);
 }
 
-.block-tooltip-K9Jn9[hidden] {
-  display: none;
+.block-chat-Q0XDo[data-size="sm"] {
+  --chat-height: 160px;
 }
 
-.block-tooltip-K9Jn9[data-size="sm"] {
-  max-width: min(200px, calc(100vw - var(--block-space-4)));
+.block-chat-Q0XDo[data-size="lg"] {
+  --chat-height: 360px;
 }
 
-/* Pixel arrow, aligned with the anchor's center even when the box slides. */
-.block-tooltip-K9Jn9::after {
-  content: "";
-  position: absolute;
-  width: 8px;
-  height: 8px;
-  background-color: var(--block-obsidian-light);
+.block-log-HVoUA {
+  display: flex;
+  flex-direction: column;
+  height: var(--chat-height);
+  padding: var(--block-space-2);
+  overflow-y: auto;
+  scrollbar-width: thin;
 }
 
-.block-tooltip-K9Jn9[data-placement="top"]::after,
-.block-tooltip-K9Jn9[data-placement="bottom"]::after {
-  left: calc(var(--block-float-arrow, 50%) - 4px);
+/* Messages stack from the bottom, like in-game chat. */
+.block-list-JP34I {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin: auto 0 0;
+  padding: 0;
+  list-style: none;
 }
 
-.block-tooltip-K9Jn9[data-placement="left"]::after,
-.block-tooltip-K9Jn9[data-placement="right"]::after {
-  top: calc(var(--block-float-arrow, 50%) - 4px);
+.block-log-HVoUA:focus-visible {
+  outline: 3px solid var(--block-focus);
+  outline-offset: -3px;
 }
 
-.block-tooltip-K9Jn9[data-placement="top"]::after {
-  top: 100%;
-  clip-path: polygon(0 0, 100% 0, 50% 100%);
+.block-message-hLZr5 {
+  line-height: var(--block-line-height-normal);
+  text-shadow: var(--block-shadow-text);
+  overflow-wrap: anywhere;
 }
 
-.block-tooltip-K9Jn9[data-placement="bottom"]::after {
-  bottom: 100%;
-  clip-path: polygon(50% 0, 100% 100%, 0 100%);
+.block-time-ADjHo {
+  color: var(--block-text-secondary);
+  font-variant-numeric: tabular-nums;
 }
 
-.block-tooltip-K9Jn9[data-placement="left"]::after {
-  left: 100%;
-  clip-path: polygon(0 0, 100% 50%, 0 100%);
+.block-author-4B0dn {
+  color: var(--block-diamond-light);
 }
 
-.block-tooltip-K9Jn9[data-placement="right"]::after {
-  right: 100%;
-  clip-path: polygon(100% 0, 100% 100%, 0 50%);
+.block-message-hLZr5[data-type="system"] .block-text-dAB3G {
+  color: var(--block-gold-light);
 }
-.block-wrapper-tQfa- {
-  max-width: 100%;
-  overflow-x: auto;
-  background-color: var(--block-surface);
-  border: var(--block-border-width) solid var(--block-border);
-  box-shadow: var(--block-shadow-bevel);
-  scrollbar-width: thin;
+
+.block-message-hLZr5[data-type="join"] .block-text-dAB3G {
+  color: var(--block-gold-light);
 }
 
-.block-wrapper-tQfa-:focus-visible {
-  outline: 3px solid var(--block-focus);
-  outline-offset: 2px;
+.block-message-hLZr5[data-type="death"] .block-text-dAB3G {
+  color: var(--block-redstone-light);
 }
 
-.block-table-x1Qnx {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: var(--block-font-size-sm);
-  color: var(--block-text);
-  font-variant-numeric: tabular-nums;
+.block-message-hLZr5[data-type="whisper"] {
+  color: var(--block-text-secondary);
+  font-style: italic;
 }
 
-.block-caption-T-Obe {
-  padding: var(--block-space-2) var(--block-space-3);
-  font-family: var(--block-font-display);
-  font-size: var(--block-font-size-md);
-  font-weight: var(--block-font-weight-bold);
-  letter-spacing: var(--block-letter-spacing-wide);
-  text-align: left;
-  text-transform: uppercase;
-  text-shadow: var(--block-shadow-text);
-  background-color: var(--block-surface-header);
-  border-bottom: var(--block-border-width-thin) solid var(--block-border);
+.block-form--uumN {
+  display: flex;
+  gap: var(--block-space-1);
+  padding: var(--block-space-1);
+  border-top: var(--block-border-width-thin) solid var(--block-black);
 }
 
-.block-col-L7kx6 {
-  width: var(--block-table-col-width);
+.block-input-jrO44 {
+  flex: 1;
+  min-width: 0;
+  min-height: 36px;
+  padding: 0 var(--block-space-2);
+  font: inherit;
+  color: var(--block-text-primary);
+  background-color: color-mix(in srgb, var(--block-black) 70%, transparent);
+  border: var(--block-border-width-thin) solid var(--block-obsidian-light);
 }
 
-.block-headerCell-LQKy8 {
-  padding: var(--block-space-2) var(--block-space-3);
+.block-input-jrO44::placeholder {
+  color: var(--block-text-secondary);
+}
+
+.block-input-jrO44:focus-visible {
+  outline: 3px solid var(--block-focus);
+  outline-offset: -1px;
+}
+
+.block-send-P4NkZ {
+  min-width: 64px;
+  min-height: 36px;
+  padding: 0 var(--block-space-2);
   font-family: var(--block-font-display);
   font-size: var(--block-font-size-xs);
-  font-weight: var(--block-font-weight-bold);
-  letter-spacing: var(--block-letter-spacing-wide);
   text-transform: uppercase;
-  white-space: nowrap;
-  color: var(--block-text-muted);
-  background-color: var(--block-surface-alt);
-  border-bottom: var(--block-border-width) solid var(--block-border);
+  color: var(--block-text-primary);
+  background-color: var(--block-obsidian-light);
+  border: var(--block-border-width-thin) solid var(--block-black);
+  cursor: pointer;
 }
 
-.block-sticky-M7fKZ {
-  overflow: visible;
+.block-send-P4NkZ:focus-visible {
+  outline: 3px solid var(--block-focus);
+  outline-offset: 2px;
+}
+.block-console-qcWGr {
+  --console-height: 240px;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 640px;
+  font-family: var(--block-font-mono);
+  font-size: var(--block-font-size-sm);
+  color: var(--block-text-primary);
+  background-color: color-mix(in srgb, var(--block-black) 88%, transparent);
+  border: var(--block-border-width-thin) solid var(--block-obsidian-light);
 }
 
-.block-sticky-M7fKZ .block-headerCell-LQKy8 {
-  position: sticky;
-  top: 0;
-  z-index: var(--block-z-sticky);
+.block-console-qcWGr[data-size="sm"] {
+  --console-height: 160px;
 }
 
-.block-cell-yLLKH {
-  padding: var(--block-space-2) var(--block-space-3);
-  border-bottom: var(--block-border-width-thin) solid var(--block-shadow-bevel-dark);
-  vertical-align: middle;
+.block-console-qcWGr[data-size="lg"] {
+  --console-height: 360px;
 }
 
-.block-table-x1Qnx[data-size="sm"] .block-headerCell-LQKy8,
-.block-table-x1Qnx[data-size="sm"] .block-cell-yLLKH {
-  padding: var(--block-space-1) var(--block-space-2);
+.block-log-pWlGe {
+  display: flex;
+  flex-direction: column;
+  height: var(--console-height);
+  padding: var(--block-space-2);
+  overflow-y: auto;
+  scrollbar-width: thin;
 }
 
-.block-rowHeader-cYBI3 {
-  font-weight: var(--block-font-weight-bold);
-  text-align: left;
+.block-log-pWlGe:focus-visible {
+  outline: 3px solid var(--block-focus);
+  outline-offset: -3px;
 }
 
-.block-row-cNM95:last-child .block-cell-yLLKH {
-  border-bottom: 0;
+.block-list-MIIVP {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin: auto 0 0;
+  padding: 0;
+  list-style: none;
 }
 
-.block-table-x1Qnx[data-striped] .block-row-cNM95:nth-child(even) {
-  background-color: color-mix(in srgb, var(--block-surface-alt) 70%, transparent);
+.block-entry--mmGM {
+  line-height: var(--block-line-height-normal);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
 }
 
-.block-row-cNM95:hover {
-  background-color: var(--block-slot-hover);
+.block-entry--mmGM[data-kind="input"] {
+  color: var(--block-text-secondary);
 }
 
-.block-table-x1Qnx [data-align="start"] {
-  text-align: start;
+.block-entry--mmGM[data-kind="input"]::before {
+  content: "> ";
 }
 
-.block-table-x1Qnx [data-align="center"] {
-  text-align: center;
+.block-entry--mmGM[data-kind="success"] {
+  color: var(--block-emerald-light);
 }
 
-.block-table-x1Qnx [data-align="end"] {
-  text-align: end;
+.block-entry--mmGM[data-kind="error"] {
+  color: var(--block-redstone-light);
 }
 
-.block-sortButton-Lr2ri {
-  display: inline-flex;
+.block-form-tWoQQ {
+  position: relative;
+  display: flex;
   align-items: center;
   gap: var(--block-space-1);
-  margin: calc(-1 * var(--block-space-1));
-  padding: var(--block-space-1);
+  padding: var(--block-space-1) var(--block-space-2);
+  border-top: var(--block-border-width-thin) solid var(--block-obsidian-light);
+}
+
+.block-prompt-BftNf {
+  color: var(--block-emerald-light);
+}
+
+.block-input-GFfLX {
+  flex: 1;
+  min-width: 0;
+  min-height: 36px;
+  padding: 0 var(--block-space-1);
   font: inherit;
-  letter-spacing: inherit;
-  text-transform: inherit;
-  color: inherit;
-  background: none;
+  color: var(--block-text-primary);
+  background: transparent;
   border: 0;
-  cursor: pointer;
 }
 
-.block-sortButton-Lr2ri:hover,
-.block-sortButton-Lr2ri[data-direction] {
-  color: var(--block-text);
+.block-input-GFfLX::placeholder {
+  color: var(--block-text-secondary);
 }
 
-.block-sortButton-Lr2ri:focus-visible {
+.block-input-GFfLX:focus-visible {
   outline: 3px solid var(--block-focus);
   outline-offset: 0;
 }
 
-.block-sortIcon-tm-Vg {
-  display: inline-flex;
-  opacity: 0.35;
+.block-suggestions-kbQEK {
+  position: absolute;
+  bottom: 100%;
+  left: 0;
+  right: 0;
+  z-index: var(--block-z-dropdown);
+  max-height: 180px;
+  margin: 0;
+  padding: var(--block-space-1);
+  overflow-y: auto;
+  list-style: none;
+  background-color: var(--block-obsidian-dark);
+  border: var(--block-border-width-thin) solid var(--block-obsidian-light);
+}
+
+.block-suggestion-gbqGK {
+  padding: 2px var(--block-space-1);
+  cursor: pointer;
+  overflow-wrap: anywhere;
+}
+
+.block-suggestion-gbqGK[aria-selected="true"] {
+  background-color: var(--block-obsidian-light);
+}
+
+.block-name-V4HmU {
+  color: var(--block-gold-light);
 }
 
-.block-sortButton-Lr2ri[data-direction] .block-sortIcon-tm-Vg {
-  opacity: 1;
+.block-usage-58Sl7 {
+  color: var(--block-text-primary);
 }
 
-.block-empty-B21lk {
-  padding: var(--block-space-6) var(--block-space-3);
-  text-align: center;
-  color: var(--block-text-muted);
+.block-description-hVsJo {
+  color: var(--block-text-secondary);
 }
 .block-sidebar-h3ahB {
   display: flex;
@@ -3500,6 +5190,86 @@ div.block-slot-ZIG6g:not([role="gridcell"]):not([tabindex]) {
   letter-spacing: var(--block-letter-spacing-wide);
   text-transform: uppercase;
 }
+.block-accordion-u7KUD {
+  display: flex;
+  flex-direction: column;
+  gap: var(--block-space-1);
+  width: 100%;
+}
+
+.block-item-Anf9u {
+  background-color: var(--block-surface);
+  border: var(--block-border-width) solid var(--block-border);
+  box-shadow: var(--block-shadow-bevel);
+}
+
+.block-heading-YzlrO {
+  margin: 0;
+}
+
+.block-trigger-r-rVI {
+  display: flex;
+  align-items: center;
+  gap: var(--block-space-2);
+  width: 100%;
+  min-height: 44px;
+  padding: var(--block-space-2) var(--block-space-3);
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-sm);
+  font-weight: var(--block-font-weight-bold);
+  letter-spacing: var(--block-letter-spacing-wide);
+  text-align: left;
+  text-transform: uppercase;
+  color: var(--block-text);
+  background-color: var(--block-surface-header);
+  border: 0;
+  cursor: pointer;
+}
+
+.block-trigger-r-rVI:hover:not(:disabled) {
+  background-color: var(--block-slot-hover);
+}
+
+.block-trigger-r-rVI:focus-visible {
+  outline: 3px solid var(--block-focus);
+  outline-offset: -3px;
+}
+
+.block-trigger-r-rVI:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.block-icon-ja4pL {
+  display: inline-flex;
+  flex-shrink: 0;
+}
+
+.block-title-xq19m {
+  flex: 1;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.block-chevron-hKGfT {
+  display: inline-flex;
+  flex-shrink: 0;
+  transition: transform var(--block-duration-instant) var(--block-ease-step);
+}
+
+.block-item-Anf9u[data-open] .block-chevron-hKGfT {
+  transform: rotate(180deg);
+}
+
+.block-panel-wcIDx {
+  padding: var(--block-space-3);
+  border-top: var(--block-border-width-thin) solid var(--block-border);
+  color: var(--block-text);
+}
+
+.block-panel-wcIDx[hidden] {
+  display: none;
+}
 .block-overlay-gc2QW {
   position: fixed;
   inset: 0;
@@ -3705,4 +5475,262 @@ div.block-slot-ZIG6g:not([role="gridcell"]):not([tabindex]) {
 .block-bar-oFS7J {
   width: 100%;
 }
+.block-overlay-MaF41 {
+  position: fixed;
+  inset: 0;
+  z-index: var(--block-z-modal);
+  display: flex;
+  justify-content: flex-end;
+  background-color: var(--block-overlay);
+  animation: block-block-drawer-fade-4rcmM var(--block-duration-fast) steps(3, end);
+}
+
+.block-overlay-MaF41[data-side="left"] {
+  justify-content: flex-start;
+}
+
+.block-overlay-MaF41[data-side="bottom"] {
+  flex-direction: column;
+  justify-content: flex-end;
+}
+
+.block-drawer-aWDC6 {
+  --drawer-size: 360px;
+  display: flex;
+  flex-direction: column;
+  width: min(var(--drawer-size), 100%);
+  height: 100%;
+  color: var(--block-text);
+  background-color: var(--block-surface);
+  background-image:
+    linear-gradient(
+      color-mix(in srgb, var(--block-surface) 88%, transparent),
+      color-mix(in srgb, var(--block-surface) 88%, transparent)
+    ),
+    var(--block-texture);
+  background-size:
+    auto,
+    64px 64px;
+  border-left: var(--block-border-width) solid var(--block-border);
+  box-shadow: var(--block-shadow-bevel);
+  outline: none;
+  animation: block-block-drawer-in-right-Krar9 var(--block-duration-normal) steps(4, end);
+}
+
+.block-drawer-aWDC6[data-size="sm"] {
+  --drawer-size: 280px;
+}
+
+.block-drawer-aWDC6[data-size="lg"] {
+  --drawer-size: 520px;
+}
+
+.block-drawer-aWDC6[data-side="left"] {
+  border-left: 0;
+  border-right: var(--block-border-width) solid var(--block-border);
+  animation-name: block-block-drawer-in-left-EnlSn;
+}
+
+.block-drawer-aWDC6[data-side="bottom"] {
+  --drawer-size: 50dvh;
+  width: 100%;
+  height: min(var(--drawer-size), 100%);
+  border-left: 0;
+  border-top: var(--block-border-width) solid var(--block-border);
+  animation-name: block-block-drawer-in-bottom-yyZ8z;
+}
+
+.block-drawer-aWDC6[data-side="bottom"][data-size="sm"] {
+  --drawer-size: 33dvh;
+}
+
+.block-drawer-aWDC6[data-side="bottom"][data-size="lg"] {
+  --drawer-size: 80dvh;
+}
+
+.block-header-FheCx {
+  display: flex;
+  align-items: center;
+  gap: var(--block-space-2);
+  margin: 3px 3px 0;
+  padding: var(--block-space-2) var(--block-space-3);
+  background-color: var(--block-surface-header);
+  border-bottom: var(--block-border-width-thin) solid var(--block-border);
+}
+
+.block-title-4QE9I {
+  flex: 1;
+  margin: 0;
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-lg);
+  font-weight: var(--block-font-weight-bold);
+  letter-spacing: var(--block-letter-spacing-wide);
+  text-transform: uppercase;
+  text-shadow: var(--block-shadow-text);
+}
+
+.block-close-fdVrq {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  color: var(--block-text);
+  background-color: var(--block-slot);
+  border: var(--block-border-width-thin) solid var(--block-border);
+  box-shadow: var(--block-shadow-inset);
+  cursor: pointer;
+}
+
+.block-close-fdVrq:focus-visible {
+  outline: 3px solid var(--block-focus);
+  outline-offset: 2px;
+}
+
+.block-body-aFN-w {
+  flex: 1;
+  min-height: 0;
+  padding: var(--block-space-4);
+  overflow-y: auto;
+}
+
+.block-footer-m9z0P {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: var(--block-space-2);
+  padding: var(--block-space-3) var(--block-space-4);
+  border-top: var(--block-border-width-thin) solid var(--block-border);
+}
+
+@keyframes block-block-drawer-fade-4rcmM {
+  from {
+    opacity: 0;
+  }
+}
+
+@keyframes block-block-drawer-in-right-Krar9 {
+  from {
+    transform: translateX(100%);
+  }
+}
+
+@keyframes block-block-drawer-in-left-EnlSn {
+  from {
+    transform: translateX(-100%);
+  }
+}
+
+@keyframes block-block-drawer-in-bottom-yyZ8z {
+  from {
+    transform: translateY(100%);
+  }
+}
+.block-empty-CypAE {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--block-space-2);
+  width: 100%;
+  padding: var(--block-space-8) var(--block-space-4);
+  text-align: center;
+  color: var(--block-text);
+  background-color: var(--block-slot);
+  border: var(--block-border-width-thin) dashed var(--block-border);
+}
+
+.block-empty-CypAE[data-size="sm"] {
+  padding: var(--block-space-4) var(--block-space-3);
+}
+
+.block-icon-RT29d {
+  display: inline-flex;
+  opacity: 0.6;
+  filter: grayscale(0.5);
+}
+
+.block-title-gsp4I {
+  margin: 0;
+  font-family: var(--block-font-display);
+  font-size: var(--block-font-size-md);
+  font-weight: var(--block-font-weight-bold);
+  letter-spacing: var(--block-letter-spacing-wide);
+  text-transform: uppercase;
+  text-shadow: var(--block-shadow-text);
+}
+
+.block-empty-CypAE[data-size="sm"] .block-title-gsp4I {
+  font-size: var(--block-font-size-sm);
+}
+
+.block-description-es-JM {
+  max-width: 42ch;
+  margin: 0;
+  font-size: var(--block-font-size-sm);
+  color: var(--block-text-muted);
+}
+
+.block-action-TqLZE {
+  margin-top: var(--block-space-2);
+}
+.block-skeleton-iGMZW {
+  display: flex;
+  flex-direction: column;
+  gap: var(--block-space-2);
+  width: var(--block-skeleton-width, 100%);
+  max-width: 100%;
+}
+
+.block-bone-cYRm- {
+  display: block;
+  height: 12px;
+  background-color: var(--block-slot);
+  background-image: linear-gradient(
+    90deg,
+    transparent 0 40%,
+    color-mix(in srgb, var(--block-text) 12%, transparent) 40% 60%,
+    transparent 60%
+  );
+  background-size: 300% 100%;
+  border: var(--block-border-width-thin) solid var(--block-border);
+  animation: block-block-skeleton-sweep-8kYA1 1.2s steps(8, end) infinite;
+}
+
+.block-bone-cYRm-[data-last] {
+  width: 60%;
+}
+
+.block-skeleton-iGMZW[data-variant="block"] .block-bone-cYRm- {
+  height: var(--block-skeleton-height, 96px);
+}
+
+.block-skeleton-iGMZW[data-variant="slot"] {
+  width: var(--block-skeleton-width, var(--block-size-slot-md));
+}
+
+.block-skeleton-iGMZW[data-variant="slot"] .block-bone-cYRm- {
+  aspect-ratio: 1;
+  height: auto;
+  box-shadow: var(--block-shadow-inset);
+}
+
+.block-skeleton-iGMZW[data-variant="avatar"] {
+  width: var(--block-skeleton-width, 48px);
+}
+
+.block-skeleton-iGMZW[data-variant="avatar"] .block-bone-cYRm- {
+  aspect-ratio: 1;
+  height: auto;
+}
+
+/* A stepped highlight sweep; reduced motion stops it (base.css). */
+@keyframes block-block-skeleton-sweep-8kYA1 {
+  from {
+    background-position: 100% 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
 /*$vite$:1*/