/* COE scene cropped from user-approved mockup, original official logo kept intact */
.app:not(.logged-in) #main-content{
 background-image:
 linear-gradient(90deg,rgba(10,25,42,.80) 0%,rgba(10,25,42,.38) 46%,rgba(16,30,42,.28) 100%),
 url('/assets/coe-cinematic-scene.webp'),
 radial-gradient(ellipse at 80% 12%,#ffc77d 0%,#bd815d 32%,#213b51 80%)!important;
 background-size:cover,min(1250px,120vw) auto,cover!important;
 background-position:center,center 46%,center!important;
 background-repeat:no-repeat!important;
 background-attachment:fixed!important;
}
.app:not(.logged-in) .landing{isolation:isolate}
.app:not(.logged-in) .landing .hero h1,.app:not(.logged-in) .coe-login-mark{text-shadow:0 2px 14px #0b1626cc}
.app:not(.logged-in) .coe-login-mark img{filter:drop-shadow(0 5px 12px #0b162688)}
.app.logged-in .coe-home-banner{
 background-image:linear-gradient(90deg,#10263bf2 0%,#10263bba 48%,#10263b22 100%),url('/assets/coe-cinematic-scene.webp')!important;
 background-position:center,center 48%!important;background-size:cover!important;
}
@media(max-width:820px){
 .app:not(.logged-in) #main-content{
 background-image:linear-gradient(180deg,#11233c88 0%,#11233c20 40%,#102135c9 76%,#132339 100%),url('/assets/coe-cinematic-scene.webp'),linear-gradient(135deg,#26394d,#e8a25f)!important;
 background-size:cover,auto 580px,cover!important;
 background-position:center,center 4%,center!important;
 background-attachment:scroll!important;
 }
}