/* XP-Adventure Button - Friendly Bubble Style */
.xp-btn {
  background: linear-gradient(180deg, #f1f2f6 0%, #dfe4ea 100%);
  border: 1px solid #ced6e0;
  border-radius: var(--radius-btn);
  box-shadow: 
    0 2px 0 #a4b0be,
    0 3px 6px rgba(0,0,0,0.1);
  padding: 8px 18px;
  font-family: var(--font-system);
  font-size: 13px;
  cursor: pointer;
  color: #2f3542;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: all 0.1s;
}

.xp-btn:active {
  box-shadow: 0 0 0 #a4b0be;
  transform: translateY(2px);
}

.xp-btn:hover {
  filter: brightness(1.05);
}

.xp-btn:focus-visible {
  outline: 2px solid #0054E3;
  outline-offset: 2px;
}

.xp-btn-primary:focus-visible {
  outline-color: #5ea4ff;
}

.xp-btn-start:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.xp-btn-primary {
    background: linear-gradient(180deg, #4facfe 0%, #00f2fe 100%); /* Cyan/Blue candy */
    background: linear-gradient(180deg, #245EDC 0%, #1a4db8 100%);
    color: white;
    border: 1px solid #0c2e75;
    box-shadow: 
        0 2px 0 #082054,
        0 3px 6px rgba(0,0,0,0.2);
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.xp-btn-primary:active {
    box-shadow: 0 0 0 #082054;
}

.xp-btn-success {
    background: linear-gradient(180deg, #7EC850 0%, #5ba430 100%);
    color: white;
    border: 1px solid #3a7516;
    box-shadow: 
        0 2px 0 #2b5910,
        0 3px 6px rgba(0,0,0,0.2);
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.xp-btn-success:active {
    box-shadow: 0 0 0 #2b5910;
}

/* Start Button - The Iconic Pill */
.xp-btn-start {
    background: linear-gradient(180deg, #378B1D 0%, #296d13 100%);
    border-radius: 0 16px 16px 0; /* More rounded end */
    color: white;
    font-weight: bold;
    font-style: italic;
    font-size: 16px;
    padding: 6px 24px 6px 12px;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    border: 2px solid white;
    display: flex;
    align-items: center;
    gap: 8px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}