/* Phaeris · Astrub, or et parchemin. Couche visuelle : aucune route ni logique métier. */
:root{--rn-forest:#123d3b;--rn-deep:#0b292b;--rn-gold:#f6c366;--rn-paper:#f2ead1;--rn-ink:#45483a;--pr-night:#0b292b;--ph-cyan:#8bdec4;--pr-mint:#8bdec4}
body{background:var(--rn-deep);color:#e6e8d8;font-family:'Trebuchet MS',Arial,sans-serif}
body::before{background:radial-gradient(ellipse at 50% 10%,#24594e66,transparent 65%),#0b292b}
.ph-nav{background:#102f30;border-bottom:3px solid #bda369;box-shadow:0 5px 16px #08262955;z-index:20}
.ph-brand{font-family:'Phaeris Fraunces',Georgia,serif;color:#f6d89a;letter-spacing:-.04em}
.ph-brand small{font-family:'Trebuchet MS',Arial,sans-serif;letter-spacing:.24em;color:#bbd2bc}
.ph-links{border-color:#6f8c7055}.ph-links a{color:#e3e4cb}.ph-links a:hover{background:#2c5749;color:#fff1c1}
.ph-links a.active{color:#f6d285;background:linear-gradient(#a7904833,#52674644)}.ph-links a.active::after{background:#f2bc59}
.ph-btn{border-radius:9px;transition:transform .17s ease,background .17s ease,box-shadow .17s ease}
.ph-nav-actions .ph-btn{border-radius:9px}
.ph-btn-primary,.ph-nav-actions .ph-btn-primary{background:linear-gradient(#ffc862,#eb951f);border:1px solid #ffd779;border-bottom:3px solid #ad5d18;color:#382b14!important;box-shadow:inset 0 1px 0 #fff0af,0 3px 0 #082a2866;text-shadow:0 1px #ffffff55;font-weight:800}
.ph-btn-primary:hover,.ph-nav-actions .ph-btn-primary:hover{background:linear-gradient(#ffdb8a,#f5ac3f);color:#382b14!important;transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff2c7,0 5px 0 #082a2866}
.ph-btn-primary:active{transform:translateY(1px)}
.ph-btn-ghost{background:#e8e1bf0c;border-color:#a9b99680;color:#eee6c8}.ph-btn-ghost:hover{background:#455d41;color:#fff3cc}
.pw-menu-toggle{color:#f2d394;border-color:#baa76c;background:#214b43}
.ph-nav-account,.ph-links{border-top-color:#71907566}
.rn-home{overflow:clip;isolation:isolate}.rn-hero{position:relative;background:#305947;isolation:isolate}
.rn-landscape{position:absolute;inset:0;z-index:-2;background:url('../img/renaissance/astrub.webp') center 45%/cover no-repeat}
.rn-landscape::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b292bec 0%,#123d3bbc 23%,#133d3b22 62%,transparent),linear-gradient(0deg,#0b292b,transparent 32%)}
.rn-hero-inner{position:relative;min-height:640px;display:flex;align-items:center;padding-top:35px;padding-bottom:75px}
.rn-hero-copy{width:53%;position:relative;z-index:2;pointer-events:none}.rn-hero-copy a{pointer-events:auto}
.rn-kicker{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:11px;line-height:1.5;color:#93d7bb;margin:0 0 12px}
.rn-hero .rn-kicker{color:#f4d38c}
.rn-wordmark{font:900 clamp(60px,7.6vw,106px)/1 'Phaeris Fraunces',Georgia,serif;text-transform:uppercase;color:#ffd478;letter-spacing:-.065em;margin:0 0 20px;text-shadow:0 3px 0 #805319,0 6px 0 #142c24,0 8px 16px #102e2888;-webkit-text-stroke:1px #ebc577;font-variation-settings:'SOFT' 100,'WONK' 1}
.rn-hero h1{font-size:clamp(31px,3.2vw,46px);line-height:1.12;color:#fff5d7;margin:0 0 20px;letter-spacing:-.045em;text-wrap:balance}
.rn-hero h1 em{color:#a0e1c6}.rn-intro{font-size:16px;line-height:1.75;color:#f1efda;margin-bottom:26px}
.rn-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.rn-play{font-size:17px;padding:17px 26px;gap:10px;min-height:58px}
.rn-hero-link{font-size:13px;font-weight:bold;color:#fff1c8;display:inline-flex;gap:10px;align-items:center;min-height:44px;text-decoration:none;border-bottom:1px solid #d2d5a475}
.rn-hero-link:hover{color:#fff;border-color:#fff}.rn-platforms{font-size:11px;color:#d2dec6;margin:15px 0 0}
.rn-dragon{position:absolute;width:65%;max-width:880px;height:auto;right:-95px;top:72px;z-index:1;pointer-events:none;filter:drop-shadow(0 22px 13px #17372d55);animation:rn-glide 9s ease-in-out infinite}
.rn-leaves{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}.rn-leaves span{position:absolute;left:10%;top:12%;width:14px;height:8px;background:#b4cb64;border-radius:2px 80% 2px 80%;opacity:0;animation:rn-leaf 18s linear infinite}.rn-leaves span:nth-child(2){left:58%;top:7%;width:11px;height:7px;animation-delay:-7s;animation-duration:24s;background:#d5d575}.rn-leaves span:nth-child(3){left:80%;top:32%;animation-delay:-12s;animation-duration:21s;background:#7dac65}
.rn-motion.pw-motion{position:absolute;bottom:32px;right:28px;left:auto;top:auto;z-index:5;width:auto;height:auto;border:1px solid #bdc69888;color:#ecedcf;background:#103931dc;border-radius:20px;font-size:11px;display:flex;gap:7px;align-items:center;padding:9px 13px}
.rn-motion span{position:static;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;white-space:normal}
.rn-motion[hidden]{display:none}
.rn-content{position:relative;padding-bottom:56px}.rn-trails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#efe6c8;border:3px solid #d0c294;border-radius:12px;box-shadow:0 6px 0 #061e22,0 14px 25px #031c2633;position:relative;z-index:4;margin-top:-20px;overflow:hidden}
.rn-trails a{display:flex;align-items:center;gap:16px;padding:24px 22px;color:#394f41;text-decoration:none;border-right:1px solid #c5bc94;transition:background .16s}.rn-trails a:last-child{border:0}.rn-trails a:hover{background:#fff3d5;color:#214f45}.rn-trails i{font-size:27px;color:#986530}.rn-trails strong{font:800 19px 'Phaeris Fraunces',Georgia,serif;display:block}.rn-trails small{font-size:12px;color:#64654b;display:block;margin-top:4px}.rn-trails b{margin-left:auto;color:#958356}
.rn-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.rn-section-heading h2{font-size:36px;color:#f5e5b9;margin:0}.rn-section-heading .rn-kicker{margin-bottom:6px}.rn-section-heading>a{color:#b5d8c0;white-space:nowrap;font-size:13px;min-height:44px;display:flex;align-items:center;gap:12px}
.rn-journal{padding:58px 0 28px}.rn-journal-grid{display:grid;grid-template-columns:1fr 1fr .85fr;gap:23px}
.rn-news{display:flex;flex-direction:column;border-radius:11px;overflow:hidden;background:#efe7ce;color:#414638;text-decoration:none;box-shadow:0 5px 0 #061f21;transition:transform .18s;min-width:0}
.rn-news:hover{color:#414638;transform:translateY(-3px)}.rn-news>img{width:100%;height:180px;object-fit:cover;border-bottom:3px solid #c6a960;transition:filter .2s}.rn-news:hover>img{filter:brightness(1.06)}.rn-news>div{padding:23px;display:flex;flex-direction:column;flex:1}.rn-news time{color:#716345;font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:.09em}.rn-news h3{font-size:25px;line-height:1.17;color:#414638;margin:11px 0 23px;overflow-wrap:anywhere}.rn-news span{display:flex;justify-content:space-between;font-size:12px;font-weight:bold;color:#286450;margin-top:auto}
.rn-news-empty{padding:35px;grid-column:span 2}.rn-news-empty .rn-kicker{color:#597649}.rn-news-empty>a{color:#236152}
.rn-village-board{position:relative;background:#244a3d;border:1px solid #6f8959;border-radius:11px;padding:30px 26px;color:#d4dfc7;display:flex;flex-direction:column}.rn-village-board h3{font-size:28px;color:#f5e3b1;margin:0 0 14px;line-height:1.12}.rn-village-board>p:not(.rn-kicker){font-size:13px;line-height:1.7}.rn-board-icon{position:absolute;right:20px;top:18px;color:#cda455;font-size:23px}.rn-village-board .rn-kicker{font-size:10px;color:#c8cf9a}.rn-village-board .ph-btn{margin-top:auto;align-self:start;min-height:44px;font-size:13px;padding:12px 18px}
.rn-server-list{margin:0 0 22px}.rn-server{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:13px;font-size:12px;border-top:1px solid #71977755}.rn-server small{margin-left:auto;color:#deebca}.rn-server .pw-status-dot{position:static;flex:none}
.rn-discover{padding:32px 0 60px}.rn-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.rn-destination{position:relative;min-height:398px;border-radius:12px;border:2px solid #7bada1;overflow:hidden;background:#b8d8d4;text-decoration:none;color:#254a47;box-shadow:0 5px 0 #061f21;transition:transform .2s,border-color .2s}.rn-destination:hover{transform:translateY(-4px);border-color:#e9d88d;color:inherit}.rn-destination>div{position:relative;z-index:1;padding:28px}.rn-destination .rn-kicker{color:#3c6964;font-size:10px}.rn-destination h3{font-size:30px;line-height:1.13;color:#30483e;margin:0 0 15px}.rn-destination p{font-size:13px;line-height:1.7;max-width:86%;margin:0 0 18px}.rn-destination b{font-size:12px}.rn-destination img{position:absolute;bottom:-32px;right:-15px;width:215px;height:205px;object-fit:contain;pointer-events:none;transition:transform .3s}.rn-destination:hover img{transform:rotate(-3deg) translateY(-4px)}
.rn-ice{background:linear-gradient(150deg,#d4ebe0,#8cb9b5)}.rn-craft{background:linear-gradient(150deg,#f3e2b2,#c5c080);border-color:#aeac65}.rn-craft .rn-kicker{color:#787240}.rn-shop{background:linear-gradient(150deg,#e0d1a9,#b8aa78);border-color:#ac9867}.rn-shop .rn-kicker{color:#736546}.rn-shop img{width:190px;right:4px;bottom:-16px}
.rn-start{display:flex;position:relative;align-items:center;gap:36px;border-top:1px solid #86a07666;padding:45px 35px 30px;background:radial-gradient(ellipse at 15% 80%,#456d413b,transparent 65%)}.rn-start>img{width:220px;height:290px;object-fit:contain;margin-top:-25px;filter:drop-shadow(0 10px 10px #031c1e44)}.rn-start h2{font-size:43px;color:#f6e9c8;margin:0 0 10px}.rn-start p{font-size:14px;color:#c3d4b9}.rn-start ol{display:flex;flex-wrap:wrap;gap:22px;list-style:none;padding:0;margin:28px 0 0}.rn-start li a{display:flex;align-items:center;gap:10px;color:#f1e4be;font-size:13px;min-height:44px;text-decoration:none}.rn-start li b{display:grid;place-items:center;width:34px;height:34px;background:#335b47;border:1px solid #91a372;border-radius:50%;font:800 14px 'Phaeris Fraunces',serif;color:#f3cb78}.rn-start li a:hover{color:#fff}.rn-start li a:hover b{background:#486f4d}
/* Les écrans existants gardent leurs grilles, champs et contrôles. */
.pr-masthead{background:linear-gradient(90deg,#183e35f7 35%,#183e3555),url('../img/renaissance/astrub.webp') center 47%/cover;border-color:#8b9567;border-radius:12px}
.pr-masthead h1,.pr-masthead .pr-masthead-title{color:#fff0c9}.pr-masthead .pr-lead{color:#dfebcd}.pr-masthead .pr-eyebrow{color:#e7c887}
.pr-gate-story{background:linear-gradient(180deg,#14392dd9,#14392dcc),url('../img/renaissance/astrub.webp') center/cover;border-color:#a39e6e}.pr-gate-story h2{color:#f9e7b5}
.rn-gate-brand{display:block;position:relative;z-index:2;width:max-content;margin-bottom:35px;font:900 36px/1 'Phaeris Fraunces',Georgia,serif;letter-spacing:-.04em;text-decoration:none;color:#f6d48b;text-shadow:0 2px #735625}.rn-gate-brand small{display:block;font:700 9px 'Trebuchet MS',Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#e1e5bf;margin-top:9px}.rn-gate-brand:hover{color:#ffe6ad}.pr-gate-character{object-fit:contain;max-height:290px;bottom:-12px}.pr-gate-creature{object-fit:contain}
.pr-gate-form{background:#ede5c9;color:#454b35}.pr-gate-form h1,.pr-gate-form h2,.pr-gate-form .form-label,.pr-gate-form .form-check-label{color:#454b35}.pr-gate-form .form-control{background:#faf5df;color:#424a31;border-color:#aba37a;box-shadow:inset 0 2px 3px #74754319}.pr-gate-form .form-control:focus{border-color:#527b52;box-shadow:0 0 0 3px #759c6740}.pr-gate-form a:not(.ph-btn):not(.btn){color:#2c694b}.pr-gate-form .text-muted,.pr-gate-form .text-secondary{color:#65684f!important}.pr-gate-return{border-color:#a8ae8580}.pr-gate-form .btn-primary{background:linear-gradient(#ffce77,#f0a535);border-color:#c19342;color:#3f321a;font-weight:800;border-radius:8px;min-height:44px}.pr-gate-form .form-check-input{border-color:#8e9670}.pr-gate-form .form-check-input:checked{background-color:#547d45}
.pr-side,.wk-nav,.wk-toc,.pr-account-nav{background-color:#163b32;border-color:#6c885c;border-radius:9px}
.pr-paper,.pr-gate-form,.pr-account-content,.wk-main{border-radius:10px;border-color:#afa77a}
.pr-platform{border-radius:10px}.pr-platform .ph-btn-primary{color:#382b14}
.ph-footer{background:#092628;border-top:3px solid #9c9964}.ph-footer h4{color:#e7cf93}.ph-footer-brand strong{color:#efd8a6}.ph-footer p,.ph-footer-links a{color:#b7c9b5}.ph-footer-bottom{border-color:#5e796044}
.rn-home :where(a,button):focus-visible,.ph-nav :where(a,button):focus-visible{outline:3px solid #fff0b0;outline-offset:5px}
.rn-trails a:focus-visible,.rn-destination:focus-visible,.rn-news:focus-visible{outline-color:#f9b83e}
@keyframes rn-glide{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}
@keyframes rn-leaf{0%{opacity:0;transform:translate(0,0) rotate(0)}15%,75%{opacity:.6}100%{opacity:0;transform:translate(100px,290px) rotate(260deg)}}
.pw-paused .rn-dragon,.pw-paused .rn-leaves span{animation-play-state:paused}
@media(min-width:1600px){.rn-dragon{right:-110px;top:45px;width:70%}}
@media(max-width:1100px){.rn-hero-inner{min-height:590px}.rn-dragon{right:-60px;top:110px;width:61%}.rn-hero-copy{width:58%}.rn-actions{gap:12px}.rn-play{font-size:15px}.rn-journal-grid{gap:16px;grid-template-columns:1fr 1fr}.rn-village-board{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.rn-village-board .rn-kicker,.rn-village-board h3,.rn-village-board>p:not(.rn-kicker){grid-column:1}.rn-server-list{grid-column:2;grid-row:2}.rn-village-board .ph-btn{grid-column:2;grid-row:3;align-self:center}.rn-destination>div{padding:22px}.rn-destination h3{font-size:26px}.rn-trails a{padding:22px 16px;gap:10px}.rn-trails strong{font-size:17px}.rn-trails small{font-size:11px}}
@media(max-width:760px){.rn-hero-inner{min-height:710px;align-items:start;padding-top:36px;padding-bottom:245px}.rn-hero-copy{width:100%;text-align:center}.rn-wordmark{font-size:73px;margin-bottom:15px}.rn-hero h1{font-size:34px}.rn-intro{font-size:15px}.rn-actions{justify-content:center}.rn-platforms{font-size:11px}.rn-dragon{width:430px;max-width:83%;right:6%;top:auto;bottom:3px}.rn-landscape{background-position:55% center}.rn-landscape::after{background:linear-gradient(#0b292bdc,#123d3ba0 55%,#123d3b00 80%,#0b292b)}.rn-motion.pw-motion{bottom:25px;right:18px;padding:9px}.rn-motion span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.rn-trails{grid-template-columns:1fr;margin-top:0}.rn-trails a{border-right:0;border-bottom:1px solid #c5bc94;padding:17px 22px}.rn-trails strong{font-size:20px}.rn-trails small{font-size:13px}.rn-trails i{width:30px}.rn-section-heading{align-items:start}.rn-section-heading h2{font-size:30px}.rn-section-heading>a{font-size:12px;white-space:normal;text-align:right;justify-content:end}.rn-journal{padding-top:42px}.rn-journal-grid{gap:20px}.rn-news>img{height:155px}.rn-news>div{padding:18px}.rn-news h3{font-size:23px}.rn-destinations{grid-template-columns:1fr}.rn-destination{min-height:295px}.rn-destination>div{padding:28px;max-width:77%}.rn-destination p{max-width:80%;font-size:14px}.rn-destination img{width:190px;height:180px;bottom:-10px;right:-20px}.rn-destination h3{font-size:29px}.rn-start{padding:30px 0;gap:10px}.rn-start>img{width:140px;height:210px}.rn-start h2{font-size:32px}.rn-start ol{gap:8px;margin-top:18px;flex-direction:column}.rn-content{padding-bottom:20px}.rn-discover{padding-bottom:35px}.rn-kicker{font-size:11px}}
@media(max-width:480px){.rn-hero-inner{min-height:720px;padding-inline:20px}.rn-wordmark{font-size:65px}.rn-hero h1{font-size:31px}.rn-intro br{display:none}.rn-intro{line-height:1.6}.rn-actions{flex-direction:column;gap:8px}.rn-platforms{font-size:10px}.rn-dragon{bottom:22px;width:350px;max-width:94%;right:3%}.rn-trails a{padding:17px}.rn-section-heading{flex-wrap:wrap;gap:5px}.rn-section-heading>a{min-height:36px}.rn-journal-grid{grid-template-columns:1fr}.rn-news-empty{grid-column:auto}.rn-village-board{display:flex;grid-column:auto;padding:26px}.rn-news>img{height:180px}.rn-news h3{font-size:26px}.rn-news time{font-size:12px}.rn-news span{font-size:14px}.rn-start{display:block}.rn-start>img{float:right;width:108px;height:150px;margin:0 -10px 0 0}.rn-start h2{font-size:31px}.rn-start ol{clear:both}.rn-destination>div{max-width:100%;padding:25px}.rn-destination p{max-width:70%;font-size:13px}.rn-destination img{width:155px;height:155px}.rn-destination h3{font-size:28px}.rn-destination{min-height:305px}}
@media(prefers-reduced-motion:reduce){.rn-dragon,.rn-leaves span{animation:none!important}.rn-home *, .ph-btn{scroll-behavior:auto;transition:none!important}.rn-leaves{display:none}}
@media(max-width:640px){.rn-gate-brand{display:none}.pr-gate-character{max-height:145px;bottom:-5px}.pr-gate-creature{max-height:80px;bottom:0}}