/* 코스튬 달인 시련 화면(하이랜드 · LANES G15 · features/trial — trial.js). 판 · 이름판 · 등장 · 결과 · 알약 · 도전 팝업은 보스 화면(features/boss/boss.css) 클래스를 그대로 쓰고(같은 게임의 같은 부품 — 고품질UI §4-3),
   여기는 다른 점만: ① 시련 방에서 비키는 HUD(boss.css 10~14 의 boss-on 규칙을 trial-on 으로 — boss.js 가 boss-on 을 매 프레임 끄고 켜서 같은 클래스를 못 쓴다)
   ② 초상 자리 = 그 무공 흰 선 아이콘(martial 별자리 .ma-ic 와 같은 마스크) ③ 도전 팝업 무대 = 아이콘 54 + 등급색 고리(보스 그림 자리) ④ 모자란 재료 수 = 붉은 숫자(값 강조 — 고품질UI §1 색). */

/* ---------------- ① 시련 방에서 비키는 HUD(boss.css 10~14 와 같은 값) */
#hud .hud-in.trial-on .qtrack, #hud .hud-in.trial-on .zone-card { display: none; }
#hud .hud-in.trial-on .top-r .coin { visibility: hidden; }
#hud .hud-in.trial-on .skm-bar { display: none; }   /* 하늘섬 재료 알약 줄(skyisle sky_materials — 초원섬 판이라 켜진다)이 이름판 자리(위 가운데)와 겹친다 — 혼자 결투 동안만 숨김 */
#hud .hud-in.trial-on .chat-hud { display: none; }
#hud .hud-in.trial-on .banner { top: 120px; }

/* ---------------- ② 이름판 초상 = 무공 아이콘(40 원 안 22 — 보스 글리프 .bp-face.none::after inset 9 와 같은 크기) */
#hud .trial-plate .tp-ic { position: absolute; inset: 9px; background: #f2f0e7; -webkit-mask: var(--icon) center / contain no-repeat; mask: var(--icon) center / contain no-repeat; filter: drop-shadow(0 0 3px var(--g)); }

/* ---------------- ③ 도전 팝업 무대: 보스 그림 자리에 무공 아이콘 54(boss.css .bask-boss.none::after 54 와 같은 값) — 고리 위에 서고 등급색 빛 */
#ui .bask-boss.trial-ic { width: 54px; height: 54px; margin-top: -10px; }
#ui .bask-boss.trial-ic i { display: block; width: 54px; height: 54px; background: #f2f0e7; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  filter: drop-shadow(0 0 6px var(--g)) drop-shadow(0 3px 2px rgba(0, 0, 0, .55)); }

/* 이름 = 보스보다 긴 '<무공> 달인'(예: 블레이드 아츠 달인 9자) — 무대 폭 140 안에 들게 16 → 13.5 · 자간 .02em */
#ui .trial-ask .bask-id b { font-size: 13.5px; letter-spacing: .02em; }

/* ---------------- ④ 재료 칸: 모자라면 수만 붉게(보스 팝업 .bask-lv.low #ff7a6a 와 같은 색) */
#ui .trial-ask .qr-cell.lack em { color: #ff7a6a; }