/* ズボ活「ズボラルーレット」固有CSS — _build-games/games/roulette.html から生成。直接編集しない。 */
/* --- ホイール --- */
.zbr-game .wheelbox{position:relative;width:min(340px,86vw);margin:6px auto 0;aspect-ratio:1}
.zbr-game .wheelbox canvas{width:100%;height:100%;display:block;
  transform:rotate(0deg);transition:none;filter:drop-shadow(0 10px 18px rgba(91,70,54,.28))}
.zbr-game .wheelbox.spin canvas{transition:transform 4.6s cubic-bezier(.16,.84,.28,1)}
/* 中心の肉球 */
.zbr-game .hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:23%;height:23%;border-radius:50%;
  background:#fff;border:4px solid var(--coral);display:grid;place-items:center;box-shadow:0 4px 10px rgba(91,70,54,.25)}
.zbr-game .hub .zi{width:58%;height:58%}
/* 上の針 */
.zbr-game .needle{position:absolute;left:50%;top:-12px;transform:translateX(-50%);width:34px;height:44px;z-index:2;
  filter:drop-shadow(0 3px 3px rgba(91,70,54,.35))}
.zbr-game .needle i{display:block;width:0;height:0;margin:0 auto;
  border-left:17px solid transparent;border-right:17px solid transparent;border-top:38px solid var(--coral)}

.zbr-game .prize{display:inline-block;font-family:var(--disp);font-weight:900;font-size:27px;color:var(--outline);
  background:var(--yellow-l);border-radius:18px;padding:10px 26px;margin-top:8px;line-height:1.4}
.zbr-game .prize.rare{background:var(--coral);color:#fff}

/* 景品一覧 */
.zbr-game .prizes{margin-top:30px}
.zbr-game .prizes h3{font-family:var(--disp);font-weight:900;font-size:19px;text-align:center;margin-bottom:14px}
.zbr-game .prizes h3 .u{background:var(--yellow);border-radius:6px;padding:0 8px}
.zbr-game .plist{background:#fff;border-radius:22px;box-shadow:var(--card-sh);border:2.5px solid var(--paper3);overflow:hidden}
.zbr-game .plist .r{display:flex;align-items:center;gap:12px;padding:13px 18px;border-top:2px solid var(--paper2)}
.zbr-game .plist .r:first-child{border-top:none}
.zbr-game .plist .sw{flex:none;width:20px;height:20px;border-radius:6px;border:2px solid var(--outline)}
.zbr-game .plist .nm{font-family:var(--disp);font-weight:700;font-size:15.5px;flex:1}
.zbr-game .plist .pc{font-family:var(--latin);font-weight:600;font-size:14px;color:var(--ink3)}
.zbr-game .plist .r.rare .nm{color:var(--coral-d)}