/* ==========================================================================
   2호기 맞춤 스킨 - 럭셔리(luxury) brand.css 복사본 (2026-10-07). 색은 럭셔리와 같다.
   ★ 아래 「생성물」 안내는 럭셔리 것이다 — 팔레트를 바꿀 때는 skin-palette-gen.py 에 이 스킨을 따로 만든다.
   ★ 이 파일은 회원 브라우저로 그대로 내려간다 — 주석에 업체 상호를 적지 않는다(디자인 데모 2026-10-08).
   luxury - 금·와인 스킨 (디자인 원안 = 디자인소스/_원안/luxury · 바탕화면)
   ==========================================================================

   ★ 이 파일은 생성물이다 — `python scripts/skin-palette-gen.py luxury` 로 다시 만든다.
     값을 손으로 고치지 말 것. 고칠 곳은 그 스크립트의 SKINS['luxury'] 이다.

   여기서 하는 일은 **토큰 값 교체뿐**이다. 구조·배치·동작은 theme.css 가 그대로 갖고,
   HTML·JS 는 손대지 않는다 (스킨 계약).

   밝기(L)는 기본 팔레트 그대로 두고 색상만 옮겼다.
   밝기를 건드리면 읽히던 글자가 안 읽힌다 (그린 때 얻은 규칙).

   원안 팔레트: gold #d4af37 · #f2d47c · #b08a2e / burgundy #722f37 / ivory #f5f1e8

   계열 배정
     · 파랑(sky·cyan)  → **금**          주 강조. sky-1 하나가 90곳 = 사이트 인상을 정한다
     · 보라(violet)    → **와인**        부 강조. 밝은 분홍이 되면 금과 싸우므로 밝기를 낮췄다
     · 남색 배경(deep) → **자주빛 검정**  원안 바탕 결
     · 밝은 값         → **아이보리**     글자·하이라이트. 밝기를 유지해 대비를 지킨다
   ========================================================================== */

:root {
	/* 바탕 - 원안 값 그대로. bg-4 만 같은 계단으로 이어 만들었다 */
	--bg-0: #07060a;
	--bg-1: #0d0c12;
	--bg-2: #141219;
	--bg-3: #1a1820;
	--bg-4: #232225;

	/* 금색 - 원안의 주 재질 */
	--gold-0: #d9a626;
	--gold-1: #d7b04e;
	--gold-2: #d6bf85;
	--gold-soft: rgba(215,176,78,0.15);
	--gold-line: rgba(215,176,78,0.22);

	/* 히어로 바탕·발광 - 남색·보라를 자주빛 검정과 와인으로 */
	--accent-purple: #8e2d3e;
	--accent-blue: #cda643;
	--accent-teal: #987722;
	--hero-grad: linear-gradient(
		135deg,
		#2f1217 0%,
		#2b2435 30%,
		#221d29 55%,
		#18141d 80%,
		#100d13 100%
	);
	--hero-glow-purple: radial-gradient(ellipse 60% 50% at 20% 60%, rgba(142,45,62,0.28) 0%, transparent 70%);
	--hero-glow-blue:   radial-gradient(ellipse 50% 45% at 80% 40%, rgba(205,166,67,0.22) 0%, transparent 70%);
	--hero-glow-gold:   radial-gradient(ellipse 40% 30% at 50% 80%, rgba(217,166,38,0.12) 0%, transparent 70%);

	/* 가운데 띠 */
	--bar-bg: rgba(17,15,19,0.96);
	--bar-border: rgba(215,176,78,0.18);

	/* 글자 - 흰색 대신 아이보리. 흰색은 금 위에서 차갑게 뜬다.
	   투명도 단계는 종전 그대로 둔다 = 대비 서열 보존 */
	--t-0: #f5f1e8;
	--t-1: rgba(245,241,232,0.88);
	--t-2: rgba(245,241,232,0.65);
	--t-3: rgba(245,241,232,0.40);

	/* 선 - 흰 선을 금선으로 (원안의 정의적 요소).
	   원안은 0.18/0.45 까지 쓰지만 우리 화면은 선이 훨씬 많다.
	   같은 세기로 올리면 격자처럼 보여 절반 아래로 잡았다 */
	--line: rgba(215,176,78,0.10);
	--line-2: rgba(215,176,78,0.20);

	/* 로고 발광 = 금 (기본값은 은색 로고용 하늘색·보라) */
	--logo-glow-1: rgba(231,224,208,0.55);
	--logo-glow-2: rgba(219,181,85,0.40);
	--logo-glow-3: rgba(164,47,67,0.22);

	/* 서체 - 원안의 제목 서체 (이미 실려 있어 추가 전송 0바이트) */
	/* ★ 로고 높이 (2026-08-28) — 종전엔 기본(theme.css)에서 상속했다.
	   기본값이 2020 새 엠블럼에 맞춰 145 -> 118 로 줄면서, 적지 않으면 럭셔리도
	   **1100px 이하 구간에서** 함께 줄어든다 (1101px 이상은 layout.css 가 46px 로 덮는다).
	   지금 모습 그대로 굳힌다. */
	--logo-h: 145px;

	--font-display: 'Cinzel', 'Oswald', 'Pretendard', sans-serif;

	/* ==================================================================
	   스킨 팔레트 - 변환 생성 (원본값 → 계열 / L = 원본 밝기)
	   ================================================================== */

	/* 주 강조 → 금. sky-1 하나가 90곳 */
	--c-sky-1-rgb: 219,181,85;	/* 56,189,248 → gold  L0.60 */
	--c-sky-2-rgb: 227,196,119;	/* 96,165,250 → gold  L0.68 */
	--c-sky-3-rgb: 237,216,163;	/* 147,197,253 → gold  L0.78 */
	--c-sky-4-rgb: 231,224,208;	/* 186,230,253 → ivory  L0.86 */
	--c-sky-5-rgb: 233,208,144;	/* 125,211,252 → gold  L0.74 */
	--c-sky-6-rgb: 218,181,87;	/* 59,130,246 → gold  L0.60 */
	--c-sky-7-rgb: 233,226,212;	/* 191,219,254 → ivory  L0.87 */
	--c-sky-8-rgb: 230,222,206;	/* 180,210,255 → ivory  L0.85 */
	--c-sky-9-rgb: 235,208,140;	/* 120,150,255 → gold  L0.74 */
	--c-sky-10-rgb: 164,142,86;	/* 70,100,180 → gold  L0.49 */

	/* 포인트 → 밝은 금 */
	--c-cyan-1-rgb: 207,167,65;	/* 34,211,238 → gold  L0.53 */
	--c-cyan-2-rgb: 223,214,194;	/* 165,243,252 → ivory  L0.82 */

	/* 부 강조 → 와인. violet-4 만 글자색이라 밝기 유지 = 아이보리 */
	--c-violet-1-rgb: 164,47,67;	/* 139,92,246 → burg-dark  L0.66 */
	--c-violet-2-rgb: 188,52,74;	/* 167,139,250 → burg-dark  L0.76 */
	--c-violet-3-rgb: 163,45,65;	/* 168,85,247 → burg-dark  L0.65 */
	--c-violet-4-rgb: 229,221,205;	/* 196,181,253 → ivory  L0.85 */
	--c-violet-5-rgb: 120,47,59;	/* 109,40,217 → burg-dark  L0.50 */
	--c-violet-6-rgb: 126,52,64;	/* 76,29,149 → burg  L0.35 */
	--c-violet-7-rgb: 82,25,34;	/* 59,7,100 → burg  L0.21 */
	--c-violet-8-rgb: 58,20,26;	/* 42,8,70 → burg  L0.15 */
	--c-violet-9-rgb: 39,13,17;	/* 28,5,47 → burg  L0.10 */

	/* 금색 계열 - 원안 톤으로 채도를 낮춘다 */
	--c-gold-a-rgb: 217,166,38;	/* 255,215,0 → gold  L0.50 */
	--c-gold-b-rgb: 210,163,46;	/* 245,158,11 → gold  L0.50 */
	--c-gold-c-rgb: 226,191,103;	/* 252,211,77 → gold  L0.65 */
	--c-gold-d-rgb: 190,162,90;	/* 212,165,68 → gold  L0.55 */

	/* 딥 배경 → 자주빛 검정 */
	--c-deep-1-rgb: 18,16,22;	/* 8,12,30 → plum  L0.07 */
	--c-deep-2-rgb: 10,8,12;	/* 0,5,20 → plum  L0.04 */
	--c-deep-3-rgb: 28,24,33;	/* 15,20,42 → plum  L0.11 */
	--c-deep-4-rgb: 33,29,39;	/* 18,24,50 → plum  L0.13 */
	--c-deep-5-rgb: 15,13,18;	/* 6,9,25 → plum  L0.06 */
	--c-deep-6-rgb: 9,7,11;	/* 3,5,15 → plum  L0.04 */
	--c-deep-7-rgb: 5,4,6;	/* 0,2,10 → plum  L0.02 */
	--c-deep-8-rgb: 22,18,26;	/* 10,14,35 → plum  L0.09 */
	--c-deep-9-rgb: 39,34,46;	/* 20,30,60 → plum  L0.16 */

	/* 배지 → 와인 */
	--c-navy-1-rgb: 117,51,62;	/* 30,58,138 → burg  L0.33 */

	/* 잔여 남색·보라군 - 밝기별 배정 (어두우면 바탕 / 밝으면 글자=아이보리) */
	--c-nv-01-rgb: 10,8,12;	/* 2,6,18 → plum  L0.04 */
	--c-nv-02-rgb: 10,9,12;	/* 5,8,16 → plum  L0.04 */
	--c-nv-03-rgb: 11,10,13;	/* 7,8,16 → plum  L0.05 */
	--c-nv-04-rgb: 12,10,15;	/* 0,5,25 → plum  L0.05 */
	--c-nv-05-rgb: 14,11,17;	/* 6,8,22 → plum  L0.05 */
	--c-nv-06-rgb: 15,12,18;	/* 0,8,30 → plum  L0.06 */
	--c-nv-07-rgb: 16,13,19;	/* 6,10,26 → plum  L0.06 */
	--c-nv-08-rgb: 16,13,19;	/* 8,11,24 → plum  L0.06 */
	--c-nv-09-rgb: 16,14,19;	/* 16,1,32 → plum  L0.06 */
	--c-nv-10-rgb: 19,16,22;	/* 10,12,28 → plum  L0.07 */
	--c-nv-11-rgb: 18,16,22;	/* 6,12,32 → plum  L0.07 */
	--c-nv-12-rgb: 19,16,24;	/* 20,0,40 → plum  L0.08 */
	--c-nv-13-rgb: 19,16,24;	/* 15,0,40 → plum  L0.08 */
	--c-nv-14-rgb: 20,17,24;	/* 10,14,31 → plum  L0.08 */
	--c-nv-15-rgb: 20,17,25;	/* 10,14,32 → plum  L0.08 */
	--c-nv-16-rgb: 22,18,26;	/* 10,15,35 → plum  L0.09 */
	--c-nv-17-rgb: 23,20,28;	/* 8,16,40 → plum  L0.09 */
	--c-nv-18-rgb: 24,21,29;	/* 12,18,38 → plum  L0.10 */
	--c-nv-19-rgb: 28,24,34;	/* 10,21,48 → plum  L0.11 */
	--c-nv-20-rgb: 28,24,34;	/* 8,20,50 → plum  L0.11 */
	--c-nv-21-rgb: 32,27,40;	/* 12,22,55 → plum  L0.13 */
	--c-nv-22-rgb: 34,29,41;	/* 12,26,58 → plum  L0.14 */
	--c-nv-23-rgb: 36,31,44;	/* 30,15,60 → plum  L0.15 */
	--c-nv-24-rgb: 37,31,45;	/* 15,26,61 → plum  L0.15 */
	--c-nv-25-rgb: 66,59,40;	/* 34,42,72 → gold  L0.21 */
	--c-nv-26-rgb: 75,63,32;	/* 23,37,84 → gold  L0.21 */
	--c-nv-27-rgb: 80,66,31;	/* 20,40,90 → gold  L0.22 */
	--c-nv-28-rgb: 76,65,38;	/* 30,42,84 → gold  L0.22 */
	--c-nv-29-rgb: 80,67,35;	/* 25,40,90 → gold  L0.23 */
	--c-nv-30-rgb: 91,79,49;	/* 40,55,100 → gold  L0.27 */
	--c-nv-31-rgb: 114,89,26;	/* 7,89,133 → gold  L0.27 */
	--c-nv-32-rgb: 114,93,41;	/* 25,55,130 → gold  L0.30 */
	--c-nv-33-rgb: 124,99,34;	/* 14,116,144 → gold  L0.31 */
	--c-nv-34-rgb: 115,95,45;	/* 30,55,130 → gold  L0.31 */
	--c-nv-35-rgb: 126,52,64;	/* 76,29,149 → burg  L0.35 */
	--c-nv-36-rgb: 133,110,52;	/* 35,75,150 → gold  L0.36 */
	--c-nv-37-rgb: 142,59,73;	/* 107,33,168 → burg  L0.39 */
	--c-nv-38-rgb: 148,122,57;	/* 37,72,168 → gold  L0.40 */
	--c-nv-39-rgb: 153,124,52;	/* 30,64,175 → gold  L0.40 */
	--c-nv-40-rgb: 154,61,77;	/* 91,33,182 → burg  L0.42 */
	--c-nv-41-rgb: 151,126,64;	/* 45,80,170 → gold  L0.42 */
	--c-nv-42-rgb: 134,126,105;	/* 100,116,139 → gold  L0.47 */
	--c-nv-43-rgb: 179,159,116;	/* 124,58,237 → ivory  L0.58 */
	--c-nv-44-rgb: 178,163,132;	/* 90,130,220 → ivory  L0.61 */
	--c-nv-45-rgb: 172,168,160;	/* 148,163,184 → ivory  L0.65 */
	--c-nv-46-rgb: 192,177,144;	/* 99,179,237 → ivory  L0.66 */
	--c-nv-47-rgb: 192,187,175;	/* 159,179,208 → ivory  L0.72 */
	--c-nv-48-rgb: 212,199,172;	/* 192,132,252 → ivory  L0.75 */
	--c-nv-49-rgb: 219,208,184;	/* 148,163,255 → ivory  L0.79 */
	--c-nv-50-rgb: 218,215,210;	/* 203,213,225 → ivory  L0.84 */
	--c-nv-51-rgb: 229,221,205;	/* 216,180,254 → ivory  L0.85 */
	--c-nv-52-rgb: 233,227,213;	/* 191,219,255 → ivory  L0.87 */
	--c-nv-53-rgb: 237,234,227;	/* 219,229,245 → ivory  L0.91 */
	--c-nv-54-rgb: 235,234,231;	/* 226,232,240 → ivory  L0.91 */
	--c-nv-55-rgb: 241,236,227;	/* 233,213,255 → ivory  L0.92 */
	--c-nv-56-rgb: 248,246,241;	/* 234,242,255 → ivory  L0.96 */
	--c-nv-57-rgb: 246,246,244;	/* 241,245,249 → ivory  L0.96 */
	--c-nv-58-rgb: 250,248,244;	/* 239,246,255 → ivory  L0.97 */
	--c-nv-59-rgb: 251,250,247;	/* 245,243,255 → ivory  L0.98 */
	--c-nv-60-rgb: 251,250,249;	/* 248,250,252 → ivory  L0.98 */
	--c-nv-61-rgb: 252,251,248;	/* 250,245,255 → ivory  L0.98 */

	/* ==================================================================
	   로고 = 심볼 + 상호를 **가로로** 나란히
	   ==================================================================

	   헤더 띠(64px) 안이라 심볼 높이가 40px 뿐이다. 2020 로고처럼 상호가 그림에
	   구워져 있으면 그 크기에서 뭉갠다 (실측: 「ONLINE」 이 파란 얼룩이 된다).
	   그래서 **읽힘은 글자가 맡고 심볼은 표식만 한다.**

	   상호는 .hero-nameplate 가 설정값(migration 0275)을 받아 채운다
	   = 업체가 바뀌면 저절로 따라간다. 그림을 다시 만들 일이 없다.

	   ★ 금속 명판이 아니라 **금색 글자**로 쓴다 - 28px 판에 그라디언트·테두리·그림자를
	     넣으면 헤더에서 배지처럼 튄다. 배경·테두리를 끄고 글자만 남긴다.
	   ================================================================== */
	--plate-on: 1;
	/* ★ 알약의 입체감 (2026-08-27) — 종전엔 기본에서 상속했다. 기본 명판이 2020 용
	   (판 안쪽 은색 큰 글자 / 그림자 없음)으로 바뀌어 여기 적어야 지금 모습이 유지된다. */
	--plate-shadow:
		inset 0 1px 0 var(--plate-lip),
		inset 0 -1px 0 rgba(0,0,0,0.42),
		0 2px 5px rgba(0,0,0,0.55),
		0 0 16px var(--plate-halo);
	--plate-text-shadow: 0 1px 0 rgba(255,246,205,0.7);
	--plate-pos: static;               /* 가로 배열 - 심볼 옆에 선다 */
	--plate-tf: none;
	--plate-overlap: 0;                /* 나란히 서므로 파고들 것이 없다 */
	--mark-h: var(--logo-h);           /* 심볼이 로고 높이를 다 쓴다 */
	--logo-gap: 12px;
	--plate-h: 0.70;                   /* 로고 40px -> 글자 상자 28px */
	--plate-fs: 0.72;                  /* 상자 28px -> 글자 20px */
	/* ★ 사이트명 = 밝은 금 + 금빛 번짐 (2026-10-08 PM 지시 「슬롯 게임 배너 글자처럼 밝고 빛나게」).
	   종전 = gold-0(#d9a626) + 어두운 그림자만 → 헤더에서 배너 글자보다 탁해 보였다. 원안 밝은 금(#f2d47c) 쪽으로 올렸다. */
	--plate-ink: #f2cf63;              /* 판이 없으니 잉크가 곧 글자색 */
	--plate-grad: none;
	--plate-edge: transparent;
	--plate-lip: transparent;
	--plate-halo: transparent;
}

/* 명판 표시 (--plate-on 과 짝) + 금속판 흔적 지우기.
   box-shadow·text-shadow 는 토큰이 아니라 theme.css 고정값이라 여기서 끈다. */
.hero-nameplate {
	display: flex;
	box-shadow: none;
	/* 어두운 그림자(읽힘) + 금빛 번짐 2겹(발광) — 배너 라벨(layout.css .game-tab__label)과 같은 결.
	   글자가 배너보다 작아(20px vs ~50px) 번짐을 조금 더 진하게 했다. */
	text-shadow: 0 1px 2px rgba(0,0,0,0.6), 0 0 14px rgba(var(--c-gold-a-rgb), 0.55), 0 0 4px rgba(255,215,120,0.35);
	font-family: var(--font-display);
	font-weight: 700;
	letter-spacing: 0.08em;
	padding: 0;
}