/* 후원하기 창 · 메뉴 그림 · 개인정보/약관 작은 고리 (public/js/support.js, index.html 첫 화면) */

/* 메뉴 줄 '더보기' 서랍의 「후원」: menu.png 아틀라스 밖 따로 한 장 (tools/blender/ui_art.py menu_extra) */
#hud #tmenu button.mi.mi-support, #hud #mini button.mi.mi-support {
  background: url("../ui/menu_support.png?v=1") center / 100% 100% no-repeat !important; }

/* 창: 한지(.paper) 한 장, 가운데 */
#panel-support h3 .close { float: right; background: none; border: none; color: var(--ink2); font-size: 16px; cursor: pointer; }
#panel-support { left: 50%; top: 7vh; transform: translateX(-50%); width: min(430px, calc(100vw - 24px)); z-index: 40; box-sizing: border-box; }
#panel-support .sup-lead { margin: 4px 0 8px; font-size: 15px; line-height: 1.6; }
#panel-support .sup-note { margin: 0 0 10px; padding: 8px 10px; font-size: 13px; line-height: 1.55; border-left: 3px solid #7a1a12; background: rgba(122,26,18,0.07); }
#panel-support .sup-note b { color: #7a1a12; }
#panel-support .sup-list { display: flex; flex-direction: column; gap: 8px; margin: 4px 0 10px; }
/* 주소 단추: 설정 창 왼쪽 패(.set-plq)와 같은 옻칠 패 */
#panel-support .sup-btn { position: relative; display: block; padding: 9px 44px 9px 14px; min-height: 46px; box-sizing: border-box; text-decoration: none;
  color: #f6e2b0; background: linear-gradient(#3a1612, #1e0b08); border: 1px solid #c9a24f; box-shadow: 0 2px 6px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,220,150,0.18); }
#panel-support .sup-btn::before { content: ''; position: absolute; inset: 3px; border: 1px solid rgba(201,162,79,0.35); pointer-events: none; }
#panel-support .sup-btn b { display: block; font-family: var(--title); font-weight: 400; font-size: 18px; letter-spacing: 2px; }
#panel-support .sup-btn small { display: block; font-size: 11.5px; color: #c8a878; }
#panel-support .sup-btn i { position: absolute; right: 9px; top: 50%; transform: translateY(-50%); font-style: normal; font-family: 'Noto Serif KR', serif; font-weight: 700; font-size: 12px;
  width: 26px; height: 26px; line-height: 26px; text-align: center; color: #fff1d8; background: #9a1a10; border: 1px solid #2a0a06; }
#panel-support .sup-btn:hover { filter: brightness(1.18); }
#panel-support .sup-btn:active { transform: translateY(1px); }
#panel-support .sup-small { margin: 0; font-size: 11.5px; line-height: 1.5; opacity: 0.8; }
#panel-support .sup-names { margin-top: 10px; padding-top: 8px; border-top: 1px solid rgba(110,80,40,0.45); }
#panel-support .sup-names h4 { margin: 0 0 4px; font-family: var(--title); font-weight: 400; font-size: 15px; color: #7a1a12; letter-spacing: 2px; }
#panel-support .sup-names p { margin: 0; font-size: 13px; line-height: 1.7; }

/* 설정 창 왼쪽 줄 맨 아래: 작은 고리 둘 */
.set-menu .set-legal { margin-top: auto; padding: 6px 2px 2px; display: flex; flex-wrap: wrap; gap: 2px 10px; font-size: 11px; }
.set-menu .set-legal a { color: #7a1a12; text-decoration: none; border-bottom: 1px dotted rgba(122,26,18,0.5); }
.set-menu .set-legal a:hover { color: #b02a18; }

/* 첫 화면: 로그인 판 밑 작은 고리 */
#title .legal-links { margin: 10px 0 0; text-align: center; font-size: 12px; letter-spacing: 0.5px; text-shadow: 0 0 3px #000, 0 0 6px #000, 0 1px 2px #000; }
#title .legal-links a { color: #e8dcc0; text-decoration: none; border-bottom: 1px dotted rgba(232,220,192,0.6); margin: 0 6px; }
#title .legal-links a:hover { color: #ffd27a; opacity: 1; }
/* 설정 창 왼쪽 줄이 낮은 화면(540px 높이 등)에서 「후원하기」·고리만큼 길어지면 그 줄만 스크롤 (창 밖으로 잘리지 않게) */
#panel-set .set-menu { min-height: 0; overflow-y: auto; scrollbar-width: none; }
#panel-set .set-menu::-webkit-scrollbar { display: none; }
#panel-set .set-menu > .set-plq { flex: none; }