@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0a0b19;--text:#f6f5ff;--muted:#b7b7cd;--accent:#bea1ff;--line:#ffffff18}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #98ecff;outline-offset:5px}.skip{position:fixed;left:16px;top:-100px;padding:12px;background:#222;z-index:5}.skip:focus{top:12px}.navigation{height:94px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;letter-spacing:.03em}.brand-light{font-weight:400;margin-left:5px;color:#c2bfd7}.navigation nav{display:flex;gap:34px;align-items:center;font-size:14px}.navigation nav>a:hover{color:var(--accent)}.nav-join{border:1px solid #ffffff35;border-radius:8px;padding:10px 18px}.hero{min-height:690px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;max-width:1800px;margin:auto}.hero-image{position:absolute;inset:0;background:url('assets/cosmic-world.png') center 55%/cover;z-index:-2}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,11,25,.96),rgba(10,11,25,.62) 43%,rgba(10,11,25,.06) 75%),linear-gradient(0deg,#0a0b19,transparent 30%)}.hero-content{padding:70px 6% 120px;width:100%;max-width:1440px;margin:auto}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:700;color:#c4b0f0;margin:0 0 24px}.hero .eyebrow{display:flex;align-items:center;gap:12px}.eyebrow>span{height:1px;width:26px;background:#ba9af3}h1,h2{font-family:'Space Grotesk',sans-serif;font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:0}h1{font-size:clamp(3rem,6.5vw,6rem)}em{font-style:normal;color:var(--accent)}.intro{max-width:460px;color:#d1d0e0;font-size:18px;margin:28px 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:15px 24px;font-weight:700;font-size:15px;transition:transform .2s,background .2s}.primary{background:#c0a2ff;color:#160e2c;box-shadow:0 6px 40px #9e64ff25}.primary:hover{background:#d0baff;transform:translateY(-2px)}.hero-note{font-size:13px;color:#aeadc5;margin:15px 0 0}.hero-bottom{position:absolute;bottom:30px;left:6%;right:6%;display:flex;justify-content:space-between;color:#a6a3be;font-size:12px;letter-spacing:.07em}.hero-bottom span:first-child{color:#c7b7e7}.section{max-width:1268px;margin:auto;padding:90px 4%;scroll-margin-top:25px}.universe{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-bottom:1px solid var(--line)}h2{font-size:clamp(2.1rem,3.6vw,3.2rem)}h2>span{color:#a2a0bc}.world-description>p{margin:4px 0 30px;color:var(--muted);max-width:510px}.facts{display:flex;gap:30px;padding-top:25px;border-top:1px solid var(--line)}.facts div{display:flex;flex-direction:column}.facts strong{font-size:18px;font-weight:500;color:#eee7ff}.facts span{font-size:13px;color:#9896af;margin-top:3px}.join{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center;padding-top:100px;padding-bottom:110px}.join-copy>p:last-child{color:var(--muted);margin-top:26px}.connection{padding:30px;border-radius:16px;border:1px solid #af92ff30;background:radial-gradient(ellipse at top right,#6643a21f,transparent 70%),#111222;box-shadow:0 20px 80px #0003}.connection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.1em;color:#c1bbd8;margin-bottom:26px}.tag{padding:4px 8px;background:#b69cff16;color:#cbb5ff;border:1px solid #b69cff30;border-radius:4px;font-size:10px}.connection label{font-size:14px;color:#b3afc5;display:block;margin-bottom:9px}.address-row{display:flex;border:1px solid #7e699b66;background:#090b17;border-radius:8px;overflow:hidden;padding:6px;gap:6px}.address-row input{min-width:0;width:100%;border:0;background:transparent;color:#f1eaff;padding:9px;font-family:monospace;font-size:15px}.address-row button{border:0;border-radius:5px;padding:8px 14px;cursor:pointer;background:#bda1f1;color:#181021;font-size:14px;font-weight:700}.address-row button:hover{background:#d4bdff}.copy-status{min-height:22px;margin:5px 0;color:#c7b2f0;font-size:13px}.steps{list-style:none;padding:0;margin:14px 0 24px;display:grid;gap:20px}.steps li{display:flex;gap:16px}.steps li>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border:1px solid #ffffff18;border-radius:50%;font-size:11px;color:#b9a1e1;margin-top:2px}.steps strong{font-size:15px;font-weight:500}.steps p{font-size:14px;color:#a9a5bc;margin:3px 0 0;line-height:1.55}.connection-note{border-top:1px solid var(--line);padding-top:17px;margin:0;color:#a6a0b9;font-size:12px}footer{max-width:1268px;margin:auto;padding:28px 4%;border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;justify-content:space-between}footer .brand{font-size:13px;gap:9px}footer p{font-size:13px;color:#a19cb7}footer>span{font-size:12px;color:#9490a8}@media(min-width:1500px){.hero-content{padding-left:86px}}@media(max-width:850px){.navigation{height:80px;padding:0 5%}.navigation nav>a:first-child{display:none}.navigation nav{gap:0}.brand{font-size:15px;gap:8px}.brand img{width:30px}.nav-join{font-size:12px;padding:8px 10px}.hero{min-height:680px}.hero-content{padding-left:6%;padding-right:6%}.hero:after{background:linear-gradient(90deg,#0a0b19df,#0a0b1955),linear-gradient(0deg,#0a0b19,transparent 70%)}.hero-image{background-position:65% center}.universe,.join{grid-template-columns:1fr;gap:35px;padding:60px 6%}.section-heading br{display:none}.hero-bottom span:last-child{display:none}.join-copy br{display:none}.facts{gap:36px}footer{flex-wrap:wrap;padding:25px 6%;gap:8px 24px}footer p{margin:0}footer>span{width:100%}.connection{padding:24px}}@media(max-width:430px){.brand-light{display:block;margin:0;font-size:10px;letter-spacing:.14em}.hero .eyebrow{font-size:10px;letter-spacing:.1em}.hero{min-height:640px}.hero-content{padding-top:55px}.intro{font-size:16px}.facts{gap:20px}.facts strong{font-size:16px}.connection{padding:18px}.address-row{flex-wrap:wrap}.address-row input{font-size:14px}.address-row button{width:100%;min-height:42px}.connection-heading{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Pal du jour : dialogue natif, carte collection dorée. */
body.pal-open{overflow:hidden}#pal-dialog{border:0;background:transparent;color:#fff;padding:0;width:min(420px,calc(100% - 28px));max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}#pal-dialog::backdrop{background:#040510df;backdrop-filter:blur(7px)}.pal-modal{padding:8px 12px 14px}.pal-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.pal-heading p{margin:0 0 4px;font-size:10px;letter-spacing:.16em;color:#edc382}.pal-heading h2{font-size:28px;letter-spacing:-.03em}.pal-heading button{border:1px solid #ffffff40;background:#ffffff0c;color:#fff;width:44px;height:44px;border-radius:50%;font-size:28px;cursor:pointer;flex-shrink:0}.pal-card{border:1px solid #ffd489;border-radius:18px;overflow:hidden;color:#241302;background:linear-gradient(115deg,#e6901e 0%,#ffe4a0 35%,#ffcf68 53%,#e58a19 100%);box-shadow:0 0 24px #ed9e2335}.pal-photo{aspect-ratio:866/576;position:relative;overflow:hidden;background:#563518}.pal-photo img{position:absolute;width:108.776%;max-width:none;height:auto;left:-4.388%;top:-133.16%}.pal-rarity{position:absolute;top:12px;left:12px;background:#ffb749;color:#352003;border:1px solid #ffe4a4;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800;letter-spacing:.04em}.pal-star{position:absolute;right:14px;top:5px;font-size:35px;color:#ffdc85;text-shadow:0 1px 8px #000}.pal-card-body{padding:18px 19px 16px}.pal-type{font-size:10px!important;font-weight:700;letter-spacing:.1em;margin:0 0 5px!important;color:#614015}.pal-card h3{font-size:25px;line-height:1.15;letter-spacing:-.04em;margin:0 0 12px;font-family:'Space Grotesk',sans-serif}.pal-card-body>p{font-size:14px;line-height:1.5;margin:0 0 12px}.pal-stats{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #80511655;padding-top:12px;margin-top:16px}.pal-stats span{display:flex;flex-direction:column}.pal-stats span:last-child{text-align:right}.pal-stats small{font-size:9px;letter-spacing:.035em;font-weight:700}.pal-stats strong{font-size:20px;line-height:1.4}.pal-continue{display:block;width:100%;margin-top:17px;padding:12px;border:1px solid #ffffff35;border-radius:8px;background:#ffffff0b;color:#eee7ff;cursor:pointer;font-weight:600}.pal-continue:hover,.pal-heading button:hover{background:#ffffff20}@media(max-width:430px){.pal-card-body{padding:15px}.pal-card-body>p{font-size:13px}.pal-heading{margin-bottom:13px}.pal-heading h2{font-size:25px}.pal-card h3{font-size:23px}}