/* 하늘섬 섬 전체 편집(features/skyisle sky_edit.js, 2026-11-02 EDIT) — 고품질UI 규칙 그대로(GUI 450 · 알약 28 · 글자 폭 알약 · 어두운 반투명 띠 · 결정 = 청록 · 위험 = 빨강).
   자리: 편집 띠 = 건설 판 바로 위 오른쪽(top = 판 위 끝 − 36 을 sky_edit.js 가 따라 맞춤 — 가운데 알림 줄 .skb-msg.up 과 겹치지 않게) · 고른 것 단추 = 그것 오른쪽 옆(화면 · 판 밖이면 E.floatAt 이 안쪽으로).
   11-02 LANES-UI UI3: 나가기 확인 알약(.ske-ask) · 고른 것 이름표(.ske-tag) · 옛 자리 배지(.ske-mk) · 보관함 카드 배지(.ske-badge) · 카드 줄 금 줄(.ske-sep). */
#hud .ske { left: 0; top: 0; width: 100%; height: 450px; pointer-events: none; }
#hud #hud-screen.skb-sheet-on > .ske { visibility: visible; }   /* 판이 열리면 HUD 를 숨기는 sky_build.css 규칙(> :not(.skb, .skm-bar))보다 세게 — 편집 띠는 판과 함께 보인다 */
#hud .ske > * { position: absolute; }
#hud .ske-bar { right: 12px; top: 304px; display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 2px 0 12px; border-radius: 16px;
  background: rgba(8, 10, 14, .62); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); animation: skb-msg-in .283s cubic-bezier(.2, .8, .3, 1) both; }
#hud .ske-n { font-size: 12.5px; font-weight: 700; color: #fff; white-space: nowrap; }
#hud .ske-bad { font-size: 11px; font-weight: 700; color: #ffb2a6; white-space: nowrap; }
#hud .ske-bad:empty { display: none; }
#hud .ske-bar .skb-pill { height: 26px; line-height: 26px; padding: 0 12px; }
#hud .ske-float { left: 0; top: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; max-width: 220px; }
#hud .ske-float .skb-why { flex: 0 0 100%; }
#hud .ske-float [hidden] { display: none; }
/* 나가기 확인 = 편집 띠 자리 · 같은 어두운 띠에 금빛 테(결정을 기다림) — 물을 때마다 튐(ui-juice 팝 283 ms · 최대 1.025 — hq-ui §6) + 금빛 맥박 두 번(1047 ms) */
#hud .ske-ask { right: 12px; top: 304px; display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 3px 0 12px; border-radius: 16px; pointer-events: auto;
  background: rgba(8, 10, 14, .78); box-shadow: inset 0 0 0 1px rgba(200, 170, 110, .85), 0 2px 8px rgba(0, 0, 0, .45); }
#hud .ske-ask.in { animation: ske-ask-pop .283s cubic-bezier(.2, .8, .3, 1) both, ske-ask-glow 1.047s ease-in-out .283s 2; }
#hud .ske-q { font-size: 12.5px; font-weight: 700; color: #fff; white-space: nowrap; }
#hud .ske-ask .skb-pill { height: 26px; line-height: 26px; padding: 0 12px; }
@keyframes ske-ask-pop { 0% { opacity: 0; transform: scale(.94); } 70% { opacity: 1; transform: scale(1.025); } 100% { transform: none; } }
@keyframes ske-ask-glow { 50% { box-shadow: inset 0 0 0 1px rgba(255, 222, 130, 1), 0 0 12px rgba(255, 210, 110, .55), 0 2px 8px rgba(0, 0, 0, .45); } }
/* 고른 것 이름표(모형 머리 위) · 옛 자리 배지(보관함 = 금 글자 · 뺌 = 흰 글자) — 어두운 알약 20, 글자 11(편집 띠 .ske-n 12.5 보다 작게) */
#hud .ske-tag { left: 0; top: 0; height: 20px; padding: 0 9px; border-radius: 10px; font-size: 11px; line-height: 20px; font-weight: 700; color: #ffe39a; white-space: nowrap;
  background: rgba(8, 10, 14, .72); box-shadow: inset 0 0 0 1px rgba(255, 216, 110, .7); }
#hud .ske-tag.bad { color: #ffb2a6; box-shadow: inset 0 0 0 1px rgba(255, 140, 120, .75); }
#hud .ske-tag[hidden] { display: none; }
#hud .ske-mks { left: 0; top: 0; }
#hud .ske-mk { position: absolute; left: 0; top: 0; height: 18px; padding: 0 7px; border-radius: 9px; font: 700 10px/18px var(--ui-font); font-style: normal; color: #fff; white-space: nowrap;
  background: rgba(8, 10, 14, .78); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45); }
#hud .ske-mk.store { color: #ffe39a; box-shadow: inset 0 0 0 1px rgba(200, 170, 110, .85); }
/* 카드 줄: 보관함 건물 = 금 테 + 왼쪽 위 [보관함] 배지(금선 #c8aa6e — hq-ui §3 작은 팝업 금선) · 소품과 사이 금 줄 */
#hud .skb-card.ske-store { box-shadow: inset 0 0 0 1px rgba(200, 170, 110, .85); }
#hud .ske-badge { position: absolute; left: 3px; top: 3px; z-index: 1; height: 13px; padding: 0 4px; border-radius: 3px; font: 700 8.5px/13px var(--ui-font); font-style: normal; color: #2a2212;
  background: linear-gradient(#e6cf95, #c8aa6e); }
#hud .ske-sep { flex: none; width: 1px; height: 52px; margin: 0 4px; background: linear-gradient(transparent, rgba(200, 170, 110, .8), transparent); }
/* 바닥 [걷기] 카드 = 흰 선 철거 아이콘 */
#hud .ske-erase .skb-ic { display: block; width: 28px; height: 28px; margin: 8px auto 4px; }
:is(#hud, #ui) .skb-ic.i-edit { --ic: var(--ic-rotate); }   /* 편집 탭 = 흰 선 ↻(옮기기 · 돌리기 — 새 아이콘 그림 전 [가정]) */