.auth-card .auth-trial-button {
  width: 100%;
  min-height: 78px;
  margin-top: 18px;
  padding: 14px 16px;
  gap: 12px;
  border-radius: 8px;
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-ink);
  text-align: left;
  white-space: normal;
  letter-spacing: 0;
}
.auth-card .auth-links { align-items: center; flex-wrap: wrap; gap: 8px 20px; }
.auth-card .auth-social { display: grid; gap: 8px; }
.auth-card .auth-social .small { text-align: center; }
.auth-trial-button > span { flex: 1; min-width: 0; display: grid; gap: 3px; }
.auth-trial-button b { font-size: 16px; line-height: 1.3; overflow-wrap: anywhere; }
.auth-trial-button small { font-size: 12px; color: inherit; font-weight: 400; }
.auth-trial-button .icon { flex: 0 0 22px; }
.auth-card .auth-trial-button + .segments { margin-top: 18px; }
.trial-page { min-height: 100dvh; }
.trial-info { max-width: 920px; margin: 24px auto 0; padding: 28px 24px; border-top: 1px solid var(--line); }
.trial-info h2 { margin: 24px 0 12px; font-size: 22px; letter-spacing: 0; }
.trial-info p { margin: 12px 0; max-width: 75ch; }
.trial-info nav { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 24px; }
.trial-info a { color: var(--accent); text-underline-offset: 4px; }
.trial-page .mixer-module { display: none; }
.trial-page .game-title { min-width: 0; }
.trial-page .game-title h1, .trial-page .game-title p { letter-spacing: 0; overflow-wrap: anywhere; }
.trial-loading { max-width: 640px; margin: 0 auto; padding: 60px 20px; display: grid; justify-items: start; gap: 20px; }
.trial-loading h1 { font-size: 24px; letter-spacing: 0; }
.trial-result { width: min(100%, 920px); margin: 0 auto; padding: 24px; letter-spacing: 0; }
.trial-result-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 26px; }
.trial-result-header .brand { font-size: 23px; letter-spacing: 0; }
.trial-result-header .brand small { color: var(--accent); font-size: 12px; }
.trial-summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 18px; }
.trial-summary h1 { font-size: 28px; letter-spacing: 0; margin: 4px 0 8px; }
.trial-summary p { font-size: 14px; }
.trial-summary .trial-label { font-size: 11px; color: var(--green); }
.trial-score { flex: 0 0 auto; color: var(--green); font-variant-numeric: tabular-nums; }
.trial-score b { font-size: 56px; line-height: 1.1; }
.trial-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0 0 24px; padding: 16px 0; border-block: 1px solid var(--line); gap: 16px; }
.trial-metrics dt { font-size: 13px; color: var(--muted); overflow-wrap: anywhere; }
.trial-metrics dd { margin: 4px 0 0; font-size: 23px; font-weight: 700; font-variant-numeric: tabular-nums; }
.trial-comparison { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.trial-comparison figure { min-width: 0; margin: 0; }
.trial-comparison img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; display: block; border: 1px solid var(--line); border-radius: 8px; }
.trial-comparison figcaption { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 14px; color: var(--muted); }
.trial-comparison .icon-button { width: 40px; height: 40px; padding: 8px; border-radius: 8px; }
.trial-next { display: grid; gap: 14px; margin-top: 12px; padding-top: 20px; border-top: 1px solid var(--line); }
.trial-next > p { color: var(--ink); }
.trial-next-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.trial-next-actions .button { border-radius: 8px; white-space: normal; }
.trial-next small { line-height: 1.6; }
@media(max-width: 600px) {
  .trial-result { padding: 18px 16px; padding-bottom: max(24px, env(safe-area-inset-bottom)); }
  .trial-summary { gap: 14px; align-items: start; }
  .trial-summary h1 { font-size: 23px; }
  .trial-score b { font-size: 40px; }
  .trial-metrics { gap: 8px; }
  .trial-metrics dt { font-size: 11px; }
  .trial-comparison { gap: 12px; }
  .trial-comparison figcaption { font-size: 12px; }
  .trial-next-actions { display: grid; }
}