/* JK Game DOS Arcade — 每日打卡 widget 的換皮（widget 本體在 id.jkgame.com/static/checkin-widget.css）。
   只覆寫變數：紫底、青色主鍵、金色第 7 格、直角、像素字做 eyebrow。 */
.checkin-slot {
  --jkc-bg: var(--panel);
  --jkc-line: var(--line);
  --jkc-fg: var(--ink);
  --jkc-mute: var(--muted);
  --jkc-dim: var(--muted);
  --jkc-accent: var(--jk-cyan);
  --jkc-accent-ink: #07060f;
  --jkc-bonus: var(--jk-gold);
  --jkc-radius: 0;
  --jkc-radius-sm: 0;
  --jkc-mono: var(--font-pixel);
  --jkc-disp: var(--font-ui);
  margin: 0;
}

.checkin-slot:empty { display: none; }
.checkin-slot .jkc-eyebrow { font-size: var(--label-size); letter-spacing: 0.14em; color: var(--jk-cyan); }
.checkin-slot .jkc-d { font-family: var(--font-ui); font-size: 9px; font-weight: 700; letter-spacing: 0.04em; white-space: nowrap; }
.checkin-slot .jkc-slot { padding-left: 2px; padding-right: 2px; }
.checkin-slot .jkc-stamp { right: 2px; top: 2px; }
.checkin-slot .jkc h3 { font-size: var(--fs-md); font-weight: 800; }
.checkin-slot .jkc-btn { box-shadow: 3px 3px 0 var(--jk-pink); }
.checkin-slot .jkc-btn[disabled] { box-shadow: none; }
.checkin-slot .jkc-btn:hover { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--jk-pink); }

/* 首頁 hero 版：stats 下面，寬度跟 stats 一樣 */
.checkin-hero { margin-top: 14px; max-width: 460px; }
@media (max-width: 960px) { .checkin-hero { max-width: none; } }

/* 已登入但今日未打卡：導覽列 JK ID 那一項右上角一粒粉紅點 */
.jkc-due #jkid-nav { position: relative; }
.jkc-due #jkid-nav::before {
  content: ""; position: absolute; right: 2px; top: 4px;
  width: 7px; height: 7px; background: var(--jk-pink);
  box-shadow: 0 0 8px var(--jk-pink);
  animation: jkc-dot 1.6s steps(1) infinite;
}
@keyframes jkc-dot { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
@media (prefers-reduced-motion: reduce) { .jkc-due #jkid-nav::before { animation: none; } }