[hidden] {
  display: none !important;
}

:root {
  --mu-cursor-default: url("../img/cursor/normal.cur"), url("../img/cursor/normal.png"), auto;
  --mu-cursor-link: url("../img/cursor/link.cur"), url("../img/cursor/link.png"), pointer;
  --mu-cursor-text: url("../img/cursor/text.cur"), url("../img/cursor/text.png"), text;
  --mu-cursor-alt: url("../img/cursor/alternate.cur"), url("../img/cursor/alternate.png"), default;
  --mu-cursor-busy: url("../img/cursor/busy.cur"), url("../img/cursor/busy.png"), wait;
  --mu-cursor-progress: url("../img/cursor/wib.cur"), url("../img/cursor/wib.png"), progress;
}

@media (hover: hover) and (pointer: fine) {
  html,
  body {
    cursor: var(--mu-cursor-default);
  }

  a,
  button,
  [role="button"],
  label,
  summary,
  [data-mu-action],
  [data-mu-tab],
  [data-mu-tooltip],
  [data-user-only],
  [data-guest-only],
  [data-admin-only] {
    cursor: var(--mu-cursor-link) !important;
  }

  input,
  textarea,
  select,
  option,
  [contenteditable="true"] {
    cursor: var(--mu-cursor-text) !important;
  }

  button:disabled,
  input:disabled,
  select:disabled,
  textarea:disabled,
  [aria-disabled="true"],
  [data-mu-disabled="1"] {
    cursor: var(--mu-cursor-alt) !important;
  }

  [aria-busy="true"],
  [data-mu-state="loading"] {
    cursor: var(--mu-cursor-progress);
  }
}

@media (hover: none), (pointer: coarse) {
  html,
  body,
  a,
  button,
  input,
  textarea,
  select {
    cursor: auto;
  }
}

body.is-logged-in [data-guest-only],
body.is-logged-in [data-mu-guest-only] {
  display: none !important;
}

body:not(.is-logged-in) [data-user-only],
body:not(.is-logged-in) [data-mu-user-only],
body:not(.is-admin) [data-admin-only],
body:not(.is-admin) [data-mu-admin-only] {
  display: none !important;
}

[data-mu-state] {
  min-height: 4rem;
}

[data-mu-event-image],
[data-mu-pack-image],
[data-mu-item-icon] {
  max-width: 100%;
}

[data-mu-event-card] {
  --mu-event-accent: #e9c667;
  --mu-event-accent-soft: rgba(233, 198, 103, .24);
}

[data-mu-event-status="active"] {
  --mu-event-accent: #72f0b4;
  --mu-event-accent-soft: rgba(114, 240, 180, .24);
}

[data-mu-event-state] {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: .4rem;
  padding: .35rem .55rem;
  border: 1px solid var(--mu-event-accent);
  border-radius: 999px;
  color: var(--mu-event-accent);
  background: rgba(0, 0, 0, .32);
  box-shadow: 0 0 1.25rem var(--mu-event-accent-soft);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}

[data-mu-event-next] {
  color: var(--mu-event-accent);
  font-weight: 700;
}

[data-mu-event-progress] {
  position: relative;
  height: .25rem;
  margin-top: .75rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
}

[data-mu-event-progress] i {
  position: absolute;
  inset: 0 auto 0 0;
  width: max(1.1rem, var(--mu-event-progress, 0%));
  border-radius: inherit;
  background: linear-gradient(90deg, #a81220, var(--mu-event-accent));
  box-shadow: 0 0 1rem var(--mu-event-accent-soft);
}

[data-mu-event-image],
[data-mu-pack-image] {
  object-fit: contain;
}

[data-mu-shop-price] {
  display: grid;
  gap: .15rem;
}

[data-mu-shop-preview] {
  min-height: 1.25rem;
}

[data-mu-shop-current-preview],
[data-mu-shop-admin-row] {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-width: 0;
}

[data-mu-shop-preview-icon],
[data-mu-shop-admin-icon] {
  display: grid;
  place-items: center;
  flex: 0 0 3.75rem;
  width: 3.75rem;
  height: 3.75rem;
  margin: 0;
}

[data-mu-shop-preview-icon] [data-mu-item-icon],
[data-mu-shop-admin-icon] [data-mu-item-icon] {
  max-width: 3.25rem;
  max-height: 3.25rem;
  object-fit: contain;
}

[data-mu-shop-preview-copy],
[data-mu-shop-admin-copy] {
  display: grid;
  min-width: 0;
}

[data-mu-shop-card] form {
  display: grid;
  gap: .65rem;
}

[data-mu-shop-select],
[data-mu-shop-check],
[data-mu-shop-excellent-option] {
  min-width: 0;
}

[data-mu-shop-select] {
  display: grid;
  grid-template-columns: minmax(4.5rem, .35fr) minmax(6rem, 1fr);
  align-items: center;
  gap: .5rem;
}

[data-mu-shop-select] > span,
[data-mu-shop-check] > span,
[data-mu-shop-excellent-option] > span {
  min-width: 0;
}

[data-mu-shop-select] select,
[data-mu-shop-select] input {
  min-width: 0;
}

[data-mu-shop-check],
[data-mu-shop-excellent-option] {
  display: grid;
  grid-template-columns: 1.25rem minmax(0, 1fr);
  align-items: start;
  gap: .45rem;
}

[data-mu-shop-check] input,
[data-mu-shop-excellent-option] input {
  width: 1.15rem;
  height: 1.15rem;
  min-width: 1.15rem;
}

[data-mu-shop-excellent] {
  display: grid;
  gap: .45rem;
}

[data-mu-shop-excellent-option] small {
  grid-column: 2;
  line-height: 1.2;
  opacity: .72;
}

@media (max-width: 520px) {
  [data-mu-shop-select] {
    grid-template-columns: minmax(4.5rem, .35fr) minmax(6rem, 1fr);
  }

  [data-mu-shop-excellent-option] > span {
    white-space: normal;
  }
}

[data-mu-disabled="1"] {
  opacity: .45;
}

[data-mu-profile-characters] {
  display: grid;
  gap: .75rem;
}

[data-mu-profile-character],
[data-mu-character-card] {
  display: block;
}

[data-mu-active-character="1"] {
  outline: 1px solid currentColor;
}

[data-mu-equipment-board] {
  position: relative;
  width: min(100%, 380px);
  aspect-ratio: 270 / 250;
}

[data-mu-equipment-slot] {
  position: absolute;
  left: var(--mu-slot-x, 50%);
  top: var(--mu-slot-y, 50%);
  width: var(--mu-slot-w, 20%);
  height: var(--mu-slot-h, 20%);
  transform: translate(-50%, -50%);
}

[data-mu-equipment-slot="0"] { --mu-slot-x: 20%; --mu-slot-y: 49%; --mu-slot-w: 25%; --mu-slot-h: 40%; }
[data-mu-equipment-slot="1"] { --mu-slot-x: 86%; --mu-slot-y: 49%; --mu-slot-w: 25%; --mu-slot-h: 40%; }
[data-mu-equipment-slot="2"] { --mu-slot-x: 51%; --mu-slot-y: 15%; --mu-slot-w: 24%; --mu-slot-h: 27%; }
[data-mu-equipment-slot="3"] { --mu-slot-x: 50%; --mu-slot-y: 48%; --mu-slot-w: 25%; --mu-slot-h: 31%; }
[data-mu-equipment-slot="4"] { --mu-slot-x: 51%; --mu-slot-y: 86%; --mu-slot-w: 24%; --mu-slot-h: 28%; }
[data-mu-equipment-slot="5"] { --mu-slot-x: 14%; --mu-slot-y: 86%; --mu-slot-w: 27%; --mu-slot-h: 28%; }
[data-mu-equipment-slot="6"] { --mu-slot-x: 86%; --mu-slot-y: 86%; --mu-slot-w: 26%; --mu-slot-h: 28%; }
[data-mu-equipment-slot="7"] { --mu-slot-x: 84%; --mu-slot-y: 15%; --mu-slot-w: 33%; --mu-slot-h: 27%; }
[data-mu-equipment-slot="8"] { --mu-slot-x: 14%; --mu-slot-y: 15%; --mu-slot-w: 28%; --mu-slot-h: 27%; }
[data-mu-equipment-slot="9"] { --mu-slot-x: 35%; --mu-slot-y: 36%; --mu-slot-w: 12%; --mu-slot-h: 13%; }
[data-mu-equipment-slot="10"] { --mu-slot-x: 35%; --mu-slot-y: 79%; --mu-slot-w: 12%; --mu-slot-h: 13%; }
[data-mu-equipment-slot="11"] { --mu-slot-x: 65%; --mu-slot-y: 79%; --mu-slot-w: 12%; --mu-slot-h: 13%; }

[data-mu-equipment-board] [data-mu-item-icon] {
  max-width: 86%;
  max-height: 86%;
}

[data-mu-equipment-list] {
  display: grid;
  gap: .5rem;
}

#mu-tooltip,
.mu-tooltip {
  max-width: min(320px, calc(100vw - 24px));
}