/* ズボ活「ズボラ名」固有CSS — _build-games/games/zuboraname.html から生成。直接編集しない。 */
/* --- 設問（1問ずつ） --- */
.zbr-game .qz{padding:22px 0 30px;animation:zg-fadeup .5s both}
.zbr-game .step{text-align:center;font-family:var(--disp);font-weight:900;font-size:14px;color:var(--ink3);letter-spacing:.08em}
.zbr-game .bar{height:12px;background:var(--paper3);border-radius:8px;overflow:hidden;margin:10px 0 26px}
.zbr-game .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--yellow),var(--coral));border-radius:8px;transition:width .35s cubic-bezier(.34,1.4,.64,1)}
.zbr-game .qz h2{font-family:var(--disp);font-weight:900;font-size:27px;text-align:center;line-height:1.5}
.zbr-game .qz .qsub{text-align:center;font-size:14px;color:var(--ink2);font-weight:500;margin-top:6px}
.zbr-game .opts{display:grid;gap:12px;margin-top:24px}
.zbr-game .opt{background:#fff;border:3px solid var(--paper3);border-radius:20px;padding:18px 20px;cursor:pointer;
  box-shadow:0 5px 0 -1px var(--paper3);transition:.16s;text-align:left;font-family:var(--disp);font-weight:700;
  font-size:19px;color:var(--ink);line-height:1.5;width:100%}
.zbr-game .opt:hover{border-color:var(--pink);transform:translateY(-2px)}
.zbr-game .opt small{display:block;font-family:var(--body);font-weight:500;font-size:13.5px;color:var(--ink2);margin-top:4px}
.zbr-game .back2{display:block;margin:22px auto 0;background:none;border:none;font-family:var(--disp);font-weight:700;
  font-size:14px;color:var(--ink3);cursor:pointer;text-decoration:underline}

/* --- 結果（名前） --- */
/* 名前まわりだけ明朝＋筆記体。名刺と同じ書体でそろえる（ズボ連の丸ゴシックの唯一の例外） */
.zbr-game .rname{font-family:"Shippori Mincho","Hiragino Mincho ProN",serif;font-weight:600;font-size:31px;
  color:#3d2640;line-height:1.45;letter-spacing:.03em;margin-top:10px}
.zbr-game .rroman{font-family:"Great Vibes",cursive;font-size:31px;color:#a07c4a;line-height:1.25;margin-top:6px}
.zbr-game .rorigin{font-family:var(--disp);font-weight:700;font-size:15.5px;color:var(--ink2);margin-top:6px}
@media(max-width:640px){.zbr-game .rname{font-size:25px}.zbr-game .rroman{font-size:26px}}

/* --- 名前の由来 --- */
.zbr-game .yurai{margin-top:32px;background:#fff;border-radius:22px;box-shadow:var(--card-sh);border:2.5px solid var(--paper3);padding:22px 20px 20px}
.zbr-game .yurai h3{font-family:var(--disp);font-weight:900;font-size:19px;text-align:center;margin-bottom:14px}
.zbr-game .yurai h3 .u{background:var(--yellow);border-radius:6px;padding:0 8px}
.zbr-game .yurai .yr{display:flex;gap:12px;align-items:flex-start}
.zbr-game .yurai .yr img{width:96px;flex:none}
.zbr-game .yurai ul{list-style:none;display:grid;gap:10px;flex:1;min-width:0}
.zbr-game .yurai li{background:var(--paper2);border-radius:14px;padding:11px 14px;font-size:14.5px;line-height:1.8}
@media(max-width:480px){.zbr-game .yurai .yr{flex-direction:column;align-items:center}.zbr-game .yurai .yr img{width:120px}.zbr-game .yurai ul{width:100%}}

/* --- 仲間の数 --- */
.zbr-game .nth{text-align:center;font-size:15.5px;font-weight:500;margin-top:24px;line-height:1.9}
.zbr-game .nth b{font-family:var(--latin);font-weight:700;color:var(--coral);font-size:23px}