/* 서버 점검 상단 띠(maint_banner.js). 판 = 하이랜드 작은 팝업 결(어두운 판 + 1px 금선 #c8aa6e — hq-ui §3, sold_toast.css 와 같은 결).
   크기 = GUI 450 알약 값(높이 28 · 글 12.5) · 화면 위 가운데 · 폭 = 화면의 48%(왼쪽 이벤트 아이콘 · 오른쪽 메뉴를 가리지 않게, 915 가로 캡처로 맞춤) · 글은 오른쪽 → 왼쪽으로 흐른다.
   머리 = 붉은 기운 금 글씨 "서버 점검"(경고) · 끝남 = 초록 머리(#7fd88a, 경매 판매 완료 색). 누름은 아래로 지나간다. */
#ui .mt-band { position: absolute; z-index: 46; left: 50%; top: 8px; width: min(500px, 48%, calc(100% - 20px)); height: 28px; display: flex; align-items: center; gap: 8px;
  padding: 0 10px 0 4px; border-radius: 14px; background: rgba(13, 15, 19, .9); box-shadow: inset 0 0 0 1px rgba(200, 170, 110, .55), 2px 4px 0 rgba(0, 0, 0, .28);
  transform: translateX(-50%); pointer-events: none; animation: mt-in .3s cubic-bezier(.2, .7, .3, 1) both; transition: opacity .35s linear; }
#ui .mt-band.out { opacity: 0; }
@keyframes mt-in { 0% { opacity: 0; translate: 0 -40px; } 70% { opacity: 1; translate: 0 2px; } 100% { opacity: 1; translate: 0 0; } }
#ui .mt-tag { flex: none; height: 20px; padding: 0 9px; border-radius: 10px; font-size: 11px; font-weight: 900; line-height: 20px; color: #1a1208;
  background: linear-gradient(#ffd27a, #e0a43c); box-shadow: 0 0 8px rgba(255, 170, 60, .55); animation: mt-pulse 1.2s ease-in-out infinite alternate; }
@keyframes mt-pulse { 0% { box-shadow: 0 0 4px rgba(255, 170, 60, .35); } 100% { box-shadow: 0 0 10px rgba(255, 170, 60, .8); } }
#ui .mt-band[data-kind="done"] .mt-tag { background: linear-gradient(#a6efb0, #5fc070); box-shadow: none; animation: none; }
#ui .mt-win { position: relative; flex: 1; min-width: 0; height: 100%; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 14px, #000 calc(100% - 14px), transparent); mask-image: linear-gradient(90deg, transparent, #000 14px, #000 calc(100% - 14px), transparent); }
#ui .mt-run { position: absolute; top: 0; left: 0; display: flex; white-space: nowrap; height: 100%; align-items: center; animation: mt-run var(--mt-dur, 14s) linear infinite; }
#ui .mt-run > span { padding-right: 60px; font-size: 12.5px; font-weight: 700; color: #f3f1e8; text-shadow: 0 1px 0 rgba(0, 0, 0, .6); }
#ui .mt-band[data-kind="done"] .mt-run { animation: none; position: static; justify-content: center; }
#ui .mt-band[data-kind="done"] .mt-run > span + span { display: none; }
#ui .mt-band[data-kind="done"] .mt-run > span { padding-right: 0; }
@keyframes mt-run { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }