.match-checkin{border:1px solid color-mix(in srgb, var(--pop,var(--accent)) 34%, var(--line));background:radial-gradient(140% 160% at 0% 0%, color-mix(in srgb, var(--pop,var(--accent)) 16%, transparent), transparent 55%), var(--panel);border-radius:16px;margin:18px 0;padding:14px 16px;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.match-checkin.is-on{border-color:color-mix(in srgb, var(--home) 40%, var(--line));background:radial-gradient(140% 160% at 0% 0%, color-mix(in srgb, var(--home) 14%, transparent), transparent 55%), var(--panel)}.match-checkin-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.match-checkin-hint{color:var(--dim-strong);flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0;font-size:.82rem;line-height:1.4;display:flex}.match-checkin-badges{letter-spacing:2px;opacity:.9;font-size:.95rem}.checkin-btn{font:inherit;cursor:pointer;color:var(--txt);background:color-mix(in srgb, var(--pop,var(--accent)) 16%, transparent);border:1px solid color-mix(in srgb, var(--pop,var(--accent)) 55%, var(--line));box-shadow:0 0 0 0 color-mix(in srgb, var(--pop,var(--accent)) 55%, transparent);border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:.98rem;font-weight:850;transition:transform .1s,background .15s,border-color .15s,box-shadow .15s;animation:2.6s ease-in-out infinite checkin-pulse;display:inline-flex}.checkin-btn:hover:not(:disabled){background:color-mix(in srgb, var(--pop,var(--accent)) 26%, transparent)}.checkin-btn:active:not(:disabled){transform:scale(.96)}.checkin-btn:disabled{opacity:.7;cursor:default}.checkin-btn.on{color:#06140d;background:var(--grad-cool,var(--home));box-shadow:var(--glow-home,0 10px 24px -12px var(--home));border-color:#0000;animation:none}.match-checkin-link{color:var(--accent);font-size:.88rem;font-weight:700;text-decoration:none}.match-checkin-link:hover{text-decoration:underline}@keyframes checkin-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--pop,var(--accent)) 45%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--pop,var(--accent)) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.checkin-btn{animation:none}}