html{background:#0d1314;color:#f3e9d2;color-scheme:dark}body{background-color:#0d1314;color:#f3e9d2;isolation:isolate}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#0d1314;color:#f3e9d2}body{font-family:Arial,sans-serif}.loading-screen{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;min-height:100dvh;width:100%;overflow:hidden;display:grid;place-items:center;padding:90px 6% 110px}.loading-background{position:absolute;z-index:-5;top:0;right:0;bottom:0;left:0;inset:0;background:#0d1314;animation:scene-in 2.2s ease-out both}.veil{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;inset:0;background:radial-gradient(ellipse at 50% 48%,#0d1314b8 0%,#0d131488 35%,#0d13144d 70%),linear-gradient(0deg,#0d1314e8,transparent 30%,transparent 75%,#0d131488)}.mist{position:absolute;z-index:-3;pointer-events:none;top:-20%;right:-20%;bottom:-20%;left:-20%;inset:-20%;filter:blur(25px);background:radial-gradient(ellipse 24% 12% at 63% 45%,#b4a27933,transparent 85%),radial-gradient(ellipse 27% 17% at 40% 30%,#41837138,transparent 80%);mix-blend-mode:screen;animation:mist-drift 23s ease-in-out infinite alternate}.mist-b{opacity:.6;animation:mist-drift 30s ease-in-out -15s infinite alternate-reverse;transform:rotate(12deg)}.loading-center{width:min(880px,100%);text-align:center;animation:logo-in 1.4s ease-out both}.overline{font-size:9px;letter-spacing:4px;color:#d4a95ab3;margin:0 0 24px}.loading-logo{width:100%;aspect-ratio:5.7;position:relative;overflow:hidden;filter:drop-shadow(0 5px 25px #0009)}.loading-logo img{position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-44%);display:block}.tagline{font-family:Georgia,serif;font-size:clamp(15px,1.8vw,22px);font-weight:400;letter-spacing:2px;color:#e2d8c6c9;margin:24px 0 52px}.progress-area{width:min(340px,70%);margin:auto;position:relative;min-height:118px}.progress-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.6px;color:#d6cbb5bd;text-align:left;margin-bottom:13px}#progress-number{font-variant-numeric:tabular-nums;font-size:12px;color:#e7c47e;white-space:nowrap}#progress-number span{font-size:8px;margin-left:4px;color:#d4a95a99}.progress-track{position:relative;height:3px;background:#d4a95a26;box-shadow:0 0 0 1px #d4a95a0c}.progress-fill{height:100%;width:0;display:block;position:relative;background:linear-gradient(90deg,#967036,#e7c47e);box-shadow:0 0 16px #d4a95a66;transition:width .7s cubic-bezier(.16,1,.3,1)}.progress-fill:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;right:-2px;top:-1px;background:#ffe9b6;box-shadow:0 0 10px #e7c47e}.loading-tip{font-size:9px;line-height:1.6;letter-spacing:.5px;color:#b9c0b18c;margin-top:20px}.enter{display:inline-flex;gap:30px;align-items:center;justify-content:center;min-height:40px;padding:10px 0;color:#e7c47e;font-size:10px;letter-spacing:1px;text-decoration:none;border-bottom:1px solid #d4a95a50;animation:logo-in .7s ease-out both}.enter[hidden]{display:none}.enter:focus-visible{outline:2px solid #d4a95a;outline-offset:5px}.enter span{font-size:18px}.loading-bottom{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:7px;letter-spacing:2px;color:#f3e9d265}.royal{color:#d4a95ab3;display:flex;align-items:center;gap:8px}.royal i{display:block;width:4px;height:4px;transform:rotate(45deg);background:#d4a95a}.corner{position:absolute;width:23px;height:23px;border-color:#d4a95a55;border-style:solid;pointer-events:none}.top-left{top:30px;left:30px;border-width:1px 0 0 1px}.top-right{top:30px;right:30px;border-width:1px 1px 0 0}.bottom-left{bottom:65px;left:30px;border-width:0 0 1px 1px}.bottom-right{bottom:65px;right:30px;border-width:0 1px 1px 0}.noscript{position:fixed;bottom:20%;left:0;right:0;text-align:center;color:#e7c47e}.leaving .loading-center{opacity:0;transform:translateY(-8px);transition:opacity .5s,transform .5s}.leaving .veil{background:#0d1314ee;transition:background .5s}@keyframes scene-in{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes logo-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes mist-drift{from{transform:translate(-4%,8%) rotate(-5deg) scale(.95)}to{transform:translate(6%,-8%) rotate(6deg) scale(1.12)}}@media(min-width:1600px){.loading-center{width:min(1000px,65vw)}}@media(max-width:600px){.loading-screen{padding:90px 6% 110px}.loading-background{background-position:70% center}.veil{background:radial-gradient(ellipse at 50% 47%,#0d1314bf, #0d131477 65%),linear-gradient(0deg,#0d1314e8,transparent 45%,#0d131455)}.overline{font-size:7px;letter-spacing:2.8px;margin-bottom:25px}.loading-logo{width:108%;margin-left:-4%}.tagline{font-size:15px;letter-spacing:1px;margin:23px 0 42px}.progress-area{width:80%}.progress-meta{font-size:8px;gap:10px}.loading-tip{font-size:8px}.edition{max-width:190px;font-size:6px;line-height:1.9;letter-spacing:1.5px}.corner{width:17px;height:17px}.top-left{left:20px;top:20px}.top-right{right:20px;top:20px}.bottom-left{left:20px;bottom:70px}.bottom-right{right:20px;bottom:70px}.loading-bottom{left:20px;right:20px;bottom:25px}}@media(max-height:520px) and (orientation:landscape){.loading-screen{padding:45px 10% 70px}.loading-center{max-width:600px}.overline{margin-bottom:8px}.tagline{margin:12px 0 22px}.progress-area{min-height:65px}.loading-tip{margin:10px 0}.loading-bottom{bottom:15px}.bottom-left,.bottom-right{bottom:45px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.mist{opacity:.2}}

/* ===== Textes agrandis ===== */
.overline{font-size:14px;letter-spacing:4px}
.tagline{font-size:clamp(20px,2.3vw,28px)}
.progress-meta{font-size:16px}
#progress-number{font-size:19px}
#progress-number span{font-size:11px}
.loading-tip{font-size:15px;line-height:1.7}
.enter{font-size:14px}
.loading-bottom,.edition{font-size:10px}
@media(max-width:600px){.overline{font-size:11px;letter-spacing:3px}.tagline{font-size:18px}.progress-meta{font-size:13px}#progress-number{font-size:15px}.loading-tip{font-size:12px}.loading-bottom,.edition{font-size:9px}}
:root:not([data-skin="ember"]):not([data-skin="glacier"]) .loading-background{background:#0d1314 url('assets/hero.webp') 67% center/cover no-repeat}