/* Pages de confiance — même identité que le jeu, densité adaptée au contenu légal. */
:root{--navy:#082c3b;--lagoon:#096b69;--ink:#153746;--paper:#fffefb;--line:#dce8e3}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#eaf4ef 0,#faf9f5 480px);color:var(--ink);font:15px/1.75 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.legal{width:min(calc(100% - 24px),780px);margin:24px auto 38px;padding:28px 36px 35px;background:var(--paper);border:1px solid #dfeae3;border-radius:20px;box-shadow:0 12px 45px rgba(5,43,51,.07)}
.legal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.legal-brand{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none;min-width:0}
.legal-brand img{width:39px;height:39px;flex:none;border-radius:9px}
.legal-brand span{display:flex;flex-direction:column;gap:2px;min-width:0}
.legal-brand strong{font-size:14px;letter-spacing:-.02em;font-weight:820;line-height:1.1;white-space:nowrap}
.legal-brand small{font-size:9px;letter-spacing:.045em;font-weight:650;line-height:1.35;color:#477477}
.legal .back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#136765;text-decoration:none;font-size:12px;font-weight:750;white-space:nowrap}
.legal h1{font-size:clamp(27px,5vw,37px);font-weight:850;letter-spacing:-.05em;line-height:1.13;margin:30px 0 10px}
.legal h2{font-size:18px;color:#19434e;letter-spacing:-.024em;line-height:1.3;margin:0 0 10px;font-weight:820}
.legal section{padding:21px 0 17px;border-bottom:1px solid var(--line)}
.legal section:last-child{border-bottom:0}
.legal p{margin:9px 0 15px;overflow-wrap:anywhere}
.lede,.small{font-size:12px;color:#5c7879}
a{color:#0b726d;text-underline-offset:2px}
a:focus-visible,button:focus-visible{outline:3px solid #0c8b85;outline-offset:3px}
.action{display:flex;flex-wrap:wrap;gap:10px;margin:17px 0 9px}
.action button{min-height:46px;padding:10px 14px;border-radius:10px;border:1px solid #0e686b;background:#0e686b;color:white;font-family:inherit;font-weight:750;font-size:12px;line-height:1.4;cursor:pointer}
.action button+button{background:#fff;color:#0e686b}
.alert{background:#fff7e5;border-left:3px solid #e3b661;border-radius:8px;padding:12px}
@media(max-width:620px){.legal{width:100%;margin:0;border:0;border-radius:0;padding:17px 20px 32px;box-shadow:none}.legal-top{align-items:flex-start}.legal-brand small{max-width:170px;font-size:9px}.legal .back{font-size:11px;white-space:normal;text-align:right}.legal h1{margin-top:25px}.legal section{padding:19px 0 15px}.action button{width:100%;font-size:12px}}