/* Shared palette, branding, menus, and themes come from game.css. */
.legal-frame {width:min(100%,760px)}
.legal-frame::before {height:255px;background-position:center top}
.legal-frame .topbar {max-width:430px;margin-inline:auto}
.legal-shell {padding:0 clamp(14px,4vw,32px)}
.legal-card {background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:clamp(18px,4vw,32px);line-height:1.65;overflow-wrap:anywhere}
.legal-card h1 {margin:12px 0 24px;font-size:clamp(1.8rem,6vw,2.5rem);line-height:1.15}
.legal-card h2 {margin:28px 0 9px;font-size:1.2rem;line-height:1.3}
.legal-card p,.legal-card li {color:var(--text)}
.back-link {display:inline-flex;align-items:center;min-height:44px;font-weight:750;font-size:.9rem}
.notice,.data-box {border:1px solid var(--border);background:color-mix(in srgb,var(--gold) 12%,var(--surface));padding:14px 16px;border-radius:14px;margin:17px 0}
.notice {border-left:4px solid var(--gold)}
.danger-button,.submit-button {min-height:48px;padding:11px 15px;border:1px solid var(--border);border-radius:12px;font-weight:750;cursor:pointer}
.danger-button {background:var(--surface);color:var(--text)}
.submit-button {background:var(--gold);color:var(--navy);justify-self:start;box-shadow:0 4px 0 rgb(165 104 21 / .25)}
.success {font-weight:750}
.error-box {border:2px solid var(--red);border-radius:12px;padding:12px;margin:12px 0}
.support-form {display:grid;gap:16px;margin:20px 0}
.form-row {display:grid;gap:6px}
.form-row label {font-weight:700}
.form-row input,.form-row select,.form-row textarea {width:100%;min-height:48px;border:1px solid var(--border);border-radius:11px;padding:12px;color:var(--text);background:var(--surface)}
.form-row textarea {resize:vertical;min-height:150px}
.field-error {font-weight:750}
.hp-wrap {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}