/* The arena list of the HUD: a window of the game (GfWindow, theme colours) with one box per arena type and the live figures of its queue. */
.arenamenu .gfw-body { display: flex; flex-direction: column; gap: 6px; padding: 8px; }
.am-head { display: flex; gap: 5px; flex-wrap: wrap; }
.am-chip { padding: 1px 8px; border-radius: 2px; background: var(--gf-plate-dark, #23222b); color: var(--gf-green, #5ff27a); font-weight: 700; font-size: calc(11.5px * var(--ui-text)); white-space: nowrap; border: 1px solid #121117; }
.am-list { display: flex; flex-direction: column; gap: 5px; }
.am-note { padding: 5px 8px; border-radius: 3px; background: #f3d6d2; border: 1px solid #c25a4a; color: #7a1f14; font-size: var(--fs-body); }
.am-row { --ac: #a9a4ca; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 6px; padding: 5px 6px 5px 10px; border-left: 5px solid var(--ac); }
.am-row.fire { --ac: #ef8a2f; } .am-row.sprite { --ac: #4fae44; } .am-row.fae { --ac: #2fc2a0; } .am-row.demon { --ac: #d2474d; } .am-row.mixed { --ac: #9a7be0; }
.am-row.mine { box-shadow: 0 0 0 2px #9792b7; }
.am-main { display: flex; align-items: center; gap: 8px; cursor: pointer; min-width: 0; }
.am-text { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.am-text b { font-size: var(--fs-strong); }
.am-fmt { margin-left: 6px; padding: 0 6px; border-radius: 2px; background: var(--ac); color: #fff; font-size: var(--fs-small); font-weight: 800; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
.am-line { font-size: var(--fs-small); opacity: 0.75; }
.am-caret { opacity: 0.6; }
.am-detail { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 5px; padding-top: 5px; border-top: 1px solid rgba(0, 0, 0, 0.15); }
.am-detail p { margin: 0; font-size: var(--fs-body); }
.am-goal { color: var(--ac); font-weight: 700; filter: brightness(0.75); }
.am-meter { position: relative; height: 14px; border-radius: 2px; background: var(--gf-plate-dark, #23222b); border: 1px solid #121117; overflow: hidden; }
.am-meter i { position: absolute; inset: 0 auto 0 0; background: linear-gradient(#cfe9c8, var(--ac)); transition: width 0.2s; }
.am-meter span { position: absolute; inset: 0; text-align: center; font-size: calc(10.5px * var(--ui-text)); font-weight: 800; line-height: 14px; color: #fff; text-shadow: 0 1px 2px #000; }
.am-acts { display: flex; gap: 6px; justify-content: flex-end; flex-wrap: wrap; }
.arenamenu .gf-btn { padding: 3px 10px; font-size: var(--fs-body); font-weight: 700; }
.arenamenu .gf-btn.go { background: linear-gradient(#bff0b4, #7ed36d); border-color: #2f7a2a; color: #123b10; }
.arenamenu .gf-btn:disabled { opacity: 0.5; cursor: default; }
.am-foot { margin: 0; font-size: var(--fs-small); }