/* Stack the House legal pages (web). In the game the same <main> is shown inside a sheet. */
:root { color-scheme: dark; }
body { margin: 0; background: #1a0638; color: #f4efe4; font: 400 16px/1.6 "Satoshi", system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 68ch; margin: 0 auto; padding: 32px 20px 64px; }
h1 { font: 700 30px/1.15 "Clash Display", system-ui, sans-serif; margin: 0 0 6px; letter-spacing: 0.005em; text-wrap: balance; }
h2 { font: 700 19px/1.3 "Clash Display", system-ui, sans-serif; margin: 32px 0 8px; }
p, li { color: #e0d9c9; }
a { color: #f5c84c; text-underline-offset: 3px; }
.meta { color: #bdb6a6; font-size: 14px; margin: 0 0 24px; }
table { width: 100%; border-collapse: collapse; font-size: 15px; }
th, td { text-align: left; padding: 8px 10px 8px 0; border-bottom: 1px solid rgba(255,255,255,.14); vertical-align: top; }
form { display: grid; gap: 14px; margin: 20px 0; }
label { display: grid; gap: 6px; font-weight: 600; }
input, textarea { min-height: 48px; padding: 10px 14px; border-radius: 12px; border: 2px solid rgba(255,255,255,.22); background: rgba(0,0,0,.3); color: #f4efe4; font: inherit; box-sizing: border-box; width: 100%; }
textarea { min-height: 96px; }
input:focus-visible, textarea:focus-visible, button:focus-visible { outline: 3px solid #f5c84c; outline-offset: 2px; }
button { min-height: 50px; border: 0; border-radius: 14px; background: #c4323a; color: #fff; font: 700 17px "Clash Display", system-ui, sans-serif; cursor: pointer; }
button:disabled { opacity: .5; }
.ok { padding: 14px 16px; border-radius: 12px; background: rgba(111,220,140,.15); color: #c9f5d4; }
.err { color: #ff9b94; }
footer { margin-top: 40px; color: #bdb6a6; font-size: 14px; }
::selection { background: #f5c84c; color: #0f0c04; }