style.css

@charset "UTF-8";
body {
  background-color: rgba(0, 0, 0, 0);
  margin: 0px auto;
  overflow: hidden;
}

.MuiDrawer-paperAnchorDockedRight {
  display: none;
}

.mui-fixed {
  display: none;
}

#root > div > [tabindex="0"] {
  right: 0 !important;
}

.MuiModal-root {
  display: none;
}

#root > div > header + div {
  display: none;
}

:root {
  /* ゲージコンテナ(HP,MP等のゲージを収める箱)の幅 */
  /* --gauge-widthの2倍+8にすると、2本まで（HPとMP等）ゲージが横に並ぶ */
  --gauge-container-width: 128px;
  /* ゲージ一本あたりの幅 */
  --gauge-width: 128px;
  /* ゲージ1本の高さ（縦幅）*/
  --gauge-height: 16px;
  /* 画面全体の横幅 */
  /* これを超えたキャラクターは折り返される */
  --root-width: 960px;
  /* ゲージの色 それぞれ最大値と現在値 */
  --gauge-max-color: rgb(245, 245, 245);
  --gauge-value-color: rgb(245, 245, 245);
  /* ゲージの最大値（ゲージ本体の背景）の透明度 */
  --gauge-max-opacity: 0.38;
  /* アイコンの大きさ */
  --icon-size: 48px;
  /* イニシアチブ値の大きさ(20px以上推奨) */
  --value-on-icon-size: 20px;
  /* イニシアチブ値のフォントサイズ */
  --value-on-icon-font-size: 0.75rem;
  /* ゲージ上の文字のサイズ */
  --gauge-font-size: 13px;
}

#root > div > [tabindex="0"] > .sc-fkmgoA {
  top: 0;
  display: flex;
  flex-wrap: wrap;
  width: var(--root-width);
}
#root > div > [tabindex="0"] > *:not(.sc-fkmgoA) {
  display: none;
}

.sc-bTJQTw {
  margin-right: 8px;
}
.sc-bTJQTw .MuiAvatar-root.MuiAvatar-circular {
  width: var(--icon-size);
  height: var(--icon-size);
  border-width: 0;
}
.sc-bTJQTw > .MuiBadge-root > span {
  min-width: var(--value-on-icon-size);
  min-height: var(--value-on-icon-size);
  right: 5px !important;
  top: 5px !important;
  font-size: var(--value-on-icon-font-size);
}
.sc-bTJQTw > .MuiBadge-root img {
  width: 100%;
  height: 100%;
}
.sc-bTJQTw > div > div {
  max-width: var(--gauge-container-width);
  display: flex !important;
}

.sc-clGGjC {
  width: var(--gauge-width);
}
.sc-clGGjC > div:first-child {
  align-items: center;
}
.sc-clGGjC > div:first-child p {
  font-size: var(--gauge-font-size);
}
.sc-clGGjC > div:last-child {
  height: var(--gauge-height);
}
.sc-clGGjC > div:last-child > div:first-child {
  background-color: var(--gauge-max-color) !important;
  opacity: var(--gauge-max-opacity);
  height: var(--gauge-height);
}
.sc-clGGjC > div:last-child > div:last-child {
  background-color: var(--gauge-value-color) !important;
  height: var(--gauge-height);
}