@charset "UTF-8";
/* ============================================================
   VIP 라운지 — 전역 스타일
   시안: design_handoff_vip_lounge_v3 (색·간격은 인라인 스타일이 담당한다)
   이 파일은 시안의 <style> 블록(키프레임·바탕)만 옮기고, 사이트 헤더에
   영향이 가지 않도록 전부 .fkv-root 아래로 한정한다.

   [중요] 라운지 본문은 다크모드와 무관하게 항상 블랙&골드다 (설계 §1).
          그래서 html[data-dark] 분기를 두지 않는다.
   ============================================================ */

.fkv-root{
	background:#15100a;
	color:#f4efe6;
	font-family:'Pretendard','Apple SD Gothic Neo',-apple-system,BlinkMacSystemFont,sans-serif;
	-webkit-font-smoothing:antialiased;
	word-break:keep-all;
}
.fkv-root a{ color:#e8c877; text-decoration:none; }
.fkv-root a:hover{ color:#f6e7bd; }
.fkv-root *{ box-sizing:border-box; }

/* 시안 키프레임 — 히어로 카드 부유·색종이 표류·상단 광선 */
@keyframes fkvShine { 0%{transform:translateX(-120%)} 60%,100%{transform:translateX(220%)} }
@keyframes fkvGlow  { 0%,100%{opacity:.55} 50%{opacity:1} }
@keyframes fkvFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
@keyframes fkvSpark { 0%,100%{opacity:.2} 50%{opacity:1} }
@keyframes fkvDrift { 0%,100%{transform:translateY(0) rotate(0deg)} 50%{transform:translateY(-14px) rotate(6deg)} }

/* 움직임을 줄이도록 설정한 이용자에게는 애니메이션을 끈다 */
@media (prefers-reduced-motion: reduce){
	.fkv-root *{ animation:none !important; transition:none !important; }
}


/* 좁은 화면에서는 라운지 2열 그리드를 1열로 */
@media (max-width: 900px){
	.fkv-root .fkv-hero-grid{ grid-template-columns:1fr !important; }
}