/* MU Familia: luminous epic presentation. */
html body[data-familia-art] :is(.hero-logo,.brand img,.fx-logo),html body :is(#main-header .logo img,.site-head .brand img){opacity:1!important;filter:brightness(1.9) contrast(1.24) saturate(.85) drop-shadow(0 2px 2px #00111f) drop-shadow(0 0 5px #bceaff66)!important}
html body[data-familia-art] .hero-logo{background:radial-gradient(ellipse,#08243ef2 15%,#0b2a42c9 46%,transparent 73%)!important}
html body[data-familia-art] .site-head .brand{background:radial-gradient(ellipse,#08243eeb,transparent 74%)}
:root{--max:1180px;--night:#17364f;--deep:#204866;--ice:#c1eafb;--gold:#f0ce83;--text:#f4f6f4;--muted:#cedee8;--line:#7795aa66;--fu-night:#17364f;--fu-panel:#204360;--fu-text:#f4f6f4;--fu-muted:#cedee8;--fu-gold:#f0ce83}
html{background:#325d79;color-scheme:dark}
html body,html body[data-familia-art],html body.page-shop,html body.page-dashboard{background:linear-gradient(180deg,#254b6420,#23445d66 1000px),url('/assets/familia-epic/hero-epic.webp') center top/cover fixed no-repeat!important;color:#f4f6f4!important;min-height:100vh}
body{--epic-width:min(1180px,calc(100% - 96px))}
body>main,body>header,body>footer,body>.fx-local-notice{width:var(--epic-width)!important;max-width:1180px!important;margin-inline:auto!important;box-sizing:border-box}
body>main{background:#193b55f5;border-inline:1px solid #c3dce285;box-shadow:0 22px 85px #102c4770;min-width:0}
html body .site-head,html body[data-familia-art] .fx-header,html body.page-shop .fx-header,html body.page-dashboard .fx-header{padding:0 26px!important;min-height:88px;gap:22px!important;background:linear-gradient(180deg,#2a5270fa,#15374ff5)!important;border:1px solid #aac8d477!important;border-bottom:2px solid #d9bf7e!important;box-shadow:0 4px 24px #112b4944}
.site-head .brand,.site-head .brand img{width:100px;height:78px}.site-head .desktop-nav{gap:19px;font-size:.82rem}.site-head .head-actions{gap:12px}.site-head .account-link{font-size:.8rem;padding-left:12px}.site-head .live-small{font-size:.67rem}
.desktop-nav a,.fx-menu nav a{position:relative;padding-block:16px;transition:color .18s,text-shadow .18s}.desktop-nav a:hover,.fx-menu nav a:hover{color:#ffe3a4!important;text-shadow:0 0 16px #e8bc7080}.desktop-nav a:after{content:'';position:absolute;bottom:6px;left:50%;width:0;height:2px;background:#f7d587;transition:width .18s,left .18s}.desktop-nav a:hover:after{width:100%;left:0}
html body[data-familia-art=hero] main>.hero{min-height:610px!important;background:linear-gradient(90deg,#123c5ade 0%,#16456582 36%,#184a6810 68%),url('/assets/familia-epic/hero-epic.webp') center 46%/cover no-repeat!important;border-bottom:1px solid #f2d58e99}
.hero:after{background:linear-gradient(0deg,#183c55 0%,transparent 25%)!important}.hero-inner{padding:30px 42px 48px!important}.hero-logo{width:245px;height:145px;margin:0 0 8px -10px;filter:drop-shadow(0 4px 10px #00192a99)}.hero h1{font-size:clamp(2.8rem,4.4vw,4.4rem);max-width:580px;line-height:1.04;color:#fff9e9!important;text-shadow:0 3px 18px #163a57}.hero p{max-width:410px;color:#f0f7fc!important;text-shadow:0 2px 7px #153b58;font-size:1rem}.hero-meta{color:#e1f2ff!important}.hero-meta b{color:#ffe2a0!important}.hero .rate-note{color:#e2f0f5;text-shadow:0 1px 4px #102f49}
html body[data-familia-art] .button,html body .button,html body[data-familia-art] :is(.fx-button,.fc-button,.fq-button){border-radius:3px!important;position:relative;isolation:isolate;border:1px solid #e5cb8f!important;min-height:49px;padding:14px 25px!important;font-weight:700;letter-spacing:.015em;box-shadow:inset 0 1px 0 #fff8,inset 0 -3px 0 #263a4e77,0 5px 14px #081e3244;transition:transform .16s,box-shadow .16s,filter .16s!important}
html body[data-familia-art] .button.gold,html body .button.gold{color:#38250b!important;background:linear-gradient(180deg,#ffe8a8 0%,#edc574 45%,#d29e42 100%)!important;border-color:#ffe9b3!important;text-shadow:0 1px 0 #fff6}
html body .button.outline,html body[data-familia-art] .button.outline{color:#fff9e9!important;background:linear-gradient(180deg,#4b819c,#265671 55%,#1f4862)!important;border-color:#b6d9e4!important}
.button:before{content:'';position:absolute;inset:4px;border:1px solid #fff3;border-radius:1px;pointer-events:none}.hero-actions .gold{min-width:182px}.button:hover{transform:translateY(-2px);filter:brightness(1.09);box-shadow:inset 0 1px 0 #fffc,0 5px 24px #e8c77355!important}.button:active{transform:translateY(1px)}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #ffe29b!important;outline-offset:4px}
html body .launch-band{background:linear-gradient(120deg,#2a5471,#214762);padding:30px 36px;gap:24px;border-bottom:1px solid #abc5d166}.launch-date h2{color:#ffdf9c}.launch-date small{color:#c1d4e0}.countdown div{background:linear-gradient(#36617b,#204761);border:1px solid #9cb7c1;border-top:2px solid #f3d084;box-shadow:inset 0 1px 8px #112f4333}.countdown strong{color:#fff0c9}.countdown span{color:#deebf2}.stats-band{padding:24px 36px;background:#1c405a;gap:30px}.stats-band strong{color:#cff2ff}.stats-band small{color:#cbdde5}
html body[data-familia-art] :is(.section,.fa-discover){max-width:1180px;padding-inline:36px}.section h2,.fa-discover h2{color:#fff0d0!important}.section p,.fa-discover p{color:#d0e3ec!important}.services{padding-block:44px}.service-grid{gap:14px}.service{background:linear-gradient(130deg,#365f7a,#244a66)!important;border:1px solid #8caec080!important;border-top:2px solid #e6c579!important;box-shadow:inset 0 1px 0 #ffffff20;padding:22px 18px}.service h3{color:#fff1ce}.service-icon{color:#f2d080}.service:hover{border-color:#f3cf87!important;background:linear-gradient(130deg,#416f8c,#2c5672)!important}
.fa-discover{padding-block:22px 45px}.fa-art-grid{gap:18px}.fa-art-card{background:#28516c;border-color:#95b4c2aa}.fa-art-card picture{aspect-ratio:1.5}.fa-art-card h3{color:#fff0d3}.fa-art-card p{color:#d9e8ee}.fa-art-card:hover{border-color:#f4d48d;box-shadow:0 5px 24px #102c4b66}
html body[data-familia-art=hero] .world-section{max-width:1180px;margin:auto;background:#214762;border-block:1px solid #a5c3cf55;grid-template-columns:1fr 1fr}.world-content{padding:42px 36px 38px 12px!important}.world-content h2{color:#fff0d0}.world-art{min-height:480px}.world-art:after{background:linear-gradient(90deg,transparent,#214762)!important}.gameplay{padding:30px}.gameplay figcaption{background:#234c68;color:#e3f0f4}.paths h3{color:#f5e1af}.paths p{color:#d1e2eb}
html body[data-familia-art=hero] .library:before{background:linear-gradient(90deg,#244e68e8,#244e68cc),url('/assets/familia-art/guides.webp') center/cover!important;inset:0;opacity:1}.library{gap:40px;padding-block:55px}.guide-links a{color:#f4e7c9}.guide-links{border-color:#a3beca77}
html body[data-familia-art=hero] .community{background:linear-gradient(90deg,#204d68ed,#2f5977c4),url('/assets/familia-art/community.webp') center/cover!important;max-width:calc(100% - 72px);padding:32px!important;margin:0 auto 42px!important;gap:35px;border-color:#a6c4cf88}.community h2{color:#ffedc2}.community aside{padding-left:25px}.community aside a{color:#ffe09c}body>footer{padding:30px 36px;background:#183a54f5;border:1px solid #9dbdca77;border-top:1px solid #dfc98a;color:#e4eff4}
/* Shared interior pages receive the same framed, brighter presentation. */
html body[data-familia-art] :is(.fc-panel,.fc-account-menu,.fc-character,.fc-wallet-grid>div,.fc-rank-controls,.fc-rank-table,.fc-empty,.fc-dialog,.fx-faq,.fq-progress-panel,.fx-quest-demo,.category-group article,.guide-card,.article-aside,.toc,.callout,.note){background-color:#234d69f5!important;border-color:#8db3c599!important;color:#e6f1f7!important}
html body[data-familia-art] :is(.fc-hero,.fu-intro,.page-hero,.fm-hero,.shop-store-hero,.article-intro){background:linear-gradient(90deg,#173e59e8,#21527066),var(--fa-image) 65% center/cover!important;border-color:#d1b67488!important}
html body[data-familia-art].page-ranking .fc-hero{background:linear-gradient(90deg,#173e59ee,#21527066),var(--fa-image) 65% center/cover!important}
html body[data-familia-art] :is(.fc-rank-table th,.fc-account-menu nav a[aria-current=page]){background:#356580!important;color:#fff1cb!important}html body[data-familia-art] .fc-rank-table tbody tr:nth-child(even){background:#355e7855!important}html body[data-familia-art] :is(.fc-name,.article-body a,.article-aside a){color:#b9eaff!important}
html body[data-familia-art] :is(.fx-header,.fx-local-notice){background:#224c67f5!important}.article-body{background:#1e435e!important;color:#e5eff4}.article-body p,.article-body li{color:#dbe8ee}.article-body h2,.article-body h3{color:#ffdfa1}.article-intro .lead{color:#edf6fa!important}html body[data-familia-art] .forum-box{background:linear-gradient(#214a65d9,#214a65eb),var(--fa-image) center/cover!important}
html body[data-familia-art] :is(.fx-eyebrow,.shop-store-kicker,.fc-private,.fc-config-note,.fu-pill,.article-intro .eyebrow){color:#d5ecf8!important}
@media(min-width:1600px){body{padding-top:28px}.hero-inner{padding-top:44px!important}html body[data-familia-art=hero] main>.hero{min-height:650px!important}}
@media(max-width:1180px){body{--epic-width:calc(100% - 48px)}.site-head .desktop-nav{gap:13px;font-size:.76rem}.site-head .live-small{display:none}.site-head .brand,.site-head .brand img{width:90px}.site-head{gap:14px!important}.hero-inner{padding-left:32px!important}.launch-band{grid-template-columns:1fr 1fr}.launch-band>.button{display:none}}
@media(max-width:800px){body{--epic-width:calc(100% - 24px)}html body .site-head,html body[data-familia-art] .fx-header{padding:0 18px!important;gap:12px!important;min-height:75px}.site-head .head-actions{margin-left:auto}.hero-inner{padding:25px 28px 35px!important}.hero-logo{width:200px;height:125px}.hero h1{font-size:3.25rem;max-width:440px}.hero p{max-width:360px}html body[data-familia-art=hero] main>.hero{background-position:center,60% center!important;min-height:590px!important}.section,.fa-discover{padding-inline:26px!important}.fa-art-card picture{aspect-ratio:auto}.world-content{padding:26px!important}.world-art{min-height:0}.community{grid-template-columns:1fr}.stats-band{padding-inline:26px}.launch-band{padding:25px 26px!important}.library{grid-template-columns:1fr;gap:32px}.world-section{display:block!important}html body[data-familia-art=hero] .community{max-width:calc(100% - 48px)}}
@media(max-width:540px){body{--epic-width:100%}body>main{border-inline:0}html body .site-head,html body[data-familia-art] .fx-header{padding-inline:14px!important}.site-head .brand,.site-head .brand img{width:80px;height:65px}.site-head .account-link{font-size:.72rem}.site-head .language select{min-width:85px}.site-head .head-actions{gap:8px}.hero-inner{padding:285px 22px 30px!important}.hero-logo{position:absolute;top:4px;left:20px;width:180px;height:120px}.hero .mobile-live{background:#1c4763e8;top:126px;left:22px;color:#e6f6ff;border-color:#b4d4df88}.hero h1{font-size:2.75rem;max-width:100%;margin-bottom:15px}.hero p{max-width:100%;font-size:.93rem}html body[data-familia-art=hero] main>.hero{min-height:690px!important;background:linear-gradient(0deg,#193d56 0%,#193d56f5 37%,#193d5610 78%),url('/assets/familia-epic/hero-epic.webp') 70% top/auto 440px no-repeat!important;background-color:#193d56!important}.hero:after{background:none!important}.hero-actions{gap:10px}.hero-actions .button{padding:13px 10px!important;font-size:.84rem;min-width:0}.hero-meta{font-size:.76rem}.rate-note{font-size:.72rem}.section,.fa-discover{padding-inline:22px!important}.fa-art-card picture{aspect-ratio:1.7}.countdown{width:100%}.stats-band{padding-inline:22px;gap:14px}.stats-band strong{font-size:1.55rem}.stats-band span{font-size:.64rem}html body[data-familia-art=hero] .community{max-width:calc(100% - 40px);padding:25px!important}.community aside{padding-left:0}.world-content{padding:25px 22px!important}body>footer{padding:26px 22px}.article-intro{padding:26px 22px!important}.article-body{padding-inline:22px!important}}
html body[data-familia-art] .shop-main,html body[data-familia-art] .db-main,html body[data-familia-art] #header-placeholder,html body[data-familia-art] #footer-placeholder{width:var(--epic-width)!important;max-width:1180px!important;margin-inline:auto!important}
html body[data-familia-art] #header-placeholder .fx-header{width:100%!important;padding:0 24px!important;gap:16px!important;background:linear-gradient(#315c79,#1c425b)!important}
html body[data-familia-art] .shop-main,html body[data-familia-art] .db-main{background:#1b405bef!important;padding-inline:28px!important;border-inline:1px solid #b3cdd780}
html body[data-familia-art] .shop-main .shop-store-hero{background:linear-gradient(90deg,#204e6bcc,#204e6b33),var(--fa-image) 65% center/cover!important}
html body[data-familia-art] .shop-store-nav a,html body[data-familia-art] #packages-catalog button{background:linear-gradient(#477f9b,#295875)!important;color:#fff0ca!important;border:1px solid #b2d2dc!important;box-shadow:inset 0 1px 0 #fff5,0 3px 10px #102e4244;min-height:44px}
html body[data-familia-art] .hero-logo{background:radial-gradient(ellipse,#11324bdd 12%,#12344b66 50%,transparent 72%)}
@media(max-width:800px){html body[data-familia-art] .shop-main,html body[data-familia-art] .db-main{padding-inline:18px!important}}
html body[data-familia-art] .site-head{background:linear-gradient(180deg,#315c79fa,#1c425bf5)!important}
html body[data-familia-art=guides] section.hero,html body[data-familia-art=guides] header.hero{background:linear-gradient(90deg,#1a4562c9,#285c7833),var(--fa-image) 70% center/cover!important}
html body[data-familia-art=hero] .launch-band{background:linear-gradient(120deg,#2b5774,#244b65)!important}
html body[data-familia-art=hero] .stats-band{background:#214963!important}
@media(prefers-reduced-motion:reduce){html body *,html body *:before,html body *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.button:hover{transform:none}}