/* 占いの栞 — スクショ代替の和風デザインカード
 * uranai_design_card() が出力する .uranai-card 用スタイル。
 * フォント（Shippori Mincho / Cormorant Garamond）はテーマ側で読み込む前提。
 * 未読込でもフォールバックの明朝・セリフで破綻しないようにしている。
 */

.uranai-card{
  position:relative;
  aspect-ratio:16/10;
  border-radius:3px;
  overflow:hidden;
  --c1:#574170;          /* 種別ごとにインラインstyleで上書き */
  --c2:#322450;
  --uc-gold:#cfb27d;
  color:#F6F1E8;
  background:radial-gradient(120% 120% at 50% 0%,
              color-mix(in srgb, var(--c1) 78%, #fff 6%) 0%, var(--c2) 72%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:30px 24px;
}

/* 和柄レイヤー（うっすら金） */
.uranai-card .uc-pat{
  position:absolute;
  inset:0;
  opacity:.16;
  mix-blend-mode:soft-light;
  pointer-events:none;
}

/* 金の二重罫 */
.uranai-card .uc-fr{
  position:absolute;
  inset:12px;
  border:1px solid rgba(207,178,125,.55);
  border-radius:5px;
  pointer-events:none;
}
.uranai-card .uc-fr::after{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(207,178,125,.22);
  border-radius:3px;
}

/* 四隅の金飾り */
.uranai-card .uc-cn{
  position:absolute;
  width:16px;height:16px;
  border:0 solid var(--uc-gold);
  opacity:.85;
}
.uranai-card .uc-cn.tl{top:18px;left:18px;border-top-width:2px;border-left-width:2px;}
.uranai-card .uc-cn.tr{top:18px;right:18px;border-top-width:2px;border-right-width:2px;}
.uranai-card .uc-cn.bl{bottom:18px;left:18px;border-bottom-width:2px;border-left-width:2px;}
.uranai-card .uc-cn.br{bottom:18px;right:18px;border-bottom-width:2px;border-right-width:2px;}

/* シンボル */
.uranai-card .uc-sym{
  margin-bottom:12px;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));
}

/* 英字ラベル（占術） */
.uranai-card .uc-kind{
  font-family:"Cormorant Garamond", serif;
  letter-spacing:.34em;
  text-transform:uppercase;
  font-size:12px;
  color:var(--uc-gold);
  margin-bottom:12px;
  padding-left:.34em;
}

/* 店名 */
.uranai-card .uc-name{
  font-family:"Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-weight:600;
  line-height:1.3;
  font-size:clamp(20px, 3.4vw, 30px);
  letter-spacing:.04em;
  text-shadow:0 2px 10px rgba(0,0,0,.28);
}

/* 区切り罫 */
.uranai-card .uc-rule{
  width:46px;height:1px;
  background:linear-gradient(90deg, transparent, var(--uc-gold), transparent);
  margin:15px 0 12px;
}

/* エリア */
.uranai-card .uc-area{
  font-family:"Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-weight:500;
  font-size:14px;
  letter-spacing:.16em;
  color:rgba(246,241,232,.86);
}
.uranai-card .uc-area i{color:var(--uc-gold);margin:0 .5em;font-style:normal;}

/* color-mix 非対応ブラウザ用フォールバック */
@supports not (background: color-mix(in srgb, red, blue)){
  .uranai-card{background:radial-gradient(120% 120% at 50% 0%, var(--c1) 0%, var(--c2) 72%);}
}