.primary,.secondary{
  -webkit-appearance:none;
  appearance:none;
  border-radius:10px;
  min-height:48px;
  padding:13px 20px;
  gap:22px;
  font-weight:500;
  line-height:1.45;
  text-decoration:none;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.primary{
  background:linear-gradient(145deg,#35463d,#26372e);
  border-color:#34473b;
  color:#faf7ee;
  box-shadow:inset 0 1px 0 #ffffff16,0 3px 8px #24372b1a;
}
.secondary{
  background:#faf8f0;
  border-color:#b5bcae;
  color:#344239;
  box-shadow:0 2px 4px #293d2c08;
}
.primary.large{min-height:56px;padding:16px 23px;font-size:14px}
.action-label{min-width:0;text-align:left}
.action-arrow{display:block;flex-shrink:0;transition:transform .18s ease;vertical-align:middle}
.primary.has-arrow>.action-arrow{
  box-sizing:content-box;
  padding:5px;
  margin:-5px -6px -5px 0;
  border:1px solid #ffffff30;
  border-radius:7px;
  background:#ffffff09;
}
.secondary.has-arrow>.action-arrow{width:18px;height:18px;color:#626e5c}
.text-button.has-arrow{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.text-button.has-arrow>.action-label{text-decoration:underline;text-underline-offset:4px}
.text-button.has-arrow>.action-arrow{width:15px;height:15px}
.question,.pin-button{border-radius:8px}
.question>.action-arrow,.question span>.action-arrow{width:17px;height:17px;color:var(--olive)}
.primary:disabled,.secondary:disabled{box-shadow:none;transform:none}
.primary:not(:disabled):active,.secondary:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 1px 3px #00000014}
.primary:focus-visible,.secondary:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.hero-actions{flex-wrap:wrap}
.hero-actions .primary{min-width:190px}
.next-clue>.primary{font-size:14px;min-height:52px}
@media(hover:hover){
  .primary:not(:disabled):hover{background:linear-gradient(145deg,#405646,#304336);border-color:#4a624f;box-shadow:inset 0 1px 0 #ffffff16,0 5px 12px #24372b24;transform:translateY(-1px)}
  .secondary:not(:disabled):hover{background:#e9ede1;border-color:#82917b;box-shadow:0 3px 8px #24372b12;transform:translateY(-1px)}
  .has-arrow:not(:disabled):hover>.action-arrow{transform:translate(1px,-1px)}
}
@media(max-width:600px){
  .hero-actions{gap:14px}
  .hero-actions>.primary{width:100%;justify-content:space-between}
  .hero-actions>.quiet{font-size:12px}
  .next-clue>.primary,.next-clue>.secondary{width:100%;justify-content:space-between}
  .helper-card .secondary{min-height:44px}
  .present-evidence .primary{min-height:48px}
}
@media(prefers-reduced-motion:reduce){
  .primary,.secondary,.action-arrow{transition:none}
  .primary:not(:disabled):hover,.secondary:not(:disabled):hover,.has-arrow:not(:disabled):hover>.action-arrow{transform:none}
}