/* A separate row below the existing performance and keyboard hints. */
.legal-footer{font-size:12px;flex-basis:100%;border-top:1px solid #25312e;margin-top:1px;padding-top:17px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px}
.legal-footer .legal-credit{text-align:center;color:#b9c9b7;white-space:nowrap}
.legal-footer nav{display:flex;gap:20px;flex-wrap:wrap}
.legal-footer .legal-right{justify-self:end}
.legal-footer a,.legal-document a{color:#a8bbb0;text-decoration:none;text-underline-offset:4px}
.legal-footer a:hover,.legal-document a:hover{text-decoration:underline;color:#d4f27b}
.legal-header{max-width:900px;margin:0 auto;padding:30px 26px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #25312e}
.legal-header span{color:#d4f27b;letter-spacing:1px}
.legal-page{max-width:900px;margin:0 auto;padding:30px 26px 50px;font-family:LocalUI,Arial,sans-serif;letter-spacing:0;line-height:1.75;font-size:16px;color:#c3cfc8}
.legal-page h1{color:#edf4ea;font-size:clamp(26px,4vw,38px);line-height:1.2;font-weight:500;margin:0 0 12px}
.legal-page h2{font-size:19px;font-weight:500;color:#dce9dc;margin:32px 0 10px;line-height:1.4}
.legal-page p{margin:12px 0;overflow-wrap:anywhere}
.legal-date{color:#8ba193;font-size:13px}
.legal-page a{color:#d4f27b;text-underline-offset:3px}
.legal-draft{border-left:3px solid #bea46a;padding:12px 16px;background:#29271e;color:#dacfae;font-size:14px}
.legal-document footer{max-width:900px;margin:0 auto}
.legal-document footer nav{display:flex;gap:18px;flex-wrap:wrap}
#legal-dialog{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #49604f;border-radius:12px;background:#121a1b;color:#dce9dc;box-shadow:0 20px 100px #000b}
#legal-dialog::backdrop{background:#020608c9}
.legal-dialog-bar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 22px;border-bottom:1px solid #344237;background:#121a1bf5;z-index:1}
.legal-dialog-bar strong{font-size:14px;color:#b7c9ba;font-weight:500}
.legal-close{padding:9px 14px;background:#22302a;border:1px solid #536a54;border-radius:5px;color:#e3eedd}
#legal-dialog .legal-page{padding-top:24px}
body:has(#legal-dialog[open]){overflow:hidden}
@media(max-width:750px){.legal-footer{grid-template-columns:1fr;justify-items:center;gap:14px}.legal-footer nav{justify-content:center}.legal-footer .legal-credit{grid-row:1;white-space:normal}.legal-footer .legal-right{justify-self:center}.legal-header{padding:22px 18px}.legal-page{padding:24px 18px 36px;font-size:15px}.legal-dialog-bar{padding:12px 18px}.legal-document footer{justify-content:center;text-align:center}}