@font-face{font-family:Agmena;src:url('fonts/agmena/Agmena%20Pro%20Regular.ttf')}@font-face{font-family:Mantinia;src:url('fonts/mantinia/Mantinia.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b0a;color:#d6ccba;font:20px/1.55 Agmena,Georgia,serif}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #e6c782;outline-offset:4px}.site-header{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px max(5vw,24px);border-bottom:1px solid #66583b;background:#0a0a09;position:relative;z-index:2}.brand{display:flex;align-items:center;text-decoration:none;gap:10px;color:#c4ab77;line-height:1.15;font:17px Mantinia,serif;letter-spacing:.08em}.brand img{width:180px;height:64px;object-fit:contain}.brand small{font-size:12px;letter-spacing:.22em}.site-header nav{display:flex;gap:clamp(16px,2.6vw,42px);align-items:center;flex-wrap:wrap}.site-header nav a{font:14px Mantinia,serif;color:#c6b89e;text-decoration:none;text-transform:uppercase}.site-header nav a:hover,.text-link:hover{color:#f1d9a1}.hero{min-height:680px;min-height:calc(100vh - 94px);display:flex;align-items:center;justify-content:center;position:relative;text-align:center;background:#000}.hero-inner{width:100%;padding:80px 24px}.eyebrow{font:12px Mantinia,serif;letter-spacing:.25em;color:#aa9367;margin:0 0 20px}.hero-logo{display:block;width:100%;height:auto;max-height:max(160px,min(50vh,calc(100vh - 380px)));object-fit:contain;margin:0 auto}.hero-copy{max-width:580px;margin:20px auto 32px;color:#d3c7b3;font-size:22px}.actions{display:flex;justify-content:center;gap:35px;align-items:center;flex-wrap:wrap}.button{display:inline-block;padding:15px 28px;color:#e8d4a5;text-decoration:none;background:#30281b;border:1px solid #a58b59;box-shadow:inset 0 0 18px #16130f;font:15px Mantinia,serif;letter-spacing:.05em}.button:hover{background:#55452b}.text-link{text-decoration:none;color:#d0b985;border-bottom:1px solid #8c7651;padding-bottom:5px}.scroll-cue{position:absolute;bottom:24px;color:#aa9367;font-size:30px;text-decoration:none}.section{max-width:1200px;margin:auto;padding:115px 32px;border-bottom:1px solid #332d22;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:38px}.section-heading h1,.section-heading h2,.contact h2{font:clamp(30px,4.2vw,52px)/1.15 Mantinia,serif;color:#dfcb9c;letter-spacing:.03em;margin:0 0 16px}.section-heading p:not(.eyebrow){max-width:650px;margin:0;color:#a99f8e}.ornament{font-size:35px;color:#786746}.ranking-frame{border:1px solid #66573d;background:linear-gradient(135deg,#191812,#0e0e0c 70%);box-shadow:0 8px 35px #000;padding:25px}.mode-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #594c36;padding-bottom:20px}.mode-tabs button{padding:10px 20px;border:1px solid transparent;background:transparent;color:#ada28e;cursor:pointer}.mode-tabs button.active{border-color:#9c8052;color:#ebd5a3;background:#30291d}.ranking-status{text-align:center;color:#c8b892;padding:55px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:#ad976d;font-size:16px;font-weight:normal}th,td{padding:16px 12px;border-bottom:1px solid #383124;white-space:nowrap}td:first-child{color:#d6b974}td img{height:42px;width:42px;object-fit:cover;border:1px solid #6a5a3c;vertical-align:middle;margin-right:12px}.release-row{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:30px;border:1px solid #504530;background:#14130f}.release-row h3{color:#e2d0a5;margin:8px 0;font-size:24px}.release-row p{color:#a99f8e;margin:0}.release-version{color:#b69860;letter-spacing:.15em}.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.download-card{min-height:175px;border:1px solid #5e5037;background:linear-gradient(130deg,#211d15,#10100e);display:flex;flex-direction:column;justify-content:space-between;padding:24px;text-decoration:none}.download-card:hover{border-color:#c2a36d}.download-card span,.download-card small{color:#ab9366}.download-card strong{font:24px Mantinia,serif;color:#ddc99d}.faq-list details{border-bottom:1px solid #4a4030;padding:20px 0}.faq-list summary{cursor:pointer;color:#d8c9aa;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq-list summary:after{content:'+';color:#c1a46c}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:#afa592;max-width:850px}.contact{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact p:not(.eyebrow){margin-bottom:30px}.contact img{width:min(210px,30%);object-fit:contain}footer{max-width:1200px;margin:auto;padding:34px 32px;display:flex;justify-content:space-between;gap:15px;color:#92846d;font-size:15px}footer a{text-decoration:none}.loader{position:fixed;inset:0;z-index:100;background:#080807 url('split1.png') center/cover no-repeat;display:flex;align-items:center;justify-content:center;transition:opacity .35s,visibility .35s}.loader.done{opacity:0;visibility:hidden}.loader-mark{position:relative;width:200px;height:200px;display:grid;place-items:center}.loader-mark img{position:relative;width:100px;height:100px;object-fit:contain}.loader-mark i{position:absolute;width:200px;height:200px;background:#8c7751;border-radius:50%;animation:ripple 1.8s infinite}.loader-mark i:nth-child(2){animation-delay:.3s}.loader-mark i:nth-child(3){animation-delay:.6s}@keyframes ripple{0%{opacity:.8;transform:scale(0)}100%{opacity:0;transform:scale(1)}}@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column}.site-header nav{gap:12px 20px}.site-header nav a{font-size:12px}.hero{min-height:620px}.section{padding:75px 20px}.download-grid{grid-template-columns:1fr}.release-row{align-items:flex-start;flex-direction:column}.contact img{display:none}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader-mark i{animation:none}.loader{transition:none}}
 .pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px}.pagination[hidden]{display:none}.pagination button{color:#dfcb9c;background:#30291d;border:1px solid #9c8052;min-width:46px;min-height:42px;cursor:pointer}.pagination button:disabled{opacity:.35;cursor:default}.site-header nav a{font-size:16px}.hero-inner{width:100%;min-width:0}.hero-logo{max-width:100%}.site-header nav{max-width:100%}@media(max-width:760px){.site-header nav a{font-size:16px}}

/* Mantinia labels use uppercase throughout the site. */
.brand,.site-header nav a,.eyebrow,.button,.section-heading h1,.section-heading h2,.contact h2,.download-card strong{text-transform:uppercase}

.download-card-heading{display:flex;align-items:center;gap:18px;min-width:0}
.download-card-heading img{display:block;width:86px;height:86px;object-fit:contain;flex:none}
@media(max-width:420px){.download-card-heading{gap:12px}.download-card-heading img{width:70px;height:70px}.download-card strong{font-size:20px}}

.scroll-cue{width:60px;height:60px;display:grid;place-items:center}
.scroll-cue img{display:block;width:90px;max-width:none;height:auto;transition:filter .2s ease;pointer-events:none}
.scroll-cue:hover img{filter:drop-shadow(0 0 5px rgba(255,190,90,.75))}

/* Barres de défilement communes, identiques au tracker. */
*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #000;
}
*::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: rgb(14,14,14);
    border-radius: 10px;
}
*::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.3);
    background-image: -webkit-linear-gradient(90deg,
        rgba(255,218,150,1) 0%, rgba(255,218,150,1) 30%,
        transparent 100%, rgba(255,218,150,1) 70%, transparent);
}
*::-webkit-scrollbar-corner { background-color: #000; }
@supports (-moz-appearance: none) {
    * { scrollbar-width: thin; scrollbar-color: rgb(255,218,150) rgb(14,14,14); }
}
.hero .text-link { font-family:Mantinia,serif; text-transform:uppercase; }

/* The introduction mirrors the tracker home prompt. */
@font-face {
  font-family:Agmena;
  src:url('fonts/agmena/Agmena%20Pro%20Italic.ttf') format('truetype');
  font-style:italic;
  font-weight:400;
  font-display:swap;
}
.hero-copy {
  color:#e7d2a8;
  font-size:20px;
  font-weight:normal;
  font-style:italic;
  line-height:1.35;
  filter:drop-shadow(0 0 6px rgba(230,195,125,.6));
}
.hero-copy.is-ready {
  animation:site-home-prompt-fade-in 2s ease-out forwards, site-home-prompt-glow 5s ease-in-out 2s infinite;
}
@keyframes site-home-prompt-fade-in { from { opacity:0; } to { opacity:1; } }
@keyframes site-home-prompt-glow {
  0%, 50%, 100% { filter:drop-shadow(0 0 4px rgba(230,195,125,.55)); }
  25%, 75% { filter:drop-shadow(0 0 4px rgba(255,225,165,.75)) drop-shadow(0 0 9px rgba(255,205,108,.4)); }
}
@media(prefers-reduced-motion:reduce) {
  .hero-copy.is-ready { animation:none; opacity:1; }
}
.ornament { display:block; width:72px; height:72px; object-fit:contain; flex:0 0 auto; }
@media(max-width:600px) { .ornament { width:56px; height:56px; } }

/* Keep navigation visible and section headings clear of it. */
.site-header { position:sticky; top:0; }
#home, main > .section { scroll-margin-top:var(--site-header-height, 110px); }

.back-to-top { position:fixed; right:max(18px,env(safe-area-inset-right)); bottom:max(18px,env(safe-area-inset-bottom)); z-index:100; display:grid; place-items:center; width:64px; height:64px; padding:0; border:0; background:transparent; cursor:pointer; }
.back-to-top[hidden] { display:none; }
.back-to-top img { display:block; width:84px; max-width:none; height:84px; object-fit:contain; pointer-events:none; transition:filter .2s ease; }
.back-to-top:hover img { filter:drop-shadow(0 0 5px rgba(255,190,90,.75)); }
.back-to-top:focus-visible { outline:2px solid #e1c487; outline-offset:2px; }
.back-to-top { opacity:0; visibility:hidden; pointer-events:none; transform:translateY(6px); transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s; }
.back-to-top.is-visible { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); transition:opacity .35s ease,transform .35s ease,visibility 0s; }

/* Same cursor and text/disabled states as the tracker. */
body, body * { cursor:url('elden-cursor-exact.png') 0 0, auto !important; }
body :is(input:not([type]), input[type="text"], input[type="search"], input[type="number"], input[type="email"], input[type="password"], textarea, [contenteditable="true"]) { cursor:text !important; }
body :is(button, input, select, textarea):disabled { cursor:not-allowed !important; }

/* Navigation matched to the reference: a fine bronze line with a central diamond. */
.site-header { background:#000; border-bottom:1px solid #907747; }
.site-header::after { content:''; position:absolute; z-index:1; bottom:-4px; left:50%; width:7px; height:7px; box-sizing:border-box; border:1px solid #e0bc72; background:#080807; transform:translateX(-50%) rotate(45deg); pointer-events:none; }
.site-header nav { position:relative; }
.site-header nav a { position:relative; padding:8px 0; }
.site-header nav .nav-indicator { position:absolute; top:0; left:0; height:8px; background-image:radial-gradient(ellipse 50% 48% at 50% 50%, rgba(255,219,139,.48), rgba(197,139,48,.16) 50%, transparent 100%), linear-gradient(to right, transparent 0%, rgba(187,133,50,.15) 8%, #c39348 24%, #ffe3a0 50%, #c39348 76%, rgba(187,133,50,.15) 92%, transparent 100%); background-position:center; background-size:100% 100%, 100% 2px; background-repeat:no-repeat; filter:drop-shadow(0 0 3px rgba(238,190,94,.65)); pointer-events:none; opacity:0; transition:transform .36s cubic-bezier(.22,.7,.25,1),width .36s ease,opacity .35s ease; }
.site-header nav .nav-indicator.is-visible { opacity:1; }

.hero .actions .button, .hero .actions .button:hover { background:transparent; box-shadow:none; }
.store-release-notes { white-space:pre-wrap; overflow-wrap:anywhere; }
.release-row .store-version { color:#d9bc80; margin-bottom:10px; }
.store-release-language { display:block; margin-top:8px; color:#a99f8e; }
.store-release-language[hidden] { display:none; }
