/* 만신 · 사주 원국 보석 칸 + 대운 카드 (웹·토스 같이 써요)
   여덟 칸을 오행마다 다른 보석·금속으로: 목=비취 · 화=홍옥 · 토=황금 · 금=백은 · 수=흑진주 · 모르는 칸=빈 자리(동테).
   윗칸(천간)은 금테, 아랫칸(지지)은 동테, 일주(★)는 백금테에 빛무리. 칸마다 빛이 한 번씩 스쳐요.
   대운: 현재 = 칠기 카드(일반), 다음 = 금박 카드(고급).
   웹 오행색(번들 fe)과 토스 오방색(theme.mjs OBANG)을 둘 다 잡아요. 토스 빌드는 이 파일의 색을 바꾸지 않아요(build-web.mjs THEMED 제외)
   → 글자 11px 이상·굵기 700 이하를 여기서 지켜요.
   ms-gold·ms-clean·ms-art·ms-toss 의 칸 규칙보다 앞서도록 :not(#_g…) 로 id 가중치를 올렸어요. */

/* ── 원국 칸: 공통 조립 (재질은 변수로, 아래에서 오행마다 바꿔요) ── */
body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4){
  --gm-rim: linear-gradient(150deg,#fff4cf 0%,#e8c46e 20%,#a87a2a 45%,#f6dc95 68%,#8e6422 88%,#d9b45e 100%);
  --gm-rim-w: 2px;
  --gm-spec: radial-gradient(120% 70% at 22% -8%, rgba(255,255,255,.4), rgba(255,255,255,.1) 34%, rgba(255,255,255,0) 52%);
  --gm-body: linear-gradient(160deg,#3a2f22,#16110b);
  --gm-depth: inset 0 0 0 3px rgba(0,0,0,.34), inset 0 -12px 18px rgba(0,0,0,.26);
  --gm-drop: 0 0 0 1px rgba(0,0,0,.6), 0 4px 10px rgba(0,0,0,.5);
  --gm-ink: #fbf1dc;
  --gm-ink-sh: 0 1px 2px rgba(0,0,0,.65);
  --gm-sheen: rgba(255,255,255,.34);
  position:relative!important; isolation:isolate; overflow:hidden!important;
  border:0!important; border-radius:10px!important;
  background:var(--gm-spec), var(--gm-body)!important;
  box-shadow:var(--gm-depth), var(--gm-drop)!important;
  color:var(--gm-ink)!important; text-shadow:var(--gm-ink-sh)!important;
}
/* 금속 테(물림쇠) — 가운데를 뚫은 고리 */
body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4)::before{
  content:''; position:absolute; inset:0; z-index:2; pointer-events:none; border-radius:inherit; padding:var(--gm-rim-w);
  background:var(--gm-rim);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
}
/* 스치는 빛 — 글자 아래로 지나가요 */
body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4)::after{
  content:''; position:absolute; z-index:-1; top:-25%; bottom:-25%; left:-70%; width:46%; pointer-events:none;
  background:linear-gradient(90deg, rgba(255,255,255,0), var(--gm-sheen) 50%, rgba(255,255,255,0));
  transform:skewX(-20deg); opacity:0;
  animation:msGemSheen 7.5s ease-in-out infinite; animation-delay:calc(var(--gm-col, 0s) + var(--gm-row, 0s));
}
@keyframes msGemSheen{
  0%, 70%{ transform:translateX(0) skewX(-20deg); opacity:0; }
  73%{ opacity:1; }
  90%{ transform:translateX(430%) skewX(-20deg); opacity:1; }
  92%, 100%{ transform:translateX(430%) skewX(-20deg); opacity:0; }
}
body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"]:nth-child(2){ --gm-col:.12s; }
body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"]:nth-child(3){ --gm-col:.24s; }
body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"]:nth-child(4){ --gm-col:.36s; }
/* 오행 이름(윗칸 오른쪽 아래 작은 글자) */
body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4) > span{
  z-index:3!important; bottom:4px!important; right:6px!important; font-size:12px!important; font-weight:700!important; line-height:1!important;
  opacity:.82!important; color:var(--gm-ink)!important; text-shadow:var(--gm-ink-sh)!important;
}

/* ── 재질 ── */
/* 목 — 비취: 속이 비치는 짙은 초록, 구름 같은 결 */
body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4):is([style*="rgb(21, 128, 61)"],[style*="rgb(169, 198, 182)"]){
  --gm-body:
    radial-gradient(45% 35% at 74% 72%, rgba(190,255,222,.22), rgba(190,255,222,0) 72%),
    radial-gradient(38% 30% at 20% 80%, rgba(2,36,20,.5), rgba(2,36,20,0) 72%),
    radial-gradient(70% 45% at 60% 112%, rgba(150,255,200,.3), rgba(150,255,200,0) 70%),
    radial-gradient(130% 110% at 30% 18%, #66c897 0%, #2b9161 28%, #11613f 60%, #06331f 100%);
  --gm-ink: #f0fff6;
  --gm-ink-sh: 0 1px 1px rgba(0,36,18,.7), 0 0 10px rgba(120,240,180,.35);
}
/* 화 — 홍옥: 깎은 면이 비치는 진홍 */
body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4):is([style*="rgb(185, 28, 28)"],[style*="rgb(231, 165, 146)"]){
  --gm-body:
    conic-gradient(from 210deg at 62% 58%, rgba(255,255,255,0) 0deg, rgba(255,214,220,.16) 40deg, rgba(60,0,10,.24) 86deg, rgba(255,196,206,.1) 142deg, rgba(60,0,10,.28) 214deg, rgba(255,220,226,.14) 288deg, rgba(255,255,255,0) 360deg),
    radial-gradient(70% 45% at 62% 112%, rgba(255,140,158,.38), rgba(255,140,158,0) 70%),
    radial-gradient(130% 110% at 30% 18%, #ff7f8c 0%, #dd2c46 26%, #9b0e27 58%, #4d0413 100%);
  --gm-ink: #fff3f4;
  --gm-ink-sh: 0 1px 1px rgba(60,0,10,.7), 0 0 10px rgba(255,120,140,.4);
}
/* 토 — 황금: 결이 살아 있는 금판에 글자를 새김 */
body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4):is([style*="rgb(161, 98, 7)"],[style*="rgb(233, 207, 134)"]){
  --gm-spec: linear-gradient(115deg, rgba(255,255,255,0) 28%, rgba(255,255,255,.5) 44%, rgba(255,255,255,0) 58%);
  --gm-body:
    repeating-linear-gradient(100deg, rgba(255,255,255,.05) 0 1px, rgba(90,60,10,.04) 1px 2px, rgba(0,0,0,0) 2px 5px),
    linear-gradient(160deg, #fff3c6 0%, #f1cf73 18%, #c9962f 42%, #8f621a 62%, #d8af57 82%, #a9792a 100%);
  --gm-depth: inset 0 0 0 3px rgba(70,44,6,.32), inset 0 -10px 14px rgba(80,50,6,.22), inset 0 10px 12px rgba(255,248,220,.25);
  --gm-ink: #3a2606;
  --gm-ink-sh: 0 1px 0 rgba(255,244,208,.85), 0 -1px 0 rgba(80,50,5,.45);
  --gm-sheen: rgba(255,255,240,.55);
}
/* 금 — 백은: 결이 살아 있는 은판에 글자를 새김 */
body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4):is([style*="rgb(82, 82, 82)"],[style*="rgb(236, 229, 214)"]){
  --gm-spec: linear-gradient(115deg, rgba(255,255,255,0) 28%, rgba(255,255,255,.6) 44%, rgba(255,255,255,0) 58%);
  --gm-body:
    repeating-linear-gradient(100deg, rgba(255,255,255,.06) 0 1px, rgba(40,46,56,.035) 1px 2px, rgba(0,0,0,0) 2px 5px),
    radial-gradient(90% 55% at 30% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 70%),
    linear-gradient(160deg, #ffffff 0%, #eceef1 16%, #b9bdc4 40%, #7c828b 62%, #dadde2 82%, #9ca1aa 100%);
  --gm-depth: inset 0 0 0 3px rgba(30,34,40,.3), inset 0 -10px 14px rgba(30,34,40,.2), inset 0 10px 12px rgba(255,255,255,.3);
  --gm-ink: #1d2128;
  --gm-ink-sh: 0 1px 0 rgba(255,255,255,.9), 0 -1px 0 rgba(20,24,30,.35);
  --gm-sheen: rgba(255,255,255,.6);
}
/* 수 — 흑진주: 검은 바탕에 무지갯빛이 도는 광택 */
body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4):is([style*="rgb(30, 41, 59)"],[style*="rgb(178, 184, 191)"],[style*="rgb(29, 78, 216)"],[style*="rgb(30, 64, 175)"],[style*="rgb(37, 99, 235)"],[style*="rgb(3, 105, 161)"],[style*="rgb(30, 58, 138)"]){
  --gm-spec: radial-gradient(60% 40% at 30% 14%, rgba(255,255,255,.6), rgba(230,238,255,.14) 45%, rgba(255,255,255,0) 72%);
  --gm-body:
    radial-gradient(58% 42% at 30% 16%, rgba(185,150,255,.32), rgba(185,150,255,0) 72%),
    radial-gradient(50% 36% at 74% 86%, rgba(80,215,200,.26), rgba(80,215,200,0) 70%),
    radial-gradient(44% 34% at 18% 84%, rgba(240,135,200,.18), rgba(240,135,200,0) 70%),
    radial-gradient(130% 110% at 32% 22%, #5f6c8c 0%, #2a3350 22%, #121828 50%, #05070d 100%);
  --gm-ink: #eef3ff;
  --gm-ink-sh: 0 1px 1px rgba(0,0,10,.75), 0 0 10px rgba(150,180,255,.4);
}
/* 모르는 칸(?) — 보석이 아직 안 박힌 빈 자리 */
body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4):is([style*="rgba(60, 60, 60"],[style*="rgba(188, 183, 177"]){
  --gm-rim: linear-gradient(150deg,#ffdcb4 0%,#d39a60 22%,#8c5226 48%,#eab47c 70%,#6f3d19 90%,#c78a52 100%);
  --gm-spec: none;
  --gm-body: radial-gradient(90% 80% at 50% 30%, #261d15 0%, #130e0a 70%, #0a0806 100%);
  --gm-depth: inset 0 0 0 3px rgba(0,0,0,.4), inset 0 4px 10px rgba(0,0,0,.65);
  --gm-ink: rgba(222,168,118,.72);
  --gm-ink-sh: 0 1px 0 rgba(0,0,0,.6);
}
body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4):is([style*="rgba(60, 60, 60"],[style*="rgba(188, 183, 177"])::after{ display:none; }

/* 아랫칸(지지) — 동테, 빛은 윗칸 뒤에 */
body[data-ms-fx] #root [data-ms-chart] > div:nth-child(3) [style*="aspect-ratio: 1 / 1"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4){
  --gm-rim: linear-gradient(150deg,#ffdcb4 0%,#d39a60 22%,#8c5226 48%,#eab47c 70%,#6f3d19 90%,#c78a52 100%);
  --gm-row: .6s;
}
/* 일주(★) — 백금테 + 금빛 빛무리 (번들이 일주 칸에만 0 0 14px 빛을 줘요) */
body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"][style*="0px 0px 14px"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4):not(#_g5){
  --gm-rim: linear-gradient(150deg,#fffaf0 0%,#f8e4aa 16%,#d8ac4e 38%,#fff5d6 58%,#b98a30 80%,#f5d98f 100%);
  --gm-rim-w: 2.5px;
  --gm-drop: 0 0 0 1px rgba(255,232,170,.75), 0 0 16px 1px rgba(240,196,98,.5), 0 4px 10px rgba(0,0,0,.5);
}

/* 토스 한지(낮) — 그림자를 옅게, 빈 자리는 한지 홈 */
html.ms-toss:not([data-mt-night]) body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4){
  --gm-drop: 0 0 0 1px rgba(120,88,26,.22), 0 3px 8px rgba(70,48,12,.16);
}
html.ms-toss:not([data-mt-night]) body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4):is([style*="rgba(60, 60, 60"],[style*="rgba(188, 183, 177"]){
  --gm-body: radial-gradient(90% 80% at 50% 30%, #f3ebdc 0%, #e4d8c2 100%);
  --gm-depth: inset 0 0 0 3px rgba(120,88,26,.12), inset 0 3px 8px rgba(80,55,20,.2);
  --gm-ink: rgba(120,72,34,.62);
  --gm-ink-sh: 0 1px 0 rgba(255,253,247,.8);
}
html.ms-toss:not([data-mt-night]) body[data-ms-fx] #root [data-ms-chart] [style*="aspect-ratio: 1 / 1"][style*="0px 0px 14px"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4):not(#_g5){
  --gm-drop: 0 0 0 1px rgba(196,150,47,.6), 0 0 14px 1px rgba(221,180,76,.55), 0 3px 8px rgba(70,48,12,.16);
}

/* ── 대운 카드: 현재 = 일반, 다음 = 고급 ── */
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card:not(#_g1):not(#_g2):not(#_g3):not(#_g4){
  position:relative!important; isolation:isolate; overflow:hidden!important; opacity:1!important;
  padding:12px 10px 10px!important; border-radius:12px!important;
}
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card:not(#_g1):not(#_g2):not(#_g3):not(#_g4) > div:nth-child(1){
  display:inline-block!important; padding:2px 9px!important; margin-bottom:6px!important; border-radius:999px!important;
  font-size:12px!important; font-weight:700!important; letter-spacing:.08em!important; line-height:1.45!important; opacity:1!important;
}
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card:not(#_g1):not(#_g2):not(#_g3):not(#_g4) > div:nth-child(2){ line-height:1.2!important; }
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card:not(#_g1):not(#_g2):not(#_g3):not(#_g4) > div:nth-child(3){ font-size:12px!important; font-weight:600!important; margin-top:4px!important; }
/* '풀이 보기' + SVG 꺾쇠 (글자 꺾쇠 대신) */
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card:not(#_g1):not(#_g2):not(#_g3):not(#_g4)::after{
  content:'풀이 보기'!important; display:block!important; width:max-content; margin:8px auto 0!important; padding:3px 19px 3px 10px!important;
  border-radius:999px; font:700 12px/1.4 Pretendard, sans-serif!important;
}

/* 현재 — 칠기 바탕 + 가는 금선 */
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card:not([style*="dashed"]):not(#_g1):not(#_g2):not(#_g3):not(#_g4){
  border:1px solid rgba(214,174,104,.5)!important;
  background:radial-gradient(100% 60% at 50% 0%, rgba(255,226,160,.1), rgba(255,226,160,0) 70%), linear-gradient(180deg,#1c150d,#110c07)!important;
  box-shadow:inset 0 1px 0 rgba(255,236,190,.14), 0 4px 12px rgba(0,0,0,.4)!important;
}
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card:not([style*="dashed"]):not(#_g1):not(#_g2):not(#_g3):not(#_g4) > div:nth-child(1){ color:#e9cf8f!important; background:transparent!important; box-shadow:inset 0 0 0 1px rgba(214,174,104,.55)!important; }
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card:not([style*="dashed"]):not(#_g1):not(#_g2):not(#_g3):not(#_g4) > div:nth-child(2){ font-size:20px!important; color:#fbf1dc!important; text-shadow:0 1px 2px rgba(0,0,0,.6)!important; }
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card:not([style*="dashed"]):not(#_g1):not(#_g2):not(#_g3):not(#_g4) > div:nth-child(3){ color:rgba(245,230,211,.78)!important; }
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card:not([style*="dashed"]):not(#_g1):not(#_g2):not(#_g3):not(#_g4)::after{
  color:#f3d48a!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='%23f3d48a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 7px center/10px 10px no-repeat, rgba(214,174,104,.14)!important;
}

/* 다음 — 금박 테 + 위에서 비추는 금빛 + 반짝임, 빛이 한 번씩 스쳐요 */
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card[style*="dashed"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4){
  border:1.5px solid transparent!important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5c.6 5.4 3.3 8.4 10.5 10.5-7.2 2.1-9.9 5.1-10.5 10.5-.6-5.4-3.3-8.4-10.5-10.5C8.7 9.9 11.4 6.9 12 1.5z' fill='%23fff1c2'/%3E%3C/svg%3E") right 9px top 9px/11px 11px no-repeat padding-box,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5c.6 5.4 3.3 8.4 10.5 10.5-7.2 2.1-9.9 5.1-10.5 10.5-.6-5.4-3.3-8.4-10.5-10.5C8.7 9.9 11.4 6.9 12 1.5z' fill='%23f3d48a'/%3E%3C/svg%3E") left 10px top 30px/7px 7px no-repeat padding-box,
    radial-gradient(110% 70% at 50% -10%, rgba(255,214,130,.32), rgba(255,214,130,0) 62%) padding-box,
    linear-gradient(180deg,#2c1f0e 0%,#170f07 100%) padding-box,
    linear-gradient(135deg,#fff2c6 0%,#e2b85a 22%,#8f6620 46%,#f6dc95 70%,#a77b2a 100%) border-box!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.55), 0 0 22px rgba(236,192,102,.3), 0 8px 20px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,240,200,.3)!important;
}
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card[style*="dashed"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4) > div:nth-child(1){
  color:#2a1a05!important; background:linear-gradient(135deg,#fbe7a6,#d8a945 55%,#b4842c)!important;
  box-shadow:0 1px 0 rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.5)!important;
}
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card[style*="dashed"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4) > div:nth-child(2){
  font-size:22px!important; color:#f6dc95!important; text-shadow:none!important;
  background:linear-gradient(180deg,#fff7d9 0%,#f2d27c 46%,#c08c2e 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.7));
}
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card[style*="dashed"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4) > div:nth-child(3){ color:#ecd394!important; }
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card[style*="dashed"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4)::before{
  content:''; position:absolute; z-index:-1; top:-30%; bottom:-30%; left:-50%; width:36%; pointer-events:none;
  background:linear-gradient(90deg, rgba(255,240,200,0), rgba(255,240,200,.24) 50%, rgba(255,240,200,0));
  transform:skewX(-20deg); opacity:0;
  animation:msGemSheenCard 6s ease-in-out 1.2s infinite;
}
@keyframes msGemSheenCard{
  0%, 62%{ transform:translateX(0) skewX(-20deg); opacity:0; }
  66%{ opacity:1; }
  90%{ transform:translateX(480%) skewX(-20deg); opacity:1; }
  94%, 100%{ transform:translateX(480%) skewX(-20deg); opacity:0; }
}
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card[style*="dashed"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4)::after{
  color:#2a1a05!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='%232a1a05' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 7px center/10px 10px no-repeat, linear-gradient(135deg,#f6e29a,#d4a83e)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}
/* 현재 → 다음 사이 화살표: 글자(→) 대신 SVG 꺾쇠 */
body[data-ms-fx] #root [data-ms-chart] .ms-tap-card + div:not(.ms-tap-card):not(#_g1):not(#_g2):not(#_g3):not(#_g4){
  flex:0 0 16px!important; width:16px!important; font-size:0!important; color:transparent!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='%23e2c27a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 14px no-repeat, radial-gradient(circle at center, rgba(10,8,5,.9) 0 8px, rgba(10,8,5,0) 12px)!important;
}

/* 토스 한지(낮) — 현재는 한지 카드, 다음은 금박 카드에 먹색 글자 */
html.ms-toss:not([data-mt-night]) body[data-ms-fx] #root [data-ms-chart] .ms-tap-card:not([style*="dashed"]):not(#_g1):not(#_g2):not(#_g3):not(#_g4){
  border:1px solid rgba(196,150,47,.45)!important;
  background:linear-gradient(180deg,#fffcf5,#f7efdf)!important;
  box-shadow:inset 0 1px 0 #fff, 0 2px 8px rgba(70,48,12,.07)!important;
}
html.ms-toss:not([data-mt-night]) body[data-ms-fx] #root [data-ms-chart] .ms-tap-card:not([style*="dashed"]):not(#_g1):not(#_g2):not(#_g3):not(#_g4) > div:nth-child(1){ color:#86651a!important; box-shadow:inset 0 0 0 1px rgba(196,150,47,.55)!important; }
html.ms-toss:not([data-mt-night]) body[data-ms-fx] #root [data-ms-chart] .ms-tap-card:not([style*="dashed"]):not(#_g1):not(#_g2):not(#_g3):not(#_g4) > div:nth-child(2){ color:#2a2219!important; text-shadow:none!important; }
html.ms-toss:not([data-mt-night]) body[data-ms-fx] #root [data-ms-chart] .ms-tap-card:not([style*="dashed"]):not(#_g1):not(#_g2):not(#_g3):not(#_g4) > div:nth-child(3){ color:#5c4f3e!important; }
html.ms-toss:not([data-mt-night]) body[data-ms-fx] #root [data-ms-chart] .ms-tap-card:not([style*="dashed"]):not(#_g1):not(#_g2):not(#_g3):not(#_g4)::after{
  color:#86651a!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='%2386651a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 7px center/10px 10px no-repeat, rgba(221,180,76,.16)!important;
}
html.ms-toss:not([data-mt-night]) body[data-ms-fx] #root [data-ms-chart] .ms-tap-card[style*="dashed"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4){
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5c.6 5.4 3.3 8.4 10.5 10.5-7.2 2.1-9.9 5.1-10.5 10.5-.6-5.4-3.3-8.4-10.5-10.5C8.7 9.9 11.4 6.9 12 1.5z' fill='%23fffdf4'/%3E%3C/svg%3E") right 9px top 9px/11px 11px no-repeat padding-box,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5c.6 5.4 3.3 8.4 10.5 10.5-7.2 2.1-9.9 5.1-10.5 10.5-.6-5.4-3.3-8.4-10.5-10.5C8.7 9.9 11.4 6.9 12 1.5z' fill='%23fffdf4'/%3E%3C/svg%3E") left 10px top 30px/7px 7px no-repeat padding-box,
    radial-gradient(110% 70% at 50% -10%, rgba(255,255,255,.6), rgba(255,255,255,0) 60%) padding-box,
    linear-gradient(160deg,#fbefc8 0%,#f1d78e 42%,#e3bf66 100%) padding-box,
    linear-gradient(135deg,#fff8de 0%,#d4aa45 28%,#93691d 52%,#f3d68c 76%,#b3862c 100%) border-box!important;
  box-shadow:0 0 0 1px rgba(154,115,34,.2), 0 0 18px rgba(221,180,76,.35), 0 6px 16px rgba(120,86,20,.2), inset 0 1px 0 rgba(255,255,255,.7)!important;
}
html.ms-toss:not([data-mt-night]) body[data-ms-fx] #root [data-ms-chart] .ms-tap-card[style*="dashed"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4) > div:nth-child(1){ color:#f6e29a!important; background:#2a2219!important; box-shadow:none!important; }
html.ms-toss:not([data-mt-night]) body[data-ms-fx] #root [data-ms-chart] .ms-tap-card[style*="dashed"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4) > div:nth-child(2){
  color:#3a2606!important; -webkit-text-fill-color:#3a2606; background:none; filter:none; text-shadow:0 1px 0 rgba(255,250,230,.75)!important;
}
html.ms-toss:not([data-mt-night]) body[data-ms-fx] #root [data-ms-chart] .ms-tap-card[style*="dashed"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4) > div:nth-child(3){ color:#5a4210!important; }
html.ms-toss:not([data-mt-night]) body[data-ms-fx] #root [data-ms-chart] .ms-tap-card[style*="dashed"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4)::before{
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55) 50%, rgba(255,255,255,0));
}
html.ms-toss:not([data-mt-night]) body[data-ms-fx] #root [data-ms-chart] .ms-tap-card[style*="dashed"]:not(#_g1):not(#_g2):not(#_g3):not(#_g4)::after{
  color:#f6e29a!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='%23f6e29a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 7px center/10px 10px no-repeat, #2a2219!important;
  box-shadow:none;
}
html.ms-toss:not([data-mt-night]) body[data-ms-fx] #root [data-ms-chart] .ms-tap-card + div:not(.ms-tap-card):not(#_g1):not(#_g2):not(#_g3):not(#_g4){
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='%2386651a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 14px no-repeat, radial-gradient(circle at center, rgba(251,247,239,.95) 0 8px, rgba(251,247,239,0) 12px)!important;
}

@media (prefers-reduced-motion: reduce){
  [data-ms-chart] [style*="aspect-ratio: 1 / 1"]::after, [data-ms-chart] .ms-tap-card::before{ animation:none!important; opacity:0!important; }
}