Release Healer Man 0.1.17

src/styles.css

@@ -3327,6 +3327,51 @@ button.equipment-slot:hover { background: rgba(174,191,131,.1); }
 .arena-world,
 .arena-world > div { position: absolute; inset: 0; }
 
+.arena-render-fallback {
+  display: grid;
+  place-content: center;
+  gap: .4rem;
+  padding: 2rem;
+  color: #e8eee4;
+  text-align: center;
+  background: radial-gradient(circle at center, #17251f, #07100d 68%);
+}
+
+.arena-render-fallback small { max-width: 32rem; color: #b9c4b6; }
+
+.arena-asset-status {
+  position: absolute;
+  z-index: 3;
+  top: 50%;
+  left: 50%;
+  display: grid;
+  width: min(24rem, calc(100vw - 2rem));
+  gap: .45rem;
+  padding: .85rem 1rem;
+  border: 1px solid rgba(220, 190, 99, .5);
+  text-align: center;
+  background: rgba(6, 13, 10, .92);
+  transform: translate(-50%, -50%);
+  box-shadow: 0 1rem 4rem rgba(0, 0, 0, .45);
+  pointer-events: none;
+}
+
+.arena-asset-status > span {
+  overflow: hidden;
+  height: .32rem;
+  background: rgba(216, 185, 98, .16);
+}
+
+.arena-asset-status > span i {
+  display: block;
+  height: 100%;
+  background: #d8b962;
+  transition: width .15s ease-out;
+}
+
+.arena-asset-status small { color: #b9c4b6; }
+.arena-asset-status--fallback { top: auto; bottom: 5.3rem; transform: translateX(-50%); }
+
 .arena-match-header {
   position: absolute;
   top: .7rem;