/* Legal pages (privacy, terms) — long-form reading, styled to match the game. */
.legal-screen{align-items:flex-start;}
.legal-inner{max-width:760px;}
.legal-card{padding:30px 32px 34px;text-align:left;}
.legal-card h1{font-family:var(--serif);font-size:clamp(30px,5vw,40px);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:0 0 6px;}
.legal-updated{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(30,26,37,.45);margin:0 0 22px;}
.legal-lead{font-size:16px;line-height:1.62;color:rgba(30,26,37,.78);margin:0 0 26px;padding-bottom:22px;border-bottom:1px solid var(--line);}
.legal-card h2{font-family:var(--serif);font-size:22px;font-weight:800;line-height:1.2;color:var(--ink);margin:32px 0 10px;letter-spacing:-.01em;}
.legal-card h3{font-family:var(--sans);font-size:15px;font-weight:850;color:var(--ink);margin:22px 0 8px;}
.legal-card p{font-size:15px;line-height:1.68;color:rgba(30,26,37,.75);margin:0 0 14px;}
.legal-card strong{color:var(--ink);font-weight:800;}
.legal-card ul{margin:0 0 16px;padding-left:22px;}
.legal-card li{font-size:15px;line-height:1.62;color:rgba(30,26,37,.75);margin-bottom:8px;}
.legal-card li::marker{color:var(--teal);}
.legal-card a{color:var(--teal);font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.legal-card a:hover{color:var(--ink);}
.legal-code-list code{font-family:var(--mono);font-size:12.5px;font-weight:700;background:rgba(var(--brass-rgb),.14);border:1px solid rgba(var(--brass-rgb),.24);border-radius:var(--r-sm);padding:1px 7px;color:var(--ink);}
.legal-footer-links{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;font-weight:700;}
.legal-footer-links span{color:rgba(30,26,37,.3);}

/* The back link is an <a>, not a <button> — keep it looking identical. */
a.nav-back{text-decoration:none;}

@media(max-width:600px){
  .legal-card{padding:22px 18px 26px;}
  .legal-card p,.legal-card li{font-size:14.5px;}
  .legal-lead{font-size:15px;}
  .legal-card h2{font-size:20px;margin-top:26px;}
}

/* Footer links inside the game itself */
.app-legal-footer{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--ink-faint);}
.app-legal-footer a{color:var(--ink-faint);text-decoration:none;transition:color .15s;}
.app-legal-footer a:hover{color:var(--paper);text-decoration:underline;}
a.btn-secondary{text-decoration:none;}

/* Legal links live INSIDE a .card, where the surface is light. .btn-secondary
   is built for the dark background outside cards (color:var(--paper)), so it
   renders cream-on-cream here. These match .setting-row instead. */
.legal-link{display:flex;align-items:center;gap:13px;width:100%;padding:13px 16px;border-radius:var(--r-md);background:var(--theme-tint);border:1px solid rgba(var(--brass-rgb),.22);color:var(--ink);text-decoration:none;text-align:left;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;}
.legal-link + .legal-link{margin-top:10px;}
.legal-link:hover{background:var(--theme-tint-3);border-color:rgba(var(--brass-rgb),.42);transform:translateY(-1px);}
.legal-link:active{transform:translateY(1px);}
.legal-link .legal-link-ic{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(var(--brass-rgb),.24);color:var(--theme-button-ink);}
.legal-link .legal-link-text{flex:1;min-width:0;font-size:14px;font-weight:800;color:var(--ink);}
.legal-link .legal-link-text small{display:block;font-size:11.5px;font-weight:500;color:rgba(30,26,37,.5);margin-top:2px;}
.legal-link .legal-link-arrow{color:rgba(30,26,37,.38);flex-shrink:0;}