:root {
  color-scheme:dark;--ink:#f1eed6;--muted:#bfccb2;--pink:#ff3e91;--yellow:#ffdf69;
  font-family:Arial,Helvetica,sans-serif;background:#11241c;color:var(--ink);
}
* {box-sizing:border-box;}
body {
  margin:0;min-width:280px;min-height:100vh;
  background:radial-gradient(ellipse at 8% 0,#3b482d66,transparent 45%),#11241c;
}
a {color:var(--yellow);text-underline-offset:3px;}
a:hover {color:#fff2af;}
a:focus-visible {outline:3px solid var(--pink);outline-offset:5px;}
.skip-link {position:absolute;left:16px;top:-80px;z-index:2;padding:10px 14px;background:#14261d;}
.skip-link:focus {top:12px;}
.legal-header {
  display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100vw - 1020px)/2));
  border-block:1px solid #8d986b;box-shadow:0 3px 0 #09170f;
  background:
    radial-gradient(ellipse at 14% 35%,#52603c88 0 8%,transparent 9%),
    radial-gradient(ellipse at 36% 75%,#091b1480 0 13%,transparent 14%),
    radial-gradient(ellipse at 65% 0%,#4e563888 0 17%,transparent 18%),
    radial-gradient(ellipse at 88% 65%,#0b1d1577 0 15%,transparent 16%),#263c2b;
}
.legal-brand {display:inline-flex;align-items:center;gap:12px;color:var(--yellow);text-decoration:none;font:italic 24px/1.15 Impact,'Arial Black',sans-serif;text-transform:uppercase;}
.legal-brand svg {width:31px;height:31px;flex:none;fill:none;stroke:var(--pink);stroke-width:2.3;}
.back-to-game {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #99a176;border-radius:2px;background:#10281fe6;white-space:nowrap;font-weight:700;text-decoration:none;box-shadow:0 2px #08170f;}
.back-to-game:active {transform:translateY(2px);box-shadow:none;}
.legal-page {width:min(820px,calc(100% - 40px));margin:42px auto 28px;padding:clamp(24px,5vw,48px);border:1px solid #71835f;border-top:4px solid #a6a06a;background:#1b3025;box-shadow:6px 7px 0 #0b1c15;}
.legal-eyebrow {margin:0 0 12px;color:var(--muted);font:700 11px/1.4 monospace;letter-spacing:2px;text-transform:uppercase;}
h1 {margin:0 0 30px;color:var(--yellow);font:italic clamp(36px,6vw,54px)/1.05 Impact,'Arial Black',sans-serif;letter-spacing:.3px;}
.legal-copy {font-size:16px;line-height:1.75;overflow-wrap:anywhere;}
.legal-copy>:first-child {margin-top:0;}
.legal-copy>:last-child {margin-bottom:0;}
.legal-copy h2 {margin:30px 0 10px;color:#ffeba3;font-size:22px;line-height:1.3;}
.legal-copy h3 {margin:24px 0 8px;color:#ffeba3;font-size:18px;line-height:1.4;}
.legal-copy p,.legal-copy ul,.legal-copy ol {margin:0 0 18px;}
.legal-copy ul,.legal-copy ol {padding-left:24px;}
.legal-copy li+li {margin-top:8px;}
.legal-copy dl {margin:0 0 22px;}
.legal-copy dt {font-weight:700;color:#ffeba3;}
.legal-copy dd {margin:4px 0 16px;}
.legal-copy time,.legal-copy .updated {color:var(--muted);font-size:14px;}
.legal-copy hr {margin:28px 0;border:0;border-top:1px solid #52684b;}
.legal-footer {display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(820px,calc(100% - 40px));margin:0 auto;padding:0 0 34px;color:var(--muted);font-size:14px;}
.legal-footer nav {display:flex;gap:24px;}
.legal-footer [aria-current="page"] {color:var(--ink);text-decoration:none;}
@media(max-width:600px){
  .legal-header {padding:16px 20px;flex-wrap:wrap;gap:16px;}
  .legal-brand {font-size:22px;}
  .back-to-game {font-size:14px;}
  .legal-page {margin-top:24px;padding:24px 22px;}
  .legal-copy {font-size:16px;line-height:1.65;}
  .legal-footer {flex-wrap:wrap;gap:18px;}
}
@media(prefers-reduced-motion:reduce){.back-to-game:active {transform:none;}}

[hidden] {display:none!important;}
.legal-contents,.legal-actions {display:flex;flex-wrap:wrap;gap:12px;margin:20px 0;}
.legal-contents {font-size:14px;gap:10px 22px;}
.legal-copy code {font-size:14px;}
.legal-copy button,.legal-copy input,.legal-copy select,.legal-copy textarea {font:inherit;}
.legal-copy button {min-height:44px;padding:9px 16px;border:2px solid #cab866;border-radius:2px;background:#ffdf69;color:#172a20;font-weight:700;cursor:pointer;box-shadow:0 3px 0 #07180f;}
.legal-copy button:active:not(:disabled) {transform:translateY(2px);box-shadow:inset 0 2px 0 #172a2040;}
.legal-copy button.secondary {background:#13271d;color:#ffe7a2;}
.legal-copy :is(button,input,select,textarea):focus-visible {outline:3px solid var(--pink);outline-offset:3px;}
.legal-copy :disabled {opacity:.65;cursor:not-allowed;}
.legal-copy form[aria-busy="true"] :disabled {cursor:wait;}
.legal-copy form[aria-busy="true"] button[type="submit"] {background:#d8c472;opacity:1;transform:translateY(2px);box-shadow:inset 0 2px 0 #172a2040;}
.legal-copy form[data-state="success"] button[type="submit"] {background:#b6dfad;border-color:#94bd8b;opacity:1;cursor:default;box-shadow:inset 0 2px 0 #172a2040;}
.legal-copy form {display:grid;gap:10px;border-top:1px solid #667b55;padding-top:20px;}
.legal-copy form label {font-weight:700;}
.legal-copy form label span {font-weight:400;color:var(--muted);}
.legal-copy :is(input:not([type=hidden]),select,textarea) {width:100%;min-height:44px;padding:9px 12px;border:1px solid #90a277;border-radius:2px;background:#10271d;color:var(--ink);}
.legal-copy textarea {resize:vertical;}
.legal-copy form button {justify-self:start;margin-top:10px;}
.legal-copy small {font-size:13px;line-height:1.5;color:var(--muted);}
.form-status {margin-top:14px!important;color:#ffe7a2;}
.form-status:empty {display:none;}
.form-status[data-state="success"],.form-status[data-state="error"] {padding:12px 16px;border:1px solid;border-left-width:4px;border-radius:2px;}
.form-status[data-state="success"] {background:#183c28;border-color:#94bd8b;color:#d6f1ce;}
.form-status[data-state="error"] {background:#422a2b;border-color:#f29caa;color:#ffdee3;}
@media(prefers-reduced-motion:reduce){.legal-copy button:active:not(:disabled),.legal-copy form[aria-busy="true"] button[type="submit"] {transform:none;}}
