*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0c10;color:#f7f4ec;font:15px Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{height:90px;border-bottom:1px solid #695020;background:#0d0e12;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,5.2vw)}.brand{display:flex;align-items:center;gap:13px}.brand img{width:64px;height:64px;object-fit:cover}.brand b{font-size:23px;letter-spacing:3px;color:#f2b94f}.brand small{display:block;font-size:11px;letter-spacing:1px;color:#e8cb86;margin-top:5px}nav{display:flex;align-items:center;gap:32px}nav a{font-size:14px}nav a:hover{color:#e8b44b}.outline{border:1px solid #ba8a2c;border-radius:35px;padding:15px 27px;color:#f7c76b;font-weight:bold}.hero{min-height:670px;background:radial-gradient(ellipse at 50% 12%,#312719 0%,#171411 35%,#0b0c10 74%);text-align:center;padding:74px 20px 55px;border-bottom:1px solid #40331e}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:800;color:#e5a93b}.hero-logo{width:205px;height:205px;object-fit:cover;display:block;margin:24px auto 19px}.hero h1{font-size:clamp(35px,4vw,54px);line-height:1.1;margin:0;font-weight:800;letter-spacing:-1.3px}.gold{color:#efb74d}.hero p.desc{font-size:16px;line-height:1.55;max-width:670px;margin:20px auto 30px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:0;background:linear-gradient(100deg,#c49130,#f2c965);color:#17130b;border-radius:30px;padding:15px 25px;font-weight:800;font-size:13px;cursor:pointer}.btn:hover{filter:brightness(1.1)}.vision{padding:85px 20px;text-align:center;max-width:1040px;margin:auto}.vision h2{font-size:34px}.vision p{color:#cfc7b5;line-height:1.8}footer{border-top:1px solid #43341e;padding:24px 5vw;color:#bda36e;font-size:12px}.page{max-width:1180px;margin:0 auto;padding:64px 24px}.page h1{font-size:42px;margin:12px 0}.muted{color:#bcb6aa;line-height:1.7}.panel{border:1px solid #675028;border-radius:14px;background:linear-gradient(145deg,#181714,#0e0f13);padding:28px;margin:22px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.grid .panel{margin:0}.grid h3{color:#efbd62}.palace{position:relative;max-width:1150px;margin:24px auto}.palace img{width:100%;display:block;border:1px solid #8c672c;border-radius:12px}.palace a{position:absolute;display:block;top:20%;height:62%;width:15%;border-radius:10px}.palace a:focus-visible,.palace a:hover{outline:3px solid #eac15b;background:#e5b34220}.palace .p1{left:3%}.palace .p2{left:23%}.palace .p3{left:43%}.palace .p4{left:63%}.palace .p5{left:82%}.field{display:block;margin:18px 0}.field input{width:100%;padding:14px;background:#111;border:1px solid #7d632f;border-radius:8px;color:white}.login{max-width:540px;margin:0 auto}.note{font-size:13px;color:#b9a784}@media(max-width:650px){header{height:auto;padding:12px 18px;gap:15px;flex-wrap:wrap}nav{gap:13px;flex-wrap:wrap}.brand img{width:48px;height:48px}.outline{padding:10px 14px}.hero{padding-top:45px;min-height:600px}.hero-logo{width:165px;height:165px}.hero h1{font-size:36px}.page h1{font-size:32px}}
/* Navigation et pages de présentation */
.universe-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:30px 0 48px}.universe-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;border:1px solid #4f422f;background:#151519;min-width:0;transition:transform .2s,border-color .2s}.universe-card:hover,.universe-card:focus-visible{transform:translateY(-4px);border-color:#e9ba5a}.universe-card img{width:100%;height:126px;object-fit:cover;border-radius:5px}.universe-card strong{font-size:14px;margin:15px 0 6px}.universe-card span{color:#b8b1b4;font-size:12px}.universe-card small{color:#e9ba5a;font-size:12px;margin-top:15px}.refuge-detail{display:grid;grid-template-columns:minmax(240px,.85fr) 1.15fr;gap:40px;margin:30px 0 60px;align-items:start}.refuge-cover{width:100%;max-height:450px;object-fit:cover;border:1px solid #82652f;border-radius:14px}.detail-kicker{letter-spacing:2px;color:#e8b34c;text-transform:uppercase;font-size:12px}.refuge-detail h1{line-height:1.15}.refuge-detail h2{font-size:23px;color:#eec478}.features{line-height:2;color:#e6d9bc;padding-left:22px}.detail-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.secondary-link{color:#e9bf68;text-decoration:underline;text-underline-offset:4px}nav{row-gap:12px}@media(max-width:1000px){.universe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.refuge-detail{grid-template-columns:1fr}.universe-card img{height:105px}nav{gap:12px}}

/* Bouton de retour sur chaque fiche Refuge */
.detail-actions .btn-return{background:transparent;color:#f4ca71;border:1px solid #b78a32;text-decoration:none}.detail-actions .btn-return:hover{background:#282013}

/* Affichage adaptatif du palais royal */
body:has(.palace) .page {
  max-width: 100%;
  padding: 30px 20px 50px;
}

body:has(.palace) .palace {
  width: 100%;
  max-width: 1600px;
  margin: 24px auto;
}

body:has(.palace) .palace img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 650px) {
  body:has(.palace) .page {
    padding: 20px 8px;
  }
}