@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');:root{--bg:#0c1122;--panel:#151d36;--line:#29324b;--text:#f6f6ff;--muted:#a7b2ca;--gold:#ffcb7c;--violet:#9d84ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.top{height:82px;padding:0 max(5vw,22px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15;background:#0d1327ed;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{font-family:Outfit,sans-serif;font-size:23px;font-weight:900;letter-spacing:1px}.brand b{color:var(--gold)}.mark{color:var(--gold);margin-right:8px}.top nav{display:flex;gap:29px;align-items:center}.top nav a{font-size:13px;color:#d3d8e9;font-weight:700}.top nav a:hover{color:var(--gold)}.navcta{border:1px solid #5d5275;padding:12px 18px;border-radius:10px}#menu{display:none}.hero{min-height:600px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 45%,#4e3869 0%,#172348 33%,#0c1122 70%)}.hero-inner{width:min(1200px,90%);margin:auto;position:relative;z-index:2;padding:90px 0}.eyebrow{font-size:11px;letter-spacing:2.6px;font-weight:800;color:var(--gold)}h1,h2,h3{font-family:Outfit,sans-serif}h1{font-size:clamp(48px,6vw,82px);line-height:1.06;letter-spacing:-2.5px;margin:23px 0}em{font-style:normal;color:var(--gold)}.hero p{font-size:17px;line-height:1.8;color:#c1c9df;max-width:520px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:32px 0}.btn{padding:16px 23px;border-radius:11px;font-weight:800;font-size:14px;display:inline-flex;gap:16px;align-items:center}.primary{background:linear-gradient(135deg,#ffdd98,#f9aa60);color:#251c23;box-shadow:0 12px 35px #f6b46b2b}.secondary{border:1px solid #606b8a;background:#ffffff0b}.status{display:flex;align-items:center;gap:12px;font-size:12px;color:#b9c4d7}.dot{height:8px;width:8px;background:#ffbf73;border-radius:50%;box-shadow:0 0 15px #ffbf73}.sep{opacity:.4}.hero-art{position:absolute;right:8%;top:18%;width:350px;height:350px;opacity:.8}.sun{position:absolute;inset:25px;border:2px solid #e6b47e88;border-radius:50%;box-shadow:0 0 70px #d39afc55,inset 0 0 60px #ffca8244}.sun:after{content:'';position:absolute;inset:32px;border:1px dashed #f9c48f77;border-radius:50%}.island{position:absolute;top:88px;left:100px;font-size:130px;color:#ffcf98;text-shadow:0 0 65px #ffcb7c}.rune{position:absolute;font-size:55px;color:#c7aaff}.r1{top:10px;right:10px}.r2{bottom:0;left:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:1150px;margin:-1px auto 0;padding:32px 20px;border-bottom:1px solid var(--line)}.stats div{text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;font:800 29px Outfit;color:var(--gold)}.stats span{color:var(--muted);font-size:12px}.section{max-width:1160px;margin:auto;padding:105px 22px}.section-head{max-width:650px;margin-bottom:42px}h2{font-size:clamp(35px,4vw,51px);line-height:1.13;margin:15px 0}.section-head p,.split p,.download p,.account>p{color:var(--muted);line-height:1.8}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.feature{background:linear-gradient(145deg,#1b2542,#11192e);border:1px solid #36405a;border-radius:19px;padding:32px}.symbol{font-size:34px;color:var(--gold)}.feature h3{font-size:23px}.feature p{color:var(--muted);line-height:1.75;font-size:14px}.split{background:#131b32;padding:90px max(6vw,22px);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split>div:first-child{max-width:490px;margin-left:auto}.chip{display:inline-block;margin-top:20px;border:1px solid #8b7194;color:#dbc6ff;padding:10px 15px;border-radius:30px;font-size:12px}.rank{background:#0f162b;border:1px solid #3b4564;border-radius:17px;max-width:520px;width:100%;overflow:hidden}.rank-head{background:#252f4c;padding:22px;font-size:12px;letter-spacing:1px;font-weight:800;display:flex;justify-content:space-between}.rank-head span{color:var(--gold)}.rank-row{display:flex;align-items:center;gap:25px;padding:20px 25px;border-top:1px solid #27314b;color:#cbd3e7}.rank-row b{color:var(--gold)}.rank-row small{margin-left:auto}.news{display:grid;grid-template-columns:1fr 1fr;gap:22px}.news article{border:1px solid #35405c;background:#161f39;padding:32px;border-radius:17px}.news h3{font-size:23px}.news p{color:var(--muted);line-height:1.7}.tag{font-size:10px;font-weight:800;color:var(--gold);letter-spacing:2px}.meta{font-size:12px;color:#8191af}.download{background:linear-gradient(120deg,#32264e,#1b3150);padding:75px max(6vw,22px);display:flex;align-items:center;justify-content:space-between;gap:30px}.download>div{max-width:640px}.disabled{border:1px solid #8b83a4;color:#c7bedb;opacity:.8;cursor:not-allowed}.account{text-align:center}.account>p{max-width:600px;margin:0 auto 30px}.notice{max-width:550px;margin:auto;border:1px solid #5b4c5b;border-radius:15px;padding:24px;background:#201d31;display:grid;gap:9px}.notice strong{color:var(--gold)}.notice span{font-size:13px;color:var(--muted);line-height:1.6}footer{padding:38px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line)}footer p,footer>span{color:var(--muted);font-size:12px}@media(max-width:800px){.top{height:68px}.top nav{display:none;position:absolute;top:68px;left:0;right:0;background:#121a30;padding:22px;flex-direction:column;align-items:stretch}.top nav.open{display:flex}#menu{display:block;background:none;border:0;color:white;font-size:24px}.hero{min-height:560px}.hero-art{opacity:.17;right:-90px;top:100px}.hero-inner{padding:60px 0}.stats{grid-template-columns:repeat(2,1fr);gap:25px}.stats div:nth-child(2){border:0}.features,.news,.split{grid-template-columns:1fr}.split{gap:35px}.split>div:first-child{margin:0}.download{display:block}.download .btn{margin-top:20px}.section{padding:70px 22px}}@media(max-width:440px){.brand{font-size:19px}.status{flex-wrap:wrap}.hero p{font-size:15px}.btn{font-size:13px}.stats strong{font-size:25px}}

.account-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:950px;margin:30px auto;text-align:left}.account-card{border:1px solid #3a4561;background:linear-gradient(145deg,#1b2542,#10182e);border-radius:18px;padding:30px;max-width:950px;margin:20px auto}.account-card h3{font-size:24px;margin:0 0 22px}.account-card label{display:block;font-size:13px;color:#dbe3f4;font-weight:700;margin:14px 0}.account-card input{display:block;width:100%;margin-top:8px;border:1px solid #485675;background:#0d1529;color:white;border-radius:10px;padding:14px;font:inherit}.account-card input:focus{outline:2px solid var(--gold)}.account-card button{border:0;cursor:pointer;margin-top:12px}.form-alert{max-width:950px;margin:18px auto;padding:16px;border-radius:10px}.form-alert.ok{background:#173e34;border:1px solid #3d9c7e}.form-alert.error{background:#492530;border:1px solid #c77782}.account-note{font-size:13px;color:var(--muted)}@media(max-width:800px){.account-forms{grid-template-columns:1fr}.account-card{padding:22px}}

/* FlyFF Unique — édition monde fantastique */
:root{--bg:#eef8ff;--panel:#fff;--line:#d6e9f5;--text:#26375c;--muted:#617493;--gold:#ffab42;--violet:#8e62f5}
body{background:linear-gradient(180deg,#e9f8ff,#fff 48%,#f2edff);color:var(--text)}
.top{background:#fffefaee;border-bottom:1px solid #d9e9f6;box-shadow:0 8px 30px #31528c12}.brand{color:#29477f;text-shadow:1px 2px #d5eafa}.brand b{color:#ff9b36}.top nav a{color:#3b567c}.top nav a:hover{color:#a74edf}.navcta,.admin-link{border:0!important;background:linear-gradient(130deg,#6f6be8,#b650de);color:#fff!important;padding:12px 17px;border-radius:30px;box-shadow:0 6px 15px #775ce344}.admin-link{background:linear-gradient(130deg,#ff9e4e,#e9609c)}
.hero{min-height:680px;background:radial-gradient(circle at 75% 25%,#fff4bd 0%,transparent 30%),linear-gradient(155deg,#80d9ff 0%,#b6edff 33%,#cbb6ff 66%,#f4b4e8 100%);border-bottom:9px solid #fff;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 100%,#5ab3a6 0%,transparent 38%),radial-gradient(ellipse at 96% 95%,#6e97d4 0%,transparent 40%);opacity:.7}.hero:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:75px;background:linear-gradient(165deg,transparent 47%,#fff 48%);opacity:.95}.hero-inner{width:min(1200px,90%);padding:95px 0 120px}.hero-inner>*{max-width:610px}.hero h1{color:#24457e;text-shadow:0 3px #ffffffa8;font-size:clamp(49px,6.5vw,88px)}.hero h1 em{color:#f47d4f;text-shadow:2px 3px #fff5d4}.hero p{color:#3f638b;font-weight:600}.eyebrow{color:#8a4fd5}.hero .eyebrow{color:#7246b9;background:#ffffffa8;padding:10px 15px;border-radius:30px;display:inline-block;letter-spacing:1.4px}.primary{background:linear-gradient(120deg,#ffe27b,#ff9a54);color:#543353;border:2px solid #fff9d7;box-shadow:0 8px 0 #dc87518a,0 16px 35px #d85b7640}.secondary{background:#fff9;border:2px solid #fff;color:#4b5ca2}.status{color:#365e83;font-weight:700}.dot{background:#51bf77;box-shadow:0 0 12px #51bf77}
.hero-art{right:7%;top:12%;width:min(39vw,520px);height:520px;opacity:1;filter:drop-shadow(0 22px 30px #4778b43b)}.moon{position:absolute;top:3%;left:20%;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffefa,#ffea9e 57%,#ffd3a7 100%);box-shadow:0 0 0 20px #fff6b544,0 0 90px #fff6bc}.cloud{position:absolute;background:#fff9;border-radius:100px;height:58px;width:210px;filter:blur(2px)}.cloud:before,.cloud:after{content:'';position:absolute;border-radius:50%;background:#fff}.cloud:before{width:90px;height:90px;left:35px;top:-42px}.cloud:after{width:110px;height:100px;right:22px;top:-47px}.c1{top:25%;left:-12%}.c2{top:62%;right:-15%;transform:scale(.7)}.float-island{position:absolute;left:12%;right:0;bottom:8%;height:165px;background:linear-gradient(165deg,#7ee9a4,#2ea47d 52%,#397c76 53%,#685a9b 100%);border-radius:52% 48% 50% 50% / 44% 43% 57% 56%;transform:rotate(-6deg);box-shadow:inset 0 13px #a5f8ad,0 25px 0 -13px #6d70ad}.float-island:after{content:'';position:absolute;bottom:-78px;left:25%;width:45%;height:90px;background:linear-gradient(#685a9b,#9a78b7 65%,transparent);clip-path:polygon(0 0,100% 0,55% 100%)}.island-tree{position:absolute;font-size:140px;top:-140px;left:6%;color:#f68ec8;text-shadow:8px 8px #ad7ddd,-6px 0 #ffde8d}.island-castle{position:absolute;top:-143px;right:19%;font-size:170px;color:#fff0c4;text-shadow:5px 8px #8b80d1}.sky-broom{position:absolute;top:17%;right:-8%;font-size:110px;color:#ff8bc8;text-shadow:8px 8px #fff}.sky-spark{position:absolute;color:#fff6a8;font-size:50px;text-shadow:0 0 20px #fff}.s1{top:4%;left:1%}.s2{top:48%;right:0}.s3{bottom:0;left:2%}
.stats{background:#fff;border-radius:22px;max-width:1120px;margin:-35px auto 0;position:relative;z-index:2;box-shadow:0 15px 45px #6687b22b;border:1px solid #d9e8ff}.stats div{border-color:#e5e5f5}.stats strong{color:#8c64db}.stats span{color:#60708f}.section{padding-top:90px}.section h2,.split h2,.download h2{color:#324c85}.section em,.split em,.download em{color:#a95bd9}.section-head p,.split p,.download p,.account>p{color:#62769a}.feature{background:#fff;border:2px solid #e5ddff;box-shadow:0 12px 35px #8b85c51b;transition:transform .2s}.feature:hover{transform:translateY(-5px)}.feature:nth-child(2){border-color:#c4e9f5}.feature:nth-child(3){border-color:#ffe2c6}.feature h3{color:#375487}.feature p{color:#657797}.symbol{color:#c07bdf}.split{background:linear-gradient(125deg,#e1f9ff,#f6e6ff)}.rank{background:#fff;border:2px solid #d9d9ff;box-shadow:0 15px 35px #5e7cba20}.rank-head{background:#826de2;color:white}.rank-head span{color:#fff5b2}.rank-row{color:#53668e;border-color:#edf0fc}.rank-row b{color:#a15add}.chip{background:#fff;border:1px solid #d6b7ff;color:#8e55c7}.news article{background:#fff;border:2px solid #e5e0fa;box-shadow:0 12px 30px #9a89d51c;position:relative;overflow:hidden}.news article:before{content:'✦ ✧ ✦';display:block;background:linear-gradient(120deg,#b5e8ff,#e5c8ff,#ffe3a8);padding:36px;color:#fff;font-size:44px;letter-spacing:22px;text-align:center;margin:-32px -32px 25px}.news h3{color:#395282}.news p{color:#657796}.tag{color:#a85de0}.meta{color:#7b8eac}.download{background:linear-gradient(110deg,#b3ebff,#dfc9ff,#ffe2ad);border-block:6px solid #fff}.disabled{background:#ffffff8a;border-color:#fff;color:#6176a0}.account-card{background:#fff;border:2px solid #dfdefa;box-shadow:0 18px 35px #7e86ba22;color:#3c5381}.account-card label{color:#3b5981}.account-card input{background:#f5f8ff;border:1px solid #d6e0f5;color:#273c65}.account-card h3{color:#36558d}.form-alert.ok{background:#dcfae9;border-color:#7fdeb0;color:#1b754e}.form-alert.error{background:#ffe6eb;border-color:#f1a3b1;color:#a34158}.account-note{color:#7c8dac}footer{background:#fff;color:#4b6186;border-color:#e2e8f6}footer p,footer>span{color:#7b8aa3}
.admin-main{max-width:1240px;margin:auto;padding:45px 24px 100px}.admin-heading h1{font-size:clamp(44px,6vw,70px);margin:14px 0}.admin-heading p,.admin-panel>p{color:#64799b}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0}.admin-stats>div{background:#fff;border:2px solid #e3ddff;border-radius:20px;padding:24px;box-shadow:0 10px 25px #a7a2d21a}.admin-stats strong{display:block;font:800 32px Outfit;color:#9161d6;overflow-wrap:anywhere}.admin-stats span{color:#6b7d9b}.admin-panel{background:#fff;border:2px solid #e1e8fa;border-radius:24px;padding:30px;margin:28px 0;box-shadow:0 15px 35px #7b91bf16}.admin-panel h2{font-size:32px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:13px;text-align:left;border-bottom:1px solid #e5ebf5}th{color:#8b5fd2;background:#f6f4ff}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.admin-form label{display:block;font-weight:700;color:#435e85;margin:15px 0}.admin-form input:not([type=checkbox]),.admin-form textarea{display:block;width:100%;font:inherit;color:#253a61;background:#f8fbff;border:1px solid #d2dff0;border-radius:11px;padding:13px;margin-top:8px}.admin-form .check{display:flex;gap:10px;align-items:center}.admin-form button{border:0;cursor:pointer}.mini-btn{display:inline-block;background:#ece5ff;color:#6543a8;border:1px solid #d6c7ff;border-radius:9px;padding:8px 12px;font:700 12px inherit;cursor:pointer}.mini-btn.danger{background:#ffedf1;color:#aa4760;border-color:#ffcad6}.admin-news-list article{border-bottom:1px solid #e4e9f5;padding:15px 0}.admin-news-list small{display:block;color:#7888a2;margin:6px 0}.admin-actions{display:flex;gap:9px}.admin-nav{display:flex;gap:18px;align-items:center}.admin-nav a{font-size:13px;font-weight:700}.admin-nav a:hover{color:#8c54cf}
@media(max-width:900px){.hero-art{opacity:.35;right:-100px;top:12%;width:420px}.hero-inner{z-index:2}.admin-grid{grid-template-columns:1fr}.admin-nav{gap:9px}.admin-nav a{font-size:11px}}
@media(max-width:800px){.top nav{background:#fff;box-shadow:0 15px 30px #6687b233}.top nav a{color:#435c87}.hero{min-height:630px}.hero-art{opacity:.28}.hero-inner{padding:65px 0 120px}.stats{margin:-20px 16px 0}.admin-stats{grid-template-columns:1fr}.admin-panel{padding:18px}.admin-nav{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:520px){.hero h1{font-size:47px}.hero-art{right:-190px;opacity:.23}.admin-nav a:not(:first-child){display:none}.admin-main{padding:25px 12px 70px}}

/* Mise à jour Pang & état public — édition 2 */
.hero{min-height:720px;background:radial-gradient(circle at 80% 18%,#fff6d1 0,transparent 24%),linear-gradient(145deg,#7bdcff 0%,#c8e9ff 37%,#d3b8ff 71%,#ffc4d6 100%)}
.hero-art{width:min(47vw,640px);height:570px;top:8%;right:2%;pointer-events:none;filter:drop-shadow(0 20px 24px #6771ae44)}
.hero-illustration{position:absolute;width:100%;height:100%;object-fit:contain;z-index:5;animation:floatArt 6s ease-in-out infinite}
.hero-art .moon,.hero-art .cloud,.hero-art .float-island,.hero-art .sky-broom,.hero-art .sky-spark{display:none}
@keyframes floatArt{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
.hero-inner{width:min(1220px,90%)}.hero-inner>*{max-width:570px}
.hero h1{font-size:clamp(52px,6.4vw,86px)}
.status{display:inline-flex;align-items:center;gap:10px;border-radius:24px;background:#ffffffbd;padding:12px 17px;box-shadow:0 5px 20px #5172ad20}
.status .dot{flex:none}.status-online .dot{background:#20ba68;box-shadow:0 0 0 5px #20ba6829}.status-offline .dot{background:#e65365;box-shadow:0 0 0 5px #e6536529}.status-maintenance .dot{background:#ffae39;box-shadow:0 0 0 5px #ffae3929}.status-preparing .dot{background:#9776df;box-shadow:0 0 0 5px #9776df29}
.server-banner{position:relative;z-index:3;max-width:1130px;margin:-45px auto 60px;padding:22px 28px;display:flex;gap:22px;align-items:center;background:#fff;border:3px solid #e4dcff;border-radius:26px;box-shadow:0 16px 45px #5f77b83d}
.server-banner-mascot{flex:0 0 130px}.server-banner-mascot img{display:block;width:130px;height:135px;object-fit:contain}
.server-banner-text{flex:1}.server-banner-text h2{margin:7px 0;font-size:clamp(25px,3vw,35px)}.server-banner-text p{margin:8px 0;color:#435e87;font-size:15px}.server-banner-text small{color:#7485a3;display:block;max-width:700px;font-size:11px}
.server-indicator{padding:11px 17px;border-radius:30px;font-weight:900;white-space:nowrap;background:#f4ecff;color:#8657bf}.state-online{color:#168c54!important}.state-offline{color:#d0445c!important}.state-maintenance{color:#d58a1b!important}.state-preparing{color:#8657bf!important}
.server-indicator.state-online{background:#ddf9e7}.server-indicator.state-offline{background:#ffe2e7}.server-indicator.state-maintenance{background:#fff1d5}.server-indicator.state-preparing{background:#f1e8ff}
.stats{margin:0 auto 20px}.adventure-strip{max-width:1120px;margin:48px auto 0;padding:0 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.adventure-card{display:flex;align-items:center;gap:18px;border:2px solid #dcdcfb;border-radius:24px;background:linear-gradient(120deg,#fff,#f6f1ff);padding:15px 20px;box-shadow:0 12px 35px #9e8ecb1c}.adventure-card:nth-child(2){background:linear-gradient(120deg,#fff,#e8f8ff)}.adventure-card img{width:112px;height:120px;object-fit:contain;flex:none}.adventure-card strong,.adventure-card span{display:block}.adventure-card strong{font:800 22px Outfit,sans-serif;color:#5a4caa}.adventure-card span{font-size:14px;line-height:1.5;color:#637898;margin-top:8px}.mini-server-state{display:inline-block;margin-top:18px;padding:12px 18px;border:1px solid #d8d3f5;border-radius:20px;background:#fff}.player-status{padding:14px 16px;border-radius:14px;background:#f0f7ff;border:1px solid #d8e7ff;margin-bottom:18px}.player-status p{margin:7px 0 0;color:#667b9c}.admin-companion{display:flex;align-items:center;gap:15px;background:#fff9e9;border:1px solid #f8e1ac;border-radius:18px;padding:8px 18px;max-width:720px}.admin-companion img{width:75px;height:75px}.admin-companion p{font-size:14px;color:#536c91}.admin-form select{display:block;width:100%;font:inherit;color:#253a61;background:#f8fbff;border:1px solid #d2dff0;border-radius:11px;padding:13px;margin-top:8px}
@media(max-width:900px){.hero-art{width:480px;right:-140px;opacity:.45}.hero-inner>*{max-width:590px}.server-banner{margin:-30px 16px 45px}}
@media(max-width:650px){.hero-art{width:400px;right:-160px;top:20%;opacity:.24}.hero-inner{padding:75px 0 110px}.server-banner{flex-wrap:wrap;padding:17px;gap:10px}.server-banner-mascot{flex:0 0 72px}.server-banner-mascot img{width:72px;height:85px}.server-banner-text{flex-basis:calc(100% - 95px)}.server-indicator{margin-left:auto}.adventure-strip{grid-template-columns:1fr}.adventure-card img{width:85px;height:90px}.adventure-card strong{font-size:18px}}

/* FlyFF Unique V19 : visuels de la nouvelle version */
.hero{background:linear-gradient(115deg,#a8e8ff 0%,#c3eaff 47%,#c9b5f8 100%)}
.hero-art.flyff-real-art{right:5%;top:7%;height:610px;width:min(36vw,475px);filter:drop-shadow(0 20px 35px #3a659b50)}
.flyff-real-art .hero-illustration{object-fit:contain;object-position:center;border-radius:28px;mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%)}
.adventure-card img[src*="overbike"]{width:165px;height:115px;object-fit:contain;border-radius:12px}
@media(max-width:900px){.hero-art.flyff-real-art{right:-55px;width:330px;opacity:.35}}
@media(max-width:650px){.hero-art.flyff-real-art{right:-135px;top:18%;width:330px;height:440px;opacity:.19}.adventure-card img[src*="overbike"]{width:115px;height:95px}}

/* Édition panoramique : grande illustration sur toute la bannière */
.hero{position:relative;min-height:700px;isolation:isolate;background:#a8dfff url('assets/banniere-flyff-unique.webp') center center / cover no-repeat !important;}
.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(221,245,255,.04) 0%,rgba(238,249,255,.96) 24%,rgba(242,250,255,.93) 43%,rgba(242,250,255,.12) 61%,transparent 82%);pointer-events:none;}
.hero .glow{display:none!important}.hero-art.flyff-real-art{display:none!important}
.hero-inner{position:relative;z-index:1;width:min(1220px,92%);padding:95px 0 145px;margin:auto;}
.hero-inner>*{max-width:520px}.hero h1{font-size:clamp(45px,5vw,72px);line-height:1.06;text-shadow:0 1px 5px #ffffff80}
.hero-inner>p{max-width:445px;color:#254975;font-weight:600;text-shadow:0 1px 3px #fff}
.hero .eyebrow{background:#ffffffde;border-radius:50px;padding:9px 14px}
.server-banner-mascot img{border-radius:50%;object-fit:cover;object-position:center;box-shadow:0 6px 16px #6692bb35}
.adventure-card img[src*="pang-illustration"]{border-radius:18px;object-fit:cover}
@media(max-width:850px){.hero{background-position:58% center!important}.hero::before{background:linear-gradient(90deg,rgba(240,250,255,.94),rgba(240,250,255,.78) 55%,rgba(240,250,255,.15))}.hero-inner{padding:75px 0 120px}}
@media(max-width:580px){.hero{min-height:650px;background-position:65% center!important}.hero::before{background:linear-gradient(180deg,rgba(238,250,255,.93),rgba(238,250,255,.85) 63%,rgba(238,250,255,.18))}.hero-inner{padding:68px 0 110px}.hero h1{font-size:clamp(39px,10vw,52px)}.hero-inner>p{font-size:14px}}

/* Accueil : libérer le logo intégré à la bannière */
.hero-inner .hero-welcome{font-size:clamp(19px,2vw,27px);font-weight:800;line-height:1.35;max-width:370px;margin-top:150px;margin-bottom:22px;color:#173b71;text-shadow:0 2px 8px #ffffff;}
@media(max-width:850px){.hero-inner .hero-welcome{margin-top:165px;max-width:320px}}
@media(max-width:580px){.hero-inner .hero-welcome{margin-top:140px;max-width:290px;font-size:21px}}

/* Bannière seule : aucun texte, bouton ou voile par-dessus l'illustration. */
.hero{display:block;min-height:0!important;height:auto!important;aspect-ratio:1768 / 685;background-image:url("assets/banniere-flyff-unique.webp")!important;background-position:center center!important;background-size:cover!important;border-bottom:0!important;}
.hero::before,.hero::after{display:none!important;}
@media(max-width:700px){.hero{aspect-ratio:16 / 9;background-position:center center!important;}}

/* Bannière nettoyée : aucun bouton ni statut fictif dans l'image. */
.hero{min-height:0!important;height:auto!important;aspect-ratio:1536/610;background-image:url('assets/banniere-flyff-unique.webp')!important;background-size:100% 100%!important;background-position:center center!important;border-bottom:0!important;}
.hero::before,.hero::after{display:none!important;}
.server-banner{margin:0 auto 60px!important;}
@media(max-width:700px){.hero{aspect-ratio:1536/750!important;background-size:cover!important;background-position:center center!important;}.server-banner{margin:0 12px 35px!important;}}