/* 스킬 단계 해금 · 필요 능력치 칩 안내(features/skillgate/skill_gate.js). 층 = features/uilayer/ui_layer.css(--z-tip). */
/* [스킬] 느낌표 점(11-06 사용자 "느낌표 깨짐"): 공용 점(#ui .dot 11px, 테 2px → 안 7px)에 9px 글자 '!' 를 넣어 넘치고 글꼴·폰 배율에 따라 뭉개졌다.
   점을 16px(테 2px → 안 12px)로 키우고 '!' 는 글꼴 대신 흰 막대 2×5 + 점 2×2 를 정수 px 로 그린다. 글자 '!' 는 읽기용으로만 남긴다. */
#ui .menu-item > .sg-dot { top: -5px; right: -6px; width: 16px; height: 16px; font-size: 0; color: transparent; overflow: hidden;
  background: linear-gradient(#fff, #fff) 5px 2px / 2px 5px no-repeat, linear-gradient(#fff, #fff) 5px 8px / 2px 2px no-repeat, #e2412f; }
#ui .menu-item > .sg-dot[hidden] { display: none; }   /* #ui 에는 [hidden] 공용 규칙이 없다 — 창을 열어 끈 점이 남지 않게 */
#ui .menu-item.ul-lock > .sg-dot { display: none; }
#ui .ma-need { cursor: pointer; }
#ui .sg-tip { position: absolute; z-index: var(--z-tip, 70); max-width: 320px; padding: 6px 12px; border-radius: 8px; font-size: 12px; line-height: 1.35; color: #f3e3b8;
  background: rgba(12, 13, 14, .96); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16), 0 6px 18px rgba(0, 0, 0, .55); pointer-events: none; animation: fx-pop .18s cubic-bezier(.2, .9, .3, 1.3) both; }