*{box-sizing:border-box}html{background:#030608;color:#f6f5f1;font-family:Arial,Helvetica,sans-serif}body{margin:0;min-height:100vh}[hidden]{display:none!important}.city{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.1),#030608 36%,#030608 64%,rgba(0,0,0,.1)),url('../images/ville.webp') center/cover no-repeat;opacity:.85}.shell{max-width:1140px;margin:auto;padding:0 48px;background:linear-gradient(90deg,transparent,#030608 10%,#030608 90%,transparent);min-height:100vh}.masthead{min-height:126px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;gap:20px}.wordmark{font-size:38px;letter-spacing:-2px;font-weight:900;color:#fff;text-decoration:none}.wordmark span{display:block;font-size:9px;letter-spacing:3px;margin-top:4px}.mast-note{font-size:9px;letter-spacing:2.5px;color:#9ca8ae}.launch{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px;padding:62px 0 48px}.cover-wrap{max-width:380px;width:100%;justify-self:center}.cover{aspect-ratio:1312/1862;position:relative;box-shadow:0 25px 70px #000,0 0 0 1px #ffffff20;overflow:hidden;background:#101015}.layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.qr{clip-path:polygon(37% 11%,63% 11%,63% 28%,37% 28%)}.cover.animate .hand{animation:hand-in 1.3s 1.2s both}.cover.animate .qr{animation:qr-in .9s 2.6s both}.cover.animate .final{animation:fade-in 1.4s 3.7s both}.cover.animate .base{animation:fade-in 1.3s both}.replay{display:block;margin:20px auto 0;background:none;border:0;color:#8d9ba4;cursor:pointer;font-size:11px;letter-spacing:.7px;padding:8px}.replay:hover,.replay:focus-visible{color:#fff}.eyebrow{font-size:9px;letter-spacing:2px;color:#9abac7;line-height:1.8;display:flex;align-items:center;gap:10px}.eyebrow span{width:5px;height:5px;background:#89b3c5;box-shadow:0 0 12px #8dccff}.genre{font-size:10px;letter-spacing:4px;color:#a4adb1;margin:46px 0 0}h1{font-size:clamp(80px,10vw,142px);letter-spacing:-9px;line-height:1;margin:10px 0 8px;font-weight:900}h2{font-size:22px;line-height:1.2;font-weight:400;letter-spacing:1px;margin:0}.byline{color:#8f9ca5;font-size:12px;margin-top:18px}.rule{height:1px;width:48px;background:#7da8b9;margin:34px 0}.release{color:#a5afb5;font-size:13px;line-height:1.8}.release strong{display:block;font-weight:400;font-size:19px;color:#fff}.countdown{display:flex;gap:26px;margin-top:24px;padding-bottom:28px;border-bottom:1px solid #ffffff19;font-variant-numeric:tabular-nums}.countdown div{min-width:47px}.countdown b{display:block;font-size:32px;font-weight:400}.countdown span{font-size:8px;letter-spacing:1.7px;color:#82949e;display:block;margin-top:9px}.invitation{font-size:14px;margin-top:28px;line-height:1.7}.chapter-note{font-size:11px;line-height:1.9;color:#83929b}footer{border-top:1px solid #ffffff18;padding:25px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;color:#87939a;font-size:9px;letter-spacing:2px}.content{padding:40px 0 70px;min-height:65vh;line-height:1.8}.content a{color:#a9d7e9}.content img{max-width:100%;height:auto}.content nav ul{display:flex;list-style:none;gap:24px;flex-wrap:wrap;padding:0}.content h1{font-size:44px;letter-spacing:-1px;line-height:1.2}.content input,.content textarea,.content select{max-width:100%;padding:10px;background:#111a20;color:white;border:1px solid #63717c}.content button,.content .btn{padding:10px 16px;border:1px solid #9cb3bf;background:#17242e;color:white}.skip{position:fixed;left:12px;top:-100px;background:#fff;color:#000;padding:14px;z-index:99}.skip:focus{top:12px}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes hand-in{from{opacity:0;transform:translateX(-15%)}to{opacity:1;transform:translateX(0)}}@keyframes qr-in{from{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}@media(max-width:800px){.shell{padding:0 24px;background:#030608d9}.masthead{min-height:100px}.mast-note{max-width:140px;text-align:right;line-height:1.8}.launch{gap:32px;padding-top:40px}.countdown{gap:15px}.genre{margin-top:26px}h1{font-size:94px}.cover-wrap{max-width:310px}.city{background-image:linear-gradient(90deg,#0007,#000a,#0007),url('../images/ville.webp')}}@media(max-width:600px){.launch{grid-template-columns:1fr;padding-top:30px;gap:30px}.cover-wrap{max-width:265px}.intro{text-align:center}.eyebrow{justify-content:center}.genre{margin-top:24px}h1{font-size:110px}.rule{margin:26px auto}.countdown{justify-content:center;gap:25px}.mast-note{font-size:8px}.chapter-note{margin-bottom:20px}.content h1{font-size:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.replay{display:none!important}}
/* Fenêtre de résumé */
.summary-trigger,.preorder-button{display:inline-block;padding:12px 24px;border:1px solid #7da8b9;background:#14232c;color:#fff;font:inherit;font-size:13px;letter-spacing:1px;cursor:pointer;text-decoration:none}
.summary-trigger{margin:0 0 11px}.summary-trigger:hover,.preorder-button:hover{background:#203846}
.summary-trigger:focus-visible,.preorder-button:focus-visible,.summary-close:focus-visible{outline:2px solid #a9d7e9;outline-offset:4px}
.summary-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;padding:36px;background:#080e13;color:#f6f5f1;border:1px solid #537381;box-shadow:0 24px 100px #000b;text-align:left;line-height:1.7}
.summary-dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}
.summary-dialog h2{font-size:24px;letter-spacing:1px;margin:0 30px 24px 0}.summary-text{font-size:14px;color:#dce2e5}.summary-text p{margin:0 0 18px}
.summary-close{position:absolute;right:12px;top:8px;border:0;background:none;color:#cad5db;font-size:30px;line-height:1;padding:8px;cursor:pointer}
.preorder-button{margin-top:8px}
body.summary-open{overflow:hidden}
@media(max-width:600px){.summary-dialog{padding:28px 24px}.summary-text{font-size:13px}}