/* reversi — 正中黑圆盘，无海报，白字 */
body[data-slug="reversi"]{background:#070707;font-family:"Avenir Next",Futura,"Trebuchet MS",sans-serif}
body[data-slug="reversi"] .f-root{align-items:center;justify-content:center;background:#070707}
body[data-slug="reversi"] .f-root:before{content:"";position:absolute;inset:12% 18%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a3a3a,#111 62%);box-shadow:0 30px 80px #000, inset 0 0 0 10px #0a0a0a}
body[data-slug="reversi"] .f-root:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;background:#f5f5f5;top:18%;right:16%;box-shadow:inset -8px -10px 0 #d0d0d0}
body[data-slug="reversi"] .f-card{width:min(86vw,340px);padding:0}
body[data-slug="reversi"] .f-art{display:none}
body[data-slug="reversi"] .f-flow{border-radius:28px;padding:28px 22px 20px;background:#111c;border:1px solid #ffffff22;box-shadow:none;color:#f4f4f4}
body[data-slug="reversi"] .f-name{color:#bdbdbd;letter-spacing:.22em;font-size:11px;text-transform:uppercase}
body[data-slug="reversi"] .f-h{color:#fff;font-size:28px;font-weight:600;letter-spacing:-.03em}
body[data-slug="reversi"] .f-sub{color:#c8c8c8}
body[data-slug="reversi"] .f-steps s{background:#333;border-radius:50%;width:8px;height:8px}
body[data-slug="reversi"] .f-steps s.on{background:#fff;width:8px}
body[data-slug="reversi"] .f-btn{border-radius:999px;background:#f7f7f7;color:#111;font-weight:700;box-shadow:none}
body[data-slug="reversi"] .f-btn:active{background:#ddd}
body[data-slug="reversi"] .f-bar{background:#2a2a2a;height:3px}
body[data-slug="reversi"] .f-bar i{background:#fff}
body[data-slug="reversi"] .f-meta{color:#aaa}
body[data-slug="reversi"] .f-meta #pct{color:#fff}
body[data-slug="reversi"] .f-boot .f-line{color:#ddd}