/* 転職12星座占い — 星図と辞令をモチーフにした夜のボード */
.tzu-board{
  --ink:#0d1526; --ink2:#16213a; --line:#2b3a5c; --moon:#ece8dc; --dim:#a9b0c4;
  --brass:#d2aa5c; --teal:#5cc2b8;
  display:grid; grid-template-columns:1fr; gap:14px;
  margin:2rem 0; padding:clamp(14px,3vw,28px);
  background:
    radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.55),transparent 60%),
    radial-gradient(1px 1px at 78% 32%,rgba(255,255,255,.4),transparent 60%),
    radial-gradient(1.5px 1.5px at 46% 74%,rgba(255,255,255,.45),transparent 60%),
    radial-gradient(1px 1px at 90% 88%,rgba(255,255,255,.4),transparent 60%),
    linear-gradient(170deg,#0a1122,#111c33 60%,#0d1526);
  border-radius:6px; color:var(--moon);
  font-family:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic",sans-serif;
  line-height:1.9;
}
.tzu-card{
  position:relative; overflow:hidden; padding:20px 22px 18px;
  background:var(--ink2); border:1px solid var(--line); border-radius:3px;
}
.tzu-glyph{
  position:absolute; right:10px; top:-14px; font-size:104px; line-height:1;
  color:var(--brass); opacity:.13; pointer-events:none;
  font-family:"Segoe UI Symbol","Noto Sans Symbols","Apple Symbols",serif;
}
.tzu-head{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap}
.tzu-rank{
  font-family:"Shippori Mincho","Yu Mincho",serif; font-weight:700;
  font-size:1.05rem; color:var(--ink); background:var(--brass);
  padding:0 10px; border-radius:2px; line-height:1.7;
}
.tzu-name{
  margin:0!important; font-family:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;
  font-size:1.45rem!important; font-weight:700; color:var(--moon)!important; letter-spacing:.06em;
}
.tzu-range{font-size:.8rem; color:var(--dim)}
.tzu-stars{margin:6px 0 10px; font-size:.9rem; color:var(--brass); letter-spacing:.12em}
.tzu-text p{margin:0 0 .6em!important; font-size:.94rem; color:#dcd8ca}
.tzu-lucky{
  display:flex; gap:0; margin:14px 0 0!important; padding-top:12px;
  border-top:1px solid var(--line);
}
.tzu-lucky>div{flex:1; padding:0 10px; border-left:1px solid var(--line)}
.tzu-lucky>div:first-child{padding-left:0; border-left:0}
.tzu-lucky dt{font-size:.72rem; color:var(--teal); margin:0}
.tzu-lucky dd{font-size:.86rem; margin:0; color:var(--moon)}

/* 1位だけを主役にする */
.tzu-top{
  grid-column:1/-1; padding:28px 30px 24px;
  border-color:var(--brass);
  background:linear-gradient(120deg,#1b2947,#16213a 55%);
  box-shadow:0 0 0 4px rgba(210,170,92,.08);
}
.tzu-top .tzu-glyph{font-size:190px; opacity:.2; top:-30px; right:24px}
.tzu-top .tzu-name{font-size:2rem!important}
.tzu-top .tzu-rank{font-size:1.3rem}
.tzu-top .tzu-text p{font-size:1.02rem}
.tzu-top .tzu-text{max-width:34em}

@media (max-width:640px){
  .tzu-top .tzu-glyph{font-size:130px}
}
@media (prefers-reduced-motion:no-preference){
  .tzu-top{animation:tzu-glow 4s ease-in-out infinite alternate}
  @keyframes tzu-glow{to{box-shadow:0 0 0 4px rgba(210,170,92,.08),0 0 26px rgba(210,170,92,.22)}}
}

/* テーマ側の見出し枠・余白を打ち消す */
.tzu-board .tzu-name{
  border:0!important; background:none!important; padding:0!important;
  box-shadow:none!important; margin:0!important;
}
.tzu-board .tzu-name::before,.tzu-board .tzu-name::after{display:none!important}
.tzu-board .tzu-lucky dd{margin:0!important; padding:0!important}
.tzu-board .tzu-lucky dt{padding:0!important}
.tzu-text{max-width:40em}