/* casual-checkers — 居中方格棋盘卡，墨绿描边，直角 */
body[data-slug="casual-checkers"]{background:#102418;font-family:Georgia,"Iowan Old Style",Palatino,serif}
body[data-slug="casual-checkers"] .f-root{align-items:center;justify-content:center;background-color:#102418;background-image:none}
body[data-slug="casual-checkers"] .f-root:before{content:"";position:absolute;inset:0;background:
  linear-gradient(45deg,#1c6b3a 25%,transparent 25%),linear-gradient(-45deg,#1c6b3a 25%,transparent 25%),
  linear-gradient(45deg,transparent 75%,#1c6b3a 75%),linear-gradient(-45deg,transparent 75%,#1c6b3a 75%);
  background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0;opacity:.35}
body[data-slug="casual-checkers"] .f-root:after{content:"";position:absolute;inset:0;background:radial-gradient(80% 70% at 50% 40%,#10241855,#102418f2)}
body[data-slug="casual-checkers"] .f-card{width:min(100%,360px);padding:0 18px}
body[data-slug="casual-checkers"] .f-art{display:block;height:168px;margin:0 0 -28px;border-radius:4px;border:8px solid #e7d7b1;background-color:#143222;box-shadow:0 0 0 2px #2f6b3a}
body[data-slug="casual-checkers"] .f-flow{border-radius:4px;padding:40px 18px 16px;background:#f4efe2;border:2px solid #2c2416;box-shadow:6px 6px 0 #0c1a12}
body[data-slug="casual-checkers"] .f-name{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#6d5a32}
body[data-slug="casual-checkers"] .f-steps s{width:10px;height:10px;border-radius:2px;background:#d9cba8}
body[data-slug="casual-checkers"] .f-steps s.on{width:10px;background:#1f7a4d}
body[data-slug="casual-checkers"] .f-h{font-family:Georgia,serif;font-size:26px;font-weight:700;color:#1b140c}
body[data-slug="casual-checkers"] .f-sub{color:#6d5a32;font-size:15px}
body[data-slug="casual-checkers"] .f-btn{border-radius:4px;min-height:52px;background:#1f7a4d;color:#f4efe2;font-weight:700;box-shadow:none;border:2px solid #143222}
body[data-slug="casual-checkers"] .f-btn:active{background:#17633e}
body[data-slug="casual-checkers"] .f-bar{height:8px;border-radius:2px;background:#e4d8bc}
body[data-slug="casual-checkers"] .f-bar i{border-radius:2px;background:#1f7a4d}
body[data-slug="casual-checkers"] .f-meta,#pct{color:#1b140c}
body[data-slug="casual-checkers"] .f-chip{border-radius:2px;border-color:#d9cba8}
body[data-slug="casual-checkers"] .f-chip .ic{color:#1f7a4d}